/* Contact page only. Shared inner-page styles stay unchanged. */
body[data-page="contact"]{
  --contact-ink:#1a2740;
  --contact-text:#243246;
  --contact-label:#314259;
  --contact-line:#d5deea;
}
body[data-page="contact"] .section{padding:52px 0}
body[data-page="contact"] .btn{font-size:15px;box-shadow:none}
body[data-page="contact"] .btn.primary{background:var(--blue-600)}
body[data-page="contact"] .btn.primary:hover{box-shadow:none}
body[data-page="contact"] .eyebrow{margin-bottom:12px;color:var(--blue-700);font-size:12px;letter-spacing:.06em}
body[data-page="contact"] .section-index{margin-bottom:10px;font-size:12px;letter-spacing:.06em}
body[data-page="contact"] .subnav a{color:var(--contact-label);font-size:14px}

body[data-page="contact"] .inner-hero-layout{min-height:650px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:48px;padding:0}
body[data-page="contact"] .inner-copy{align-self:start;padding:78px 0 80px}
body[data-page="contact"] .inner-copy h1{display:flex;flex-direction:column;max-width:none;color:var(--contact-ink);font-size:52px;line-height:1.28;letter-spacing:0}
body[data-page="contact"] .inner-copy h1 .title-line,
body[data-page="contact"] .inner-copy h1 em{display:block;white-space:nowrap}
body[data-page="contact"] .inner-copy>p{max-width:38em;margin:14px 0 0;color:var(--contact-text);font-size:16px;line-height:1.7}
body[data-page="contact"] .contact-aside{margin-top:18px;color:var(--contact-label);font-size:15px;line-height:1.6}
body[data-page="contact"] .contact-aside a{color:var(--blue-700);font-weight:700}
body[data-page="contact"] .contact-aside a:hover{text-decoration:underline}

body[data-page="contact"] .inner-visual{height:auto;margin:0}
body[data-page="contact"] .visual-panel{position:relative;inset:auto;height:auto;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#0c3f86;box-shadow:0 24px 48px rgba(1,27,76,.28)}
body[data-page="contact"] .visual-panel:before{content:none}
body[data-page="contact"] .contact-console{height:auto;padding:26px 28px}
body[data-page="contact"] .contact-console h2{margin:0 0 4px;color:#fff;font-size:18px;line-height:1.4;letter-spacing:0}
body[data-page="contact"] .contact-channel{margin:0;padding:18px 0;border:0;border-bottom:1px solid rgba(255,255,255,.22);border-radius:0;color:#fff;background:transparent}
body[data-page="contact"] .contact-channel:last-child{padding-bottom:0;border-bottom:0}
body[data-page="contact"] .channel-main{min-width:0}
body[data-page="contact"] .channel-label{display:block;color:#d7e4f5;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.4}
body[data-page="contact"] .channel-value,
body[data-page="contact"] .channel-phones a{display:block;margin-top:6px;color:#fff;font-size:17px;font-weight:700;letter-spacing:0;line-height:1.45}
body[data-page="contact"] .channel-value:hover,
body[data-page="contact"] .channel-phones a:hover{text-decoration:underline}
body[data-page="contact"] .channel-phones{display:flex;flex-wrap:wrap;gap:2px 16px}
body[data-page="contact"] .channel-phones a{margin-top:6px}

body[data-page="contact"] #channels{scroll-margin-top:84px}
body[data-page="contact"] #headquarters,
body[data-page="contact"] #network,
body[data-page="contact"] #staff{scroll-margin-top:136px}

body[data-page="contact"] .hq-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px 48px;padding:32px;border:1px solid var(--contact-line);border-radius:12px;background:#fff}
@media(hover:hover) and (pointer:fine){body[data-page="contact"] .hq-panel{transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}body[data-page="contact"] .hq-panel:hover{transform:translateY(-6px);border-color:#9dbde3;box-shadow:0 22px 46px rgba(25,61,108,.14)}}
body[data-page="contact"] .hq-intro h2,
body[data-page="contact"] .section-heading h2{margin:0;color:var(--contact-ink);font-size:32px;line-height:1.3;letter-spacing:0}
body[data-page="contact"] .hq-intro p,
body[data-page="contact"] .scope-note{margin:12px 0 0;color:var(--contact-text);font-size:16px;line-height:1.7}
body[data-page="contact"] .scope-note a,
body[data-page="contact"] .fact-phone,
body[data-page="contact"] .office-phone{color:var(--blue-700);font-weight:700}
body[data-page="contact"] .scope-note a:hover,
body[data-page="contact"] .fact-phone:hover,
body[data-page="contact"] .office-phone:hover{text-decoration:underline}
body[data-page="contact"] .hq-facts{display:grid;gap:16px}
body[data-page="contact"] .hq-fact>span,
body[data-page="contact"] .hq-fact-pair span{display:block;margin-bottom:4px;color:var(--contact-label);font-size:14px;font-weight:700;letter-spacing:0;line-height:1.4}
body[data-page="contact"] .hq-fact p{margin:0;color:var(--contact-ink);font-size:16px;line-height:1.7}
body[data-page="contact"] .fact-phone,
body[data-page="contact"] .office-phone,
body[data-page="contact"] .hq-fact-pair b{font-size:16px;font-weight:700;letter-spacing:0;line-height:1.5}
body[data-page="contact"] .hq-fact-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body[data-page="contact"] .hq-fact-pair b{display:block;color:var(--contact-ink)}
body[data-page="contact"] .hq-fact-pair div:last-child b{font-size:13px}

body[data-page="contact"] .section-heading.single{margin-bottom:28px}
body[data-page="contact"] .office-directory{gap:20px}
body[data-page="contact"] .office-entry{--office-accent:#176fe8;--office-tint:#eef5ff;position:relative;min-height:0;gap:8px;overflow:hidden;padding:24px;border-color:#d1def0;background:linear-gradient(145deg,var(--office-tint) 0%,#fff 68%);box-shadow:0 8px 22px rgba(25,61,108,.04)}
body[data-page="contact"] .office-entry:nth-child(4n+2){--office-accent:#0b9985;--office-tint:#edf9f6}
body[data-page="contact"] .office-entry:nth-child(4n+3){--office-accent:#7556d8;--office-tint:#f4f1fd}
body[data-page="contact"] .office-entry:nth-child(4n){--office-accent:#bd7b0d;--office-tint:#fff8e9}
body[data-page="contact"] .office-entry:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--office-accent);transform:scaleX(.28);transform-origin:left;transition:transform .22s ease}
body[data-page="contact"] .office-entry h3{margin:0 0 4px;color:var(--office-accent);font-size:21px;line-height:1.35}
body[data-page="contact"] .office-entry p{margin:0;color:var(--contact-ink);font-size:16px;line-height:1.7}
body[data-page="contact"] .office-entry a{margin-top:auto;padding-top:8px;color:var(--office-accent);font-size:16px;line-height:1.5}
body[data-page="contact"] .office-entry small{margin:0;color:var(--contact-label);font-size:13px;line-height:1.5}
@media(hover:hover) and (pointer:fine){body[data-page="contact"] .office-entry{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}body[data-page="contact"] .office-entry:hover{transform:translateY(-5px);border-color:var(--office-accent);background:linear-gradient(145deg,var(--office-tint) 0%,#fff 82%);box-shadow:0 16px 34px rgba(25,61,108,.13)}body[data-page="contact"] .office-entry:hover:before{transform:scaleX(1)}}

body[data-page="contact"] .page-cta-layout{grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
body[data-page="contact"] .contact-cta{padding:44px 0;color:var(--contact-ink);background:#fff;border-top:1px solid var(--contact-line)}
body[data-page="contact"] .contact-cta:before{content:none}
body[data-page="contact"] .contact-cta h2{margin:0;color:var(--contact-ink);font-size:30px;line-height:1.35;letter-spacing:0}
body[data-page="contact"] .contact-cta p{margin-top:10px;color:var(--contact-text);font-size:16px;line-height:1.7}
body[data-page="contact"] .page-cta-layout>.btn{width:auto}

body[data-page="contact"] .footer{padding-top:40px}
body[data-page="contact"] .footer-grid{gap:28px}
body[data-page="contact"] .footer h4{margin-bottom:10px;font-size:14px}
body[data-page="contact"] .footer a{margin:6px 0;font-size:13px;line-height:1.5}
body[data-page="contact"] .footer-bottom{margin-top:24px;font-size:12px}

body[data-page="contact"] .backtop{right:20px;bottom:24px;box-shadow:none}
body[data-page="contact"] a:focus-visible,
body[data-page="contact"] button:focus-visible{outline:2px solid var(--blue-600);outline-offset:4px}
body[data-page="contact"] .contact-console a:focus-visible{outline-color:#fff}

@media(max-width:1120px){
  body[data-page="contact"] .inner-copy h1{font-size:clamp(36px,4vw,48px)}
}

@media(max-width:900px){
  body[data-page="contact"] .inner-hero-layout{grid-template-columns:1fr;gap:18px;min-height:0;padding:0}
  body[data-page="contact"] .inner-copy{padding:65px 0 24px}
  body[data-page="contact"] .inner-visual{height:auto;margin:0}
  body[data-page="contact"] .visual-panel{inset:auto}
  body[data-page="contact"] .hq-panel{grid-template-columns:1fr}
}

@media(max-width:720px){
  body[data-page="contact"] .section{padding:32px 0}
  body[data-page="contact"] .inner-copy{padding:52px 0 18px}
  body[data-page="contact"] .inner-copy h1{font-size:clamp(28px,8.6vw,34px);line-height:1.32}
  body[data-page="contact"] .inner-copy>p{font-size:15px}
  body[data-page="contact"] .subnav .wrap{gap:16px}
  body[data-page="contact"] .subnav a{font-size:13px}
  body[data-page="contact"] .contact-console{padding:20px}
  body[data-page="contact"] .contact-channel{padding:16px 0}
  body[data-page="contact"] .channel-value,
  body[data-page="contact"] .channel-phones a{font-size:16px}
  body[data-page="contact"] .hq-panel{padding:16px}
  body[data-page="contact"] .hq-intro h2,
  body[data-page="contact"] .section-heading h2{font-size:28px}
  body[data-page="contact"] .office-directory{gap:12px}
  body[data-page="contact"] .office-entry{padding:20px}
  body[data-page="contact"] .office-entry h3{margin-top:0;font-size:20px}
  body[data-page="contact"] .contact-cta{padding:32px 0}
  body[data-page="contact"] .contact-cta h2{font-size:26px}
  body[data-page="contact"] .page-cta-layout{grid-template-columns:1fr;gap:20px;justify-items:start}
  body[data-page="contact"] .page-cta-layout>.btn{width:auto}
  body[data-page="contact"] .footer{padding:28px 0 32px}
  body[data-page="contact"] .footer-grid{gap:16px 12px}
  body[data-page="contact"] .footer-brand p{margin-top:10px}
  body[data-page="contact"] .footer-bottom{margin-top:14px;padding-top:12px}
}

@media(max-width:360px){
  body[data-page="contact"] .subnav .wrap{gap:12px}
  body[data-page="contact"] .subnav a{font-size:12px}
}