/* ══════════════════════════════════════════════════
   STOBOX — contact.css
   Styles specific to the Contact page
   ══════════════════════════════════════════════════ */

/* ── Contact Hero overrides ── */
.hero--contact{padding:80px 80px 72px;text-align:center;}
.hero--contact .hero-glow{background:radial-gradient(ellipse 700px 500px at 50% 60%,rgba(37,99,235,.1) 0%,transparent 65%);}
.hero--contact .hero-inner{max-width:700px;}
.hero--contact h1{font-size:clamp(38px,4.5vw,56px);}
.hero--contact .hero-sub{max-width:none;margin-bottom:0;}
.hero--contact .hero-breadcrumb{justify-content:center;}

/* ── Contact details (left column) ── */
.contact-details{margin-top:28px;display:flex;flex-direction:column;gap:14px;}
.cd-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--mid);line-height:1.5;}
.cd-icon{flex-shrink:0;color:var(--blue);margin-top:1px;}
.cd-item a{color:var(--blue);text-decoration:none;font-weight:500;}
.cd-item a:hover{text-decoration:underline;}

/* ── Main content grid ── */
.main-sec{padding:64px 80px;}
.main-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}

/* ── Meeting embed ── */
.block-eye{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.block-eye::before{content:'';width:16px;height:1px;background:var(--blue);}
.block-title{font-family:'Playfair Display',serif;font-size:30px;font-weight:400;color:var(--ink);line-height:1.15;margin-bottom:8px;}
.block-title em{font-style:italic;color:var(--mid);}
.block-sub{font-size:14.5px;color:var(--mid);line-height:1.65;margin-bottom:24px;max-width:460px;}
.meeting-embed-wrap{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--off);min-height:700px;}
.meetings-iframe-container{width:100%;min-height:700px;}
.meetings-iframe-container iframe{width:100% !important;min-height:700px !important;border:none !important;}
.meeting-placeholder{padding:48px 32px;text-align:center;}
.mp-icon{font-size:32px;margin-bottom:16px;}
.mp-title{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.mp-desc{font-size:13.5px;color:var(--mid);line-height:1.6;margin-bottom:20px;}
.mp-code{font-family:'DM Mono',monospace;font-size:11px;background:var(--off2);border:1px solid var(--border);border-radius:6px;padding:10px 14px;color:var(--mid);text-align:left;word-break:break-all;}

/* ── Contact form card ── */
.form-block{position:sticky;top:80px;}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.06);}
.form-head{background:var(--ink);padding:22px 26px;}
.form-head-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:#fff;margin-bottom:3px;}
.form-head-sub{font-size:12px;color:rgba(255,255,255,.35);line-height:1.5;}
.form-body{padding:24px 26px;}

/* ── Response time note ── */
.response-note{margin-top:14px;padding:12px 16px;background:var(--off);border-radius:9px;border-left:3px solid var(--border);font-size:12.5px;color:var(--soft);line-height:1.5;}
.response-note strong{color:var(--mid);}
.response-note a{color:var(--blue);text-decoration:none;font-weight:500;}
.response-note a:hover{text-decoration:underline;}

/* ── Labels (reused) ── */
.dc-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--soft);margin-bottom:12px;}

/* ── Business development team ── */
.biz-team-wrap{margin-top:20px;}
.biz-team{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.biz-member{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px;}
.biz-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.biz-avatar img{width:100%;height:100%;object-fit:cover;}
.biz-name{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:1px;}
.biz-role{font-size:12px;color:var(--soft);margin-bottom:4px;line-height:1.3;}
.biz-linkedin{font-size:12px;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.biz-linkedin:hover{text-decoration:underline;}

/* ── Social links ── */
.social-links{display:flex;gap:10px;}
.social-link{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:var(--off);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--mid);text-decoration:none;transition:.18s;}
.social-link:hover{border-color:var(--blue);color:var(--blue);background:var(--white);}
.social-link svg{flex-shrink:0;}

/* ── Contact page responsive ── */
@media(max-width:1100px){
  .hero--contact,.main-sec{padding-left:40px;padding-right:40px;}
  .main-inner{grid-template-columns:1fr;}
  .form-block{position:static;}
  .biz-team{grid-template-columns:1fr 1fr;}
}
@media(max-width:680px){
  .hero--contact{padding:60px 28px 52px;}
  .main-sec{padding-left:20px;padding-right:20px;}
  .biz-team{grid-template-columns:1fr;}
  .social-links{flex-wrap:wrap;}
}