.contact-page{background:var(--paper)}
.contact-page .site-header{position:absolute;background:transparent;border-bottom:1px solid rgba(255,255,255,.34)}
.contact-page .site-header nav a{color:#fff}
.contact-page .nav-contact{border-color:#fff}
.contact-page .nav-contact[aria-current="page"]{background:#fff;color:var(--blue)}
.contact-hero{min-height:57svh;display:flex;align-items:flex-end;padding:9rem clamp(1.25rem,3vw,3rem) 3rem;background:var(--blue);color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
.contact-hero h1{margin:0;font:400 clamp(5.5rem,12vw,12rem)/.78 var(--sans);letter-spacing:-.065em}
.contact-sheet{display:grid;grid-template-columns:minmax(320px,34vw) minmax(0,1fr);min-height:100vh;background:var(--paper);color:var(--blue);border-bottom:1px solid var(--blue)}
.contact-side{display:flex;flex-direction:column;border-right:1px solid var(--blue)}
.contact-sheet-label{display:flex;justify-content:space-between;gap:1rem;padding:1.8rem clamp(1.25rem,3vw,3rem);font:400 .7rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--blue)}
.contact-side-copy{padding:clamp(6rem,10vw,10rem) clamp(1.5rem,3vw,3rem) 5rem}
.contact-side-copy h2{margin:0;font:400 clamp(2.4rem,3.8vw,4rem)/.95 var(--sans);letter-spacing:-.045em;text-transform:none;max-width:10ch}
.contact-side-copy>p{max-width:35ch;margin:3rem 0;font-size:1rem;line-height:1.65;color:var(--blue-dark)}
.contact-side-copy address{padding-top:1.25rem;border-top:1px solid var(--blue);font:400 .78rem/1.7 var(--mono);letter-spacing:.02em;color:var(--blue-dark)}
.contact-side-copy address span{display:block;margin-bottom:.65rem;text-transform:uppercase;color:var(--blue)}
.contact-side-copy .map-link{display:inline-block;color:var(--blue-dark)}
.contact-side-copy .map-link:hover{color:var(--blue)}
.contact-side-copy .map-link b{font-weight:400;color:var(--blue)}
.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;margin-top:2rem}
.contact-direct a{font:400 .78rem/1.2 var(--mono);border-bottom:1px solid currentColor;padding-bottom:.2rem}
.contact-form-panel{min-width:0}
.contact-form-panel .contact-form{padding:clamp(6rem,10vw,10rem) clamp(2rem,8vw,9rem) 7rem;margin:0}
.contact-form-panel .contact-options{gap:clamp(2rem,5vw,5rem);margin:0 0 5rem;padding:0;border:0}
.contact-form-panel .contact-option{padding:0 0 .45rem;border:0;border-bottom:1px solid transparent;background:transparent;color:rgba(8,106,168,.3);font:400 clamp(2.5rem,4vw,4.5rem)/1 var(--sans);letter-spacing:-.045em;text-transform:none}
.contact-form-panel .contact-option:hover,.contact-form-panel .contact-option.is-selected{background:transparent;color:var(--blue);border-bottom-color:var(--blue)}
.contact-form-panel .field-pair{gap:clamp(1.5rem,4vw,4rem)}
.contact-form-panel label{font:400 .72rem/1.4 var(--mono);letter-spacing:.04em;color:var(--blue)}
.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{font-size:1rem;padding:.85rem 0;margin-top:.55rem}
.contact-form-panel .button-primary{margin-top:1rem}
@media(max-width:860px){
  .contact-sheet{grid-template-columns:1fr}
  .contact-side{border-right:0;border-bottom:1px solid var(--blue)}
  .contact-side-copy{padding:5rem clamp(1.5rem,6vw,4rem)}
  .contact-side-copy h2{max-width:14ch}
  .contact-form-panel .contact-form{padding:5rem clamp(1.5rem,6vw,4rem) 6rem}
}
@media(max-width:720px){
  .contact-page .site-header nav{background:var(--blue)}
  .contact-hero{min-height:45svh;padding:7rem 1.25rem 2rem}
  .contact-hero h1{font-size:clamp(4rem,18vw,6.5rem)}
  .contact-sheet-label{padding:1.25rem;font-size:.65rem}
  .contact-side-copy{padding:4.5rem 1.25rem}
  .contact-side-copy h2{font-size:2.65rem}
  .contact-form-panel .contact-form{padding:4.5rem 1.25rem 5rem}
  .contact-form-panel .contact-options{gap:2rem;margin-bottom:3.5rem}
  .contact-form-panel .contact-option{font-size:2.2rem}
  .contact-form-panel .field-pair{grid-template-columns:1fr;gap:1.35rem}
  .contact-page footer{grid-template-columns:1fr;min-height:560px}
  .contact-page footer .legal{text-align:left}
}