.hero h1 { max-width: 14ch; font-size: clamp(3rem,6vw,6.3rem); }
.hero-image img { aspect-ratio: 4 / 5; object-position: 53% center; }
.hero-image figcaption { line-height: 1.6; letter-spacing: .055em; }
.independence { max-width: 36rem; margin: 2rem 0 0; color: var(--muted); font-size: .75rem; }
.scope-note { max-width: 66rem; margin: 2rem 0 0; color: var(--muted); font-size: .9rem; }
.reasons { display: grid; grid-template-columns: repeat(3,1fr); gap: 3rem; margin-bottom: 3rem; }
.reasons article { border-top: 1px solid rgba(241,238,230,.28); padding-top: 1.5rem; }
.reasons h3 { font: 400 1.8rem/1.15 var(--serif); margin: 0 0 1rem; }
.reasons p { color: rgba(241,238,230,.76); margin: 0; }
.work .text-link { color: var(--paper); }
.shop-note p { max-width: 55rem; }
.shop-note .text-link { flex-shrink: 0; }
.faq-list { max-width: 58rem; margin: 4rem 0 0 auto; border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { cursor: pointer; padding: 1.5rem 2rem 1.5rem 0; font: 400 clamp(1.25rem,2vw,1.7rem)/1.3 var(--serif); }
.faq details p { max-width: 47rem; color: var(--muted); margin: 0 0 1.6rem; }
.contact-copy .form-note { font-size: .8rem; }
a, summary { touch-action: manipulation; }
@media(max-width:680px) { .reasons { grid-template-columns: 1fr; gap: 2rem; } .hero-image { width: 100%; } .hero { padding-top: 4rem; } .hero h1 { font-size: clamp(3rem,11vw,4.4rem); } .faq-list { margin-top: 3rem; } nav a.nav-cta { padding: .6rem 0; } }