.contact-page{min-height:100vh;display:flex;flex-direction:column}
.contact-page .hero{background:#121b30}
.contact-page header{border-bottom:0;padding:26px 0}
.contact-page .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:22px}
.contact-page nav{color:#d2dce9}
.contact-page .hero nav a:first-child{display:inline}
.contact-page main{flex:1;padding:65px 0 80px}
.contact-heading{margin-bottom:42px}
.contact-heading h1{font-size:clamp(38px,4.5vw,54px);letter-spacing:-1.8px;margin-bottom:16px}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:start}
.company-details{background:#f5f7fa;border:1px solid #e2e8f0;border-radius:12px;padding:33px 34px}
.contact-page .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:15px}
.contact-page h2{font-size:25px;letter-spacing:-.6px;line-height:1.35;margin:0 0 19px}
.company-details address{font-style:normal;color:#65758a;font-size:15px;line-height:1.9}
.company-identifiers{margin:25px 0 0;border-top:1px solid #dfe6ee;padding-top:20px;display:grid;gap:9px}
.company-identifiers>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.company-identifiers dt{color:#7d8b9d}
.company-identifiers dd{font-weight:600;margin:0}
.contact-person{padding:8px 0 29px}
.contact-person+.contact-person{border-top:1px solid #e0e7ef;padding-top:30px;padding-bottom:0}
.contact-person h2{margin-bottom:12px;font-size:24px}
.contact-person-with-photo{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:22px}
.contact-person+.contact-person-with-photo{padding-bottom:29px}
.contact-portrait{display:block;width:96px;height:96px;object-fit:cover;border-radius:50%}
.contact-phone{display:block;width:fit-content;color:#172c43;font-size:23px;letter-spacing:-.4px;font-weight:600;line-height:1.5;margin-bottom:11px}
.contact-email{display:inline-block;color:#146cc0;font-size:16px;text-decoration:underline;text-underline-offset:4px}
.contact-email:hover{color:#087dff}
.contact-role{color:#7d8b9d;font-size:13px;margin:0 0 14px}
.contact-page footer{margin-top:auto}
.contact-page .footer-links{font-size:11px}
.contact-page footer .footer-grid{gap:24px}
@media(max-width:900px){.contact-layout{gap:40px}.company-details{padding:28px}.contact-page h2{font-size:23px}.contact-phone{font-size:22px}}
@media(max-width:760px){.contact-page header{flex-wrap:wrap;gap:18px}.contact-page .header-actions{gap:16px}.contact-page main{padding:45px 0 55px}.contact-heading{margin-bottom:30px}.contact-layout{grid-template-columns:1fr;gap:30px}.company-details{padding:26px;max-width:520px}.contact-people{max-width:520px}.contact-person{padding-top:0}.contact-person+.contact-person{padding-top:25px}.contact-page footer .footer-grid{align-items:start}}
@media(max-width:390px){.contact-page .wrap{width:calc(100% - 36px)}.contact-page .header-actions{gap:12px}.contact-page nav{font-size:10px}.company-details{padding:23px}.contact-phone{font-size:21px}}
@media(max-width:760px){.contact-person-with-photo{grid-template-columns:80px minmax(0,1fr);gap:18px}.contact-portrait{width:80px;height:80px}}
@media(max-width:390px){.contact-person-with-photo{grid-template-columns:72px minmax(0,1fr);gap:16px}.contact-portrait{width:72px;height:72px}.contact-person-with-photo h2{font-size:20px}.contact-person-with-photo .contact-email{font-size:14px}}
