.contact-page [hidden]{
display:none!important
}
.contact-page .contact-hero{
display:block;
padding-block:var(--hero-top) var(--hero-bottom);
background:#0B1F2E;
background-image:linear-gradient(115deg,#0B1F2E 0%,#16324A 56%,#00687D 100%);
color:#FFFFFF;
--muted:#B8C7D4;
--line:rgba(255,255,255,.18);
--focus:#A8EFD2
}
.contact-hero-copy{
min-width:0;
text-align:center
}
.contact-hero-copy>.c-kicker{
margin-inline:auto
}
.contact-page .contact-hero h1{
color:#FFFFFF;
font-size:clamp(2.25rem,4vw,3rem);
line-height:var(--lh-heading);
max-width:none
}
.contact-hero-copy>p{
max-width:var(--container-narrow);
margin-inline:auto;
margin-top:var(--space-3);
color:#FFFFFF
}
.contact-page .contact-hero-actions{
justify-content:center;
margin-top:var(--space-action)
}
.contact-hero-copy>.contact-hero-note{
margin-top:var(--space-action);
color:#FFFFFF;
font-size:var(--text-sm)
}
.contact-page .contact-hero .c-btn--secondary,
.contact-page .contact-closing .c-btn--secondary{
background:transparent;
color:#FFFFFF;
border-color:rgba(255,255,255,.45)
}
.contact-page .contact-hero .c-btn--secondary:hover,
.contact-page .contact-closing .c-btn--secondary:hover{
background:#FFFFFF;
color:#0B1F2E;
border-color:#FFFFFF
}
.contact-head{
min-width:0;
margin-bottom:var(--space-5);
text-align:left
}
.contact-head>p{
max-width:var(--container-narrow);
margin-top:var(--space-2)
}
.contact-head>.c-kicker{
margin-bottom:var(--space-3)
}
.contact-checklist{
list-style:none;
margin:0;
padding:0
}
.contact-checklist>.contact-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-4);
border-top:var(--border-hair) solid #E3E7EB
}
.contact-check-row>*{
min-width:0;
overflow-wrap:break-word
}
.contact-step{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
min-height:2.5rem;
padding:var(--space-2);
border-radius:var(--r-pill);
background:#E7EDF3;
color:#1B2A3A;
font-family:var(--font-mono);
font-size:var(--text-sm);
line-height:1
}
.contact-check-row>h3{
font-size:var(--text-md);
line-height:var(--lh-heading)
}
.contact-footnote{
margin-top:var(--space-4);
font-size:var(--text-sm);
line-height:var(--lh-body)
}
.contact-channel-section{
background:#E7EDF3;
color:#1B2A3A;
--muted:#465768;
--line:#D2DBE4
}
.contact-channel-section .contact-head h2,
.contact-channel-section .contact-head>p{
color:#1B2A3A
}
.contact-channel-grid>.c-card,
.contact-fit-grid>.c-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-5);
background:#FFFFFF;
color:#1F2933;
--muted:#53616D;
--line:#E3E7EB
}
.contact-channel-grid>.c-card h3,
.contact-fit-grid>.c-card h3{
color:#1F2933
}
.contact-channel-grid>.c-card p,
.contact-fit-grid>.c-card p{
color:#53616D
}
.contact-channel-grid>.c-card>.c-btn{
margin-top:auto
}
.contact-channel-grid .c-badge{
align-self:flex-start
}
.contact-channel-grid .contact-response{
font-size:var(--text-sm)
}
.contact-page .contact-email{
color:#00687D;
overflow-wrap:anywhere
}
.contact-mail-sheet{
margin-top:var(--space-6);
padding:var(--space-5);
border-radius:var(--r-md);
background:#FFFFFF;
color:#1F2933;
--muted:#53616D;
--line:#E3E7EB;
--focus:#00687D
}
.contact-form-intro{
display:grid;
gap:var(--space-2);
margin-bottom:var(--space-4);
min-width:0
}
.contact-form-intro h3{
color:#1F2933
}
.contact-form-intro p{
color:#53616D
}
.contact-required{
font-size:var(--text-xs);
font-weight:var(--weight-normal)
}
.contact-form-end{
display:grid;
justify-items:start;
gap:var(--space-3);
min-width:0
}
.contact-form-status{
font-size:var(--text-sm);
color:#53616D
}
.contact-mail-result{
padding:var(--space-4);
border-radius:var(--r-md);
background:#E7EDF3;
color:#1B2A3A;
--muted:#465768;
--line:#D2DBE4
}
.contact-mail-result p{
color:#1B2A3A;
font-size:var(--text-sm)
}
.contact-mail-result .c-actions{
margin-top:var(--space-3)
}
.contact-region-grid{
grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))
}
.contact-region-grid>.c-card{
gap:var(--space-3)
}
.contact-region-grid>.c-card>.c-btn{
margin-top:auto
}
.contact-fit-section{
background:#F3EEE5;
color:#2E2A24;
--muted:#645B50;
--line:#E0D7C7
}
.contact-fit-section .contact-head h2,
.contact-fit-section .contact-head>p,
.contact-fit-section>.container>.contact-footnote{
color:#2E2A24
}
.contact-card-end{
margin-top:auto;
font-size:var(--text-sm)
}
.contact-page .contact-last-section{
padding-bottom:var(--space-close)
}
.contact-page .contact-closing{
padding:var(--space-7);
border-radius:var(--r-lg);
background:#16324A;
color:#FFFFFF;
--muted:#B8C7D4;
--line:rgba(255,255,255,.18);
--focus:#A8EFD2
}
.contact-closing>.c-closing-grid{
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
align-items:center;
gap:var(--space-6)
}
.contact-closing .c-closing-copy{
min-width:0;
text-align:left
}
.contact-page .contact-closing h2{
color:#FFFFFF;
font-size:var(--text-xl);
line-height:var(--lh-heading)
}
.contact-page .contact-closing p{
margin-top:var(--space-2);
color:#FFFFFF;
font-size:var(--text-base)
}
.contact-closing .contact-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-3);
margin-top:0;
min-width:0
}
@media(max-width:64rem){
.contact-closing>.c-closing-grid{
grid-template-columns:minmax(0,1fr)
}
.contact-closing .contact-closing-actions{
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start
}
}
@media(max-width:42rem){
.contact-page .contact-hero h1{
font-size:2.25rem
}
.contact-hero h1 br{
display:none
}
.contact-checklist>.contact-check-row{
grid-template-columns:2.25rem minmax(0,1fr)
}
.contact-check-row>:nth-child(3){
grid-column:2
}
.contact-step{
width:2.25rem;
min-height:2.25rem
}
.contact-channel-grid>.c-card,
.contact-fit-grid>.c-card,
.contact-mail-sheet{
padding:var(--space-4)
}
.contact-page .contact-closing{
padding:var(--space-4)
}
.contact-form-end{
justify-items:stretch
}
.contact-form-end>.c-btn{
width:100%
}
.contact-closing .contact-closing-actions{
flex-direction:column;
align-items:stretch
}
}