/* ==========================================================================
   Contact page
   Ported from the Astro static design (Astro scoped attributes removed).
   ========================================================================== */


/* --- Contact page --- */
.contact{padding-bottom:var(--section-y)}
.contact__grid{row-gap:var(--space-2xl)}
.contact__details{gap:var(--space-l);grid-column:1/-1;align-content:start;display:grid}
.cards{background:var(--color-line);border-block:1px solid var(--color-line);gap:1px;display:grid}
.card{background:var(--paper);justify-items:start;gap:.35rem;padding:1.5rem 0;display:grid}
.card .card__icon{color:var(--clay-600);margin-bottom:.5rem}
.card__label{font-size:var(--step--2);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-weight:650}
.card__value{font-size:var(--step-1);color:var(--navy-900);overflow-wrap:anywhere;font-style:normal;font-weight:450;line-height:1.45;text-decoration:none}
a.card__value:hover{text-underline-offset:.2em;text-decoration:underline}
.bookbox{gap:var(--space-s);padding:var(--space-l);background:var(--navy-900);border-radius:var(--radius-m);justify-items:start;display:grid}
.bookbox__text{max-width:26rem}
.contact__form-wrap{grid-column:1/-1}
.cform,.cform__done{gap:var(--space-m);background:var(--white);border-radius:var(--radius-m);box-shadow:var(--shadow-s), 0 0 0 1px #1c2b3a0d;padding:clamp(1.5rem,1rem + 2.5vw,3rem);display:grid}
.cform__title{font-size:var(--step-3);letter-spacing:-.03em;margin-bottom:var(--space-2xs);font-weight:340}
.cform__row{gap:var(--space-m);display:grid}
.cform__opt{color:var(--color-text-muted);font-weight:450}
.cform__hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}
.cform__privacy{font-size:var(--step--1);color:var(--color-text-muted)}
.cform__submit{justify-self:start}
.cform__submit[aria-busy=true]{opacity:.7;pointer-events:none}
.cform__status:empty{display:none}
.cform__status{font-size:var(--step--1);color:#9a3a2b;font-weight:560}
.cform__done{justify-items:start}
.cform__done .cform__done-icon{background:var(--olive-100);width:3rem;height:3rem;color:var(--olive-600);stroke-width:2px;border-radius:50%;padding:.6rem}
.cform__done h2{font-size:var(--step-3);font-weight:340}
@media (width>=40rem){.cform__row{grid-template-columns:1fr 1fr}
}
@media (width>=64rem){.contact__details{grid-column:1/5}
.contact__form-wrap{grid-column:6/-1}
}
.find{padding-bottom:clamp(2rem,1rem + 3vw,4rem)}
.cfaq{row-gap:var(--space-xl)}
.cfaq__head{gap:var(--space-m);grid-column:1/-1;align-content:start;justify-items:start;display:grid}
.cfaq__list{grid-column:1/-1}
@media (width>=64rem){.cfaq__head{grid-column:1/5}
.cfaq__list{grid-column:6/-1}
}