.home-hero { padding-top: 156px; padding-bottom: 76px; }
.home-hero__copy { max-width: 820px; margin-inline: auto; text-align: center; }
.home-hero h1 { font-size: clamp(56px,6.1vw,84px); line-height: 1.02; letter-spacing: -.065em; }
.home-hero__detail { margin: 26px auto 0; max-width: 50ch; font-size: 17px; line-height: 1.75; color: var(--muted); }
.hero-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-links a { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 21px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; }
.hero-links .primary-link { background: var(--brand); color: var(--card); }
.hero-links .primary-link:hover { background: var(--brand-deep); }
.secondary-link { border: 1px solid var(--hair); color: var(--brand); }
.secondary-link:hover { background: var(--brand-soft); }
.site-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 38px; border-top: 1px solid var(--hair); padding-block: 42px 56px; }
.site-paths > a { color: var(--ink); text-decoration: none; padding: 8px 0; }
.path-icon { display: grid; place-items: center; width: 36px; height: 36px; background: var(--brand-soft); color: var(--brand); border-radius: 10px; font-size: 22px; margin-bottom: 18px; }
.site-paths h2 { font-size: 21px; line-height: 1.35; letter-spacing: -.5px; }
.site-paths p { color: var(--muted); font-size: 14px; line-height: 1.7; margin-top: 12px; max-width: 34ch; }
.path-label { color: var(--brand); font-weight: 600; font-size: 13px; display: inline-block; margin-top: 18px; }
.site-paths a:hover .path-label { text-decoration: underline; text-underline-offset: 5px; }
@media(max-width:820px) { .home-hero { padding-top: 124px; padding-bottom: 48px; }.home-hero h1 { font-size: clamp(50px,10vw,72px); }.home-hero__detail { font-size: 16px; max-width: 45ch; }.home-photo { height: 320px; }.site-paths { grid-template-columns: 1fr; gap: 24px; padding-block: 28px 40px; }.site-paths > a + a { border-top: 1px solid var(--hair); padding-top: 28px; }.site-paths p { max-width: 45ch; } }
@media(max-width:420px) { .home-hero h1 { font-size: clamp(43px,13.8vw,54px); }.home-photo { height: 280px; } }