/* Phase 3C.2 tokens are scoped to Home; other page presentation is preserved. */

.home-page main h1,.home-page main h2,.home-page main h3 {font-family:var(--font-display);font-weight:300;letter-spacing:-.045em}
.home-page main h1 {font-size:clamp(2.75rem,5.4vw,5rem);line-height:1.04}
.home-page main h2 {font-size:clamp(2.5rem,4vw,3.75rem);line-height:1.12;margin:0}
.home-page main h1 > span,.home-page main h2 > span {display:block}
.home-page main p {margin:0}
.home-page .section-label {font-size:.75rem;letter-spacing:.14em;font-weight:400;color:var(--home-secondary);margin-bottom:2.5rem}
.home-hero {padding:clamp(4rem,7vw,6.5rem) 0 clamp(5rem,8vw,8rem);}
.hero-copy {max-width:58rem}
.home-hero .section-label {margin-bottom:2.25rem}
.home-hero .lead {max-width:39rem;margin-top:2rem;font-size:1.125rem;line-height:1.7;color:var(--home-secondary)}
.hero-actions {display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:2rem}
.home-page .text-link {display:inline-flex;align-items:center;gap:.75rem;min-height:44px;padding:.5rem 0;border-bottom:1px solid var(--home-charcoal);text-decoration:none;font-size:.9375rem;line-height:1.4;transition:color 160ms,border-color 160ms}
.home-page .text-link span {font-size:1rem;color:var(--home-interaction);font-weight:400}
.home-page .text-link:hover {color:var(--home-interaction);border-color:var(--home-tangerine)}
.home-section {position:relative;padding-block:var(--section-space)}
/* Full-width pale warm band without changing the content alignment or page width. */
.opportunity {background:#FAF9F6;box-shadow:0 0 0 100vmax #FAF9F6;clip-path:inset(0 -100vmax)}
.section-rule {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:var(--home-rule);transform-origin:left}
.editorial-grid {display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.opportunity .editorial-grid {grid-template-columns:minmax(0,1fr);gap:1.25rem}
.section-intro {font-size:1.0625rem;line-height:1.8;color:var(--home-secondary);max-width:36rem}
.benefits {display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2.5rem}
.benefit {border-top:1px solid var(--home-tan-rule);padding-top:1.5rem}
.home-page .benefit-number {color:var(--home-tan-ink);font-size:.75rem;letter-spacing:.08em;margin-bottom:1.5rem}
.home-page main h3 {font-size:1.625rem;font-weight:400;letter-spacing:-.03em;line-height:1.25;margin:0 0 1.25rem}
.benefit > p:last-child {font-size:1rem;line-height:1.75;color:var(--home-secondary);max-width:21rem}
.home-page .placeholder-caption {font-size:.8125rem;line-height:1.6;color:var(--home-secondary);letter-spacing:.015em}
.technology-followup {display:flex;justify-content:flex-start;gap:2rem;align-items:start;margin-top:2rem}
.technology-followup > p {max-width:36rem;color:var(--home-secondary);font-size:1rem;line-height:1.8}
.technology-followup .text-link {flex-shrink:0}
.practice-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}
.practice-detail {width:100%;max-width:36rem;margin:0;text-align:left}
.home-page .practice h2 {max-width:none;line-height:1.15}
.practice .section-intro {margin-top:0;max-width:none}
.demo-pending {margin-top:1.75rem!important;color:var(--home-secondary);font-size:.9375rem;line-height:1.6}
.configuration-note {display:block;font-size:.8125rem;margin-top:.5rem}
.collaboration-copy {display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}
.collaboration .section-intro {margin-top:.25rem;max-width:32rem}
.collaboration .text-link {margin-top:1.75rem}
.home-page .site-footer {margin-top:0}
@media (max-width:60rem) {
 .home-page .header-inner {gap:1.5rem}
 .home-page #primary-nav {column-gap:1rem}
 .technology-followup {flex-direction:column;gap:1rem}
}
@media (max-width:48rem) {
 .home-page {--section-space:3.75rem}
 .home-page main h1 {font-size:clamp(2.4rem,6.4vw,3.25rem)}
 .home-page main h2 {font-size:clamp(2.125rem,6vw,3rem)}
 .home-hero {padding-block:3.5rem 4.5rem}
 .home-page .section-label {font-size:.6875rem;margin-bottom:2rem;letter-spacing:.12em}
 .home-hero .lead {font-size:1.0625rem;margin-top:1.75rem}
 .hero-actions {flex-direction:column;align-items:start;gap:.75rem;margin-top:1.75rem}
 .editorial-grid,.opportunity .editorial-grid,.practice-grid,.collaboration-copy {grid-template-columns:1fr;gap:1.125rem}
 .benefits {grid-template-columns:1fr;gap:1.75rem;margin-top:2rem}
 .home-page .benefit-number {margin-bottom:.75rem}
 .benefit > p:last-child {max-width:36rem}
 .practice .section-intro {margin-top:0;max-width:none}
}
@media (prefers-reduced-motion:no-preference) {
 .home-hero .section-label,.home-hero h1,.home-hero .lead,.hero-actions {animation:hero-appear 650ms ease both}
 .home-hero h1 {animation-delay:80ms}
 .home-hero .lead {animation-delay:160ms}
 .hero-actions {animation-delay:240ms}
 @keyframes hero-appear {from {opacity:.2;transform:translateY(3px)} to {opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce) {
 .home-page *, .home-page *::before {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.home-page main h1 .hero-period {color:var(--home-tangerine)}

.home-page .section-number {color:var(--home-tan-ink)}
.home-section {scroll-margin-top:calc(var(--sticky-header-offset,0px) + 1.5rem)}

.configured-journey-figure {margin:2rem 0 0;min-width:0}
.journey-product-frame {padding:clamp(.625rem,1.2vw,1rem);background:#FAF9F6;border:1px solid var(--home-rule);box-shadow:0 6px 20px rgba(49,40,32,.045)}
.journey-screenshot-viewport {width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.journey-screenshot-viewport img {display:block;width:100%;height:auto;max-width:none}
.journey-screenshot-caption {display:flex;align-items:start;justify-content:space-between;gap:1.25rem;margin-top:1rem;color:var(--home-secondary);font-size:.8125rem;line-height:1.6}
.journey-screenshot-caption .text-link {display:none;flex-shrink:0;font-size:.8125rem}
.journey-screenshot-caption {display:none}
.journey-scroll-hint {display:none}
.visually-hidden {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:64rem) {
 .journey-screenshot-caption {display:flex}
 .journey-screenshot-caption .text-link {display:inline-flex}
 .journey-screenshot-viewport img {min-width:1184px}
 .home-page .journey-scroll-hint {display:block;margin-top:.375rem}
}
@media(max-width:48rem) {
 .configured-journey-figure {margin-top:2rem}
 .journey-screenshot-caption {flex-direction:column;gap:.5rem}
}

.practice-demonstration {margin-top:1.25rem}
.practice-demonstration .demo-pending {margin-top:0!important}
.practice-demonstration .text-link {margin-top:0}
.practice-followup {margin-top:1.5rem;max-width:50rem}
.home-page .practice-followup h3 {font-size:clamp(1.375rem,1.9vw,1.75rem);line-height:1.4;font-weight:300;margin:0}
.journey-takeaway {display:inline-block}
.home-section.practice {padding-bottom:clamp(2rem,3vw,3rem)}
.home-section.collaboration {padding-top:clamp(2.5rem,4vw,4rem)}

@media(max-width:48rem) {.practice-detail {width:100%;max-width:none}}

/* Specific full-width-art sections use a wider opening measure. */
.opportunity .section-intro,.technology .section-intro,.practice-detail {max-width:52rem}
.technology .editorial-grid {grid-template-columns:minmax(0,1fr);gap:1.25rem}
@media(max-width:48rem) {.technology .editorial-grid {gap:1.125rem}}