.contact-page .contact-hero-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(28rem,1fr);
align-items:start;
gap:var(--space-8);
}
.contact-page .contact-hero-copy{
min-width:0;
text-align:left;
}
.contact-hero-copy h1{
font-size:clamp(2.5rem,3.5vw,3.2rem);
line-height:var(--lh-heading);
}
.contact-hero-lead{
margin-top:var(--space-4);
}
.contact-hero-detail{
margin-top:var(--space-3);
color:#625B55;
}
.contact-hero-note{
margin-top:var(--action-follow);
color:#625B55;
}
.contact-page .contact-brief{
width:100%;
max-width:none;
height:auto;
min-width:0;
padding:var(--card-pad);
border-radius:var(--r-m);
background:#F6EDE1;
color:#5A3A16;
--ink:#5A3A16;
--ink-2:#5A3A16;
--muted:#745A3D;
--line:var(--sand-line);
}
.contact-brief-heading{
display:flex;
align-items:flex-start;
gap:var(--space-2);
}
.contact-brief-heading svg{
flex:none;
margin-top:var(--space-1);
}
.contact-brief-heading p{
font-size:var(--text-lead);
color:#5A3A16;
}
.contact-brief-list{
display:grid;
margin-top:var(--space-4);
}
.contact-brief-list>div{
display:grid;
grid-template-columns:minmax(6rem,.65fr) minmax(0,1fr);
align-items:start;
gap:var(--space-3);
padding-block:var(--space-3);
border-bottom:1px solid #DFCFB9;
}
.contact-brief-list dt,
.contact-brief-list dd{
min-width:0;
overflow-wrap:break-word;
}
.contact-brief-list dt{
color:#745A3D;
}
.contact-brief-list dd{
color:#5A3A16;
}
.contact-brief-foot{
margin-top:var(--space-4);
font-size:var(--text-sm);
color:#745A3D;
}
.contact-section-head{
margin-bottom:var(--space-6);
}
.contact-section-head>p{
max-width:56rem;
margin-top:var(--space-3);
color:#625B55;
}
.contact-prep-list{
display:grid;
gap:var(--space-3);
list-style:none;
margin:0;
padding:0;
}
.contact-prep-list>.contact-prep-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding:var(--card-pad);
border-radius:var(--r-m);
background:#F8F8FB;
color:#1E1A17;
--ink:#1E1A17;
--ink-2:#3B3531;
--muted:#625B55;
--line:#EBE6E1;
}
.contact-prep-row>*{
min-width:0;
overflow-wrap:break-word;
}
.contact-prep-row h3{
font-size:var(--text-card);
color:#1E1A17;
}
.contact-prep-row p{
color:#3B3531;
}
.contact-step{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#625B55;
}
.contact-mail-guide{
margin-top:var(--space-4);
padding:var(--card-pad);
border-radius:var(--r-m);
background:#F6EDE1;
color:#5A3A16;
--ink:#5A3A16;
--ink-2:#5A3A16;
--muted:#745A3D;
--line:var(--sand-line);
}
.contact-mail-guide h3,
.contact-mail-guide p{
color:#5A3A16;
}
.contact-mail-guide>p{
margin-top:var(--space-2);
}
.contact-mail-guide>.c-small{
color:#745A3D;
}
.contact-channel-section{
background:#F8F8FB;
color:#1E1A17;
--muted:#625B55;
--line:#EBE6E1;
}
.contact-channel-grid{
align-items:stretch;
}
.contact-channel-card{
display:flex;
flex-direction:column;
gap:var(--card-gap);
height:100%;
min-width:0;
padding:var(--card-pad);
}
.contact-channel-points{
padding-left:var(--space-4);
}
.contact-channel-points li+li{
margin-top:var(--space-2);
}
.contact-channel-card .contact-response{
color:#625B55;
font-size:var(--text-sm);
}
.contact-channel-card .c-card-foot{
margin-top:auto;
}
.contact-channel-foot{
display:grid;
gap:var(--space-2);
margin-top:var(--space-4);
}
.contact-channel-foot a{
text-decoration:underline;
text-underline-offset:.2em;
}
.contact-channel-foot>.c-small{
color:#625B55;
}
.contact-parallel-note{
margin-top:var(--space-4);
padding:var(--card-pad);
border-radius:var(--r-m);
background:#F8F8FB;
color:#1E1A17;
--ink:#1E1A17;
--ink-2:#3B3531;
--muted:#625B55;
--line:#EBE6E1;
}
.contact-parallel-note h3{
color:#1E1A17;
}
.contact-parallel-note p{
margin-top:var(--space-2);
color:#3B3531;
}
.contact-payment-card{
padding:var(--card-pad);
border-radius:var(--r-m);
background:#E8ECFA;
color:#23305E;
--ink:#23305E;
--ink-2:#23305E;
--muted:#4F5A85;
--line:#D3DAF1;
}
.contact-payment-heading{
display:flex;
align-items:flex-start;
gap:var(--space-3);
}
.contact-payment-heading svg{
flex:none;
margin-top:var(--space-2);
}
.contact-payment-heading h2{
color:#23305E;
}
.contact-payment-card>p{
margin-top:var(--space-3);
color:#23305E;
}
.contact-closing{
padding-bottom:var(--space-close);
}
.contact-closing .c-closing-copy{
min-width:0;
text-align:left;
}
.contact-closing .c-actions{
flex-direction:column;
align-items:stretch;
justify-content:center;
}
@media(max-width:64rem){
.contact-page .contact-hero-grid{
grid-template-columns:minmax(0,1fr);
gap:var(--space-6);
}
.contact-page .contact-brief{
height:auto;
}
}
@media(max-width:42rem){
.contact-hero-copy h1{
font-size:var(--text-display);
}
.contact-prep-list>.contact-prep-row{
grid-template-columns:2.25rem minmax(0,1fr);
}
.contact-prep-row>:nth-child(3){
grid-column:2;
}
.contact-brief-list>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.contact-payment-heading svg{
margin-top:var(--space-1);
}
}