.contact-section { --contact-accent:#8dc9ff; box-sizing:border-box; min-height:100svh; padding:76px clamp(24px,7vw,110px) 26px; background:#0e2038; color:#f5f7fa; font-family:Arial,Helvetica,sans-serif; }
.contact-section * { box-sizing:border-box; }
.contact-inner { max-width:1120px; margin:0 auto; }
.contact-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; padding-bottom:40px; }
.contact-section .contact-title { margin:0; font-size:clamp(42px,5.5vw,76px); font-weight:500; line-height:1.05; letter-spacing:-.045em; text-align:left; white-space:normal; text-shadow:none; }
.contact-wordmark { margin:0; font-size:21px; color:var(--contact-accent); letter-spacing:-.03em; }
.contact-purpose { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(36px,7vw,100px); align-items:center; padding:30px 0; border-top:1px solid #ffffff25; }
.purpose-copy h3 { margin:0; font-size:clamp(22px,2vw,28px); line-height:1.25; font-weight:500; letter-spacing:-.015em; color:#fff; }
.purpose-copy p { margin:0; color:#aec0d2; max-width:430px; font-size:16px; line-height:1.65; }
.purpose-methods { display:flex; flex-direction:column; gap:22px; }
.contact-method { display:flex; justify-content:flex-start; gap:12px; align-items:center; min-height:52px; }
.method-details { flex:0 1 auto; min-width:0; display:flex; flex-direction:column; gap:6px; }
.method-label { color:#8dc9ff; font-size:13px; line-height:1.4; }
.method-value { color:#e1e8ef; font-size:18px; line-height:1.4; overflow-wrap:anywhere; }
.method-icon { flex:0 0 46px; height:46px; display:grid; place-items:center; color:#d9ecff; text-decoration:none; }
.method-icon svg { width:29px; height:29px; }
a.method-icon:hover { color:#fff; }
a.method-icon:focus-visible { outline:2px solid #8dc9ff; outline-offset:4px; }
.contact-address { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(36px,7vw,100px); align-items:start; padding:30px 0 34px; border-top:1px solid #ffffff25; }
.address-heading { display:flex; align-items:center; gap:12px; }
.address-heading svg { width:22px; height:22px; color:var(--contact-accent); }
.address-heading h3 { margin:0; font-size:20px; font-weight:400; }
.contact-address address { margin:0; color:#b8cadb; font-size:16px; line-height:1.7; font-style:normal; }
.contact-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:18px; border-top:1px solid #ffffff20; color:#8fa7bc; font-size:12px; line-height:1.5; }
.contact-footer p { margin:0; }
.contact-footer a,.contact-home { display:inline-flex; align-items:center; min-height:44px; color:#d8e5ef; text-decoration:none; }
.contact-footer a:hover,.contact-home:hover { color:var(--contact-accent); }
.contact-home { margin-bottom:24px; font-size:15px; }
.contact-page { margin:0; background:#0e2038; }
.contact-page .contact-section { padding-top:24px; }
.contact-scroll { display:flex; align-items:center; justify-content:flex-end; color:white; text-decoration:none; font:15px Arial; margin-top:28px; padding:14px 0; }
@media(max-width:700px) {
 .contact-section { padding:48px 24px 22px; }
 .contact-heading { align-items:flex-start; padding-bottom:30px; }
 .contact-wordmark { font-size:17px; padding-top:7px; }
 .contact-purpose { grid-template-columns:1fr; gap:23px; padding:27px 0; }
 .purpose-copy p { font-size:15px; }
 .purpose-methods { gap:18px; }
 .method-value { font-size:17px; }
 .contact-address { grid-template-columns:1fr; gap:16px; padding:26px 0; }
 .contact-footer { align-items:flex-start; gap:18px; }
 .contact-footer p { max-width:190px; padding-top:12px; }
 .contact-footer a { white-space:nowrap; }
}
@media(max-width:380px) {
 .contact-heading { flex-direction:column; gap:12px; }
 .contact-wordmark { padding-top:0; font-size:16px; }
 .contact-footer p { max-width:150px; }
}


button.method-icon { border:0; background:transparent; padding:0; cursor:pointer; font:inherit; }
button.method-icon:hover { color:#fff; }
button.method-icon:focus-visible { outline:2px solid #8dc9ff; outline-offset:4px; }
.contact-footer p { text-transform:uppercase; }
