body{background:#fafaf9}.contact-hero{text-align:center;max-width:640px;margin:0 auto;padding:7rem 2rem 5rem}.contact-hero__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#8b8b8b;margin-bottom:1.5rem;font-size:.7rem;font-weight:500}.contact-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:600;line-height:1.08}.contact-hero__text{color:#5c5c5c;max-width:480px;margin:1.5rem auto 0;font-size:1.05rem;line-height:1.75}.contact-section--warm{background:#f5f4f1;max-width:100%;padding:5rem 2rem}.contact-section__inner{max-width:56rem;margin:0 auto}.contact-email{text-align:center;padding:3rem 2rem}.contact-email__label{letter-spacing:.12em;text-transform:uppercase;color:#8b8b8b;margin-bottom:.75rem;font-size:.7rem;font-weight:500}.contact-email a{letter-spacing:-.025em;color:#1c1c1c;border-bottom:2px solid #d5d5cf;padding-bottom:4px;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;transition:border-color .2s}.contact-email a:hover{border-color:#1c1c1c}.contact-email__note{color:#8b8b8b;margin-top:1.25rem;font-size:.85rem}.contact-instructions{background:#fff;border:1px solid #eaeae6;border-radius:1rem;padding:2rem 2rem 1.5rem}.contact-instructions h3{letter-spacing:-.01em;margin:0 0 1rem;font-size:.9rem;font-weight:500}.contact-instructions ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.contact-instructions li{color:#5c5c5c;padding-left:1.25rem;font-size:.88rem;line-height:1.6;position:relative}.contact-instructions li:before{content:"";background:#c5c2b8;border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}.contact-cards{grid-template-columns:1fr;gap:1.25rem;margin-top:2.5rem;display:grid}.contact-card{background:#fff;border:1px solid #eaeae6;border-radius:1rem;padding:1.75rem;transition:box-shadow .3s,border-color .3s}.contact-card:hover{border-color:#d5d5cf;box-shadow:0 6px 24px #0000000a}.contact-card__tag{letter-spacing:.1em;text-transform:uppercase;border-radius:.375rem;margin-bottom:1rem;padding:.2rem .6rem;font-size:.65rem;font-weight:500;display:inline-block}.contact-card__tag--blue{color:#4a6fa5;background:#e8edf5}.contact-card__tag--green{color:#3d7a3d;background:#e8f0e8}.contact-card__tag--amber{color:#8b7355;background:#f0ece5}.contact-card__tag--purple{color:#7a4d8b;background:#f0e8f0}.contact-card h3{letter-spacing:-.01em;margin:0 0 .5rem;font-size:.95rem;font-weight:500}.contact-card p{color:#6b6b6b;margin:0;font-size:.85rem;line-height:1.65}.contact-cta{text-align:center;max-width:500px;margin:0 auto;padding:5rem 2rem}.contact-cta h2{letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.contact-cta p{color:#5c5c5c;margin:0 0 1.5rem;font-size:1rem;line-height:1.7}.contact-cta__btn{color:#fff;background:#1c1c1c;border-radius:.75rem;align-items:center;gap:.5rem;height:3rem;padding:0 1.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.contact-cta__btn:hover{opacity:.85}.contact-cta__btn svg{width:1rem;height:1rem}.dark body{color:#e5e5e0;background:#1a1a1a}.dark .contact-section--warm{background:#1e1e1e}.dark .contact-hero__eyebrow,.dark .contact-email__label,.dark .contact-email__note,.dark .contact-instructions li{color:#7a7a72}.dark .contact-hero__text,.dark .contact-card p{color:#9b9b94}.dark .contact-email a{color:#f5f5f0;border-color:#ffffff1f}.dark .contact-email a:hover{border-color:#ffffff4d}.dark .contact-instructions,.dark .contact-card{background:#222;border-color:#ffffff0f}.dark .contact-card:hover{border-color:#ffffff1a;box-shadow:0 6px 24px #0003}.dark .contact-instructions li:before{background:#fff3}.dark .contact-cta__btn{color:#1a1a1a;background:#f5f5f0}.contact-hero .anim-fade-up,.contact-hero .anim-scale-in,.contact-section--warm .anim-fade-up,.contact-section--warm .anim-scale-in,.contact-cta .anim-fade-up,.contact-cta .anim-scale-in{opacity:0;animation-play-state:paused}.contact-hero .anim-fade-up.visible,.contact-hero .anim-scale-in.visible,.contact-section--warm .anim-fade-up.visible,.contact-section--warm .anim-scale-in.visible,.contact-cta .anim-fade-up.visible,.contact-cta .anim-scale-in.visible{animation-play-state:running}@media (min-width:640px){.contact-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.contact-hero{padding:9rem 2rem 5rem}.contact-email{padding:4rem 2rem}}
