@layer routes{.contact-grid{gap:var(--space-4);padding-bottom:clamp(6rem,12vw,11rem);display:grid}.contact-note{border-radius:var(--radius-lg);background:var(--contrast-surface);min-height:28rem;color:var(--contrast-ink);flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.contact-note h2{max-width:10ch;margin-bottom:var(--space-6);font-size:clamp(2rem,4vw,3.5rem)}.contact-note p{max-width:27rem;margin-bottom:var(--space-8);color:var(--contrast-ink-soft)}.contact-note .button{margin-top:auto}.contact-options{gap:var(--space-4);display:grid}.contact-options article{border-radius:var(--radius-lg);background:var(--surface);border-top:.65rem solid var(--card-accent,var(--blue));flex-direction:column;align-items:flex-start;min-height:14rem;padding:clamp(1.4rem,2.4vw,2.2rem);display:flex}.contact-options article[data-accent=green]{--card-accent:var(--green)}.contact-options article[data-accent=violet]{--card-accent:var(--violet)}.contact-options article>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.contact-options h2{max-width:18ch;margin-block:auto var(--space-3);font-size:clamp(1.55rem,2.7vw,2.5rem)}.contact-options p{max-width:40rem;color:var(--ink-soft)}.contact-options a{margin-top:var(--space-5);color:var(--ink);text-underline-offset:.3rem;align-items:center;gap:.4rem;font-weight:600;text-decoration:underline;display:inline-flex}@media (min-width:64rem){.contact-grid{grid-template-columns:minmax(20rem,.78fr) minmax(32rem,1.22fr)}}}