/* RISE landing. Builds on the global system (site-chrome.css, see _design/COMPONENTS.md).
   Page-specific: hero figure, RISE letter cards, overlap diagram, closing band. */
.hero-copy .free{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.rise-fig{max-width:620px;overflow:visible}
.rise-fig .fig{width:100%;height:auto}
.fig-role .lift{transition:transform .6s var(--ease)}
.rise-fig:hover .fig-role .lift{transform:translateY(-12px)}

/* RISE cards */
.letters{margin-top:clamp(48px,5vw,72px)}
.letters .card{padding-top:clamp(24px,2.6vw,36px)}
.letters .letter{font-family:var(--serif);font-weight:900;font-size:clamp(64px,6vw,92px);line-height:.9;letter-spacing:-.04em;color:var(--red);transition:transform .5s var(--ease)}
.letters .card:hover .letter{transform:translateY(-6px)}
.letters .h3{margin-top:22px;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(20px,1.7vw,24px)}
.callout .h3{font-size:clamp(22px,2.2vw,30px);max-width:30em}
.letters+.callout{margin-top:clamp(40px,4vw,64px)}

/* overlap diagram */
.venn-wrap{width:100%;max-width:560px;justify-self:center}
.fig-venn .lb{letter-spacing:.14em}
.fig-venn .vc circle:first-child{transition:stroke .4s}
.fig-venn:hover .vc circle:first-child{stroke:#071D49}
.fx .anim:not(.play) .vc,.fx .anim:not(.play) .vm{opacity:0}
.fx .play .vc{animation:pop .8s var(--ease) both;animation-delay:calc(var(--i) * .18s)}
.fx .play .vm{animation:fade .7s .7s var(--ease) both}
.wins-row{margin-top:clamp(56px,6vw,88px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line)}
.wins{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.8vw,40px);line-height:1.15;letter-spacing:-.02em;color:var(--navy);max-width:22em}
.wins em{font-style:italic;color:var(--red)}
.wins-row .p{max-width:44em}
.wins-row .note{font-size:15px}

/* closing */
.closing .eyebrow{color:var(--steel)}
.closing .cta-h{margin-top:22px;font-family:var(--serif);font-weight:900;font-size:clamp(56px,9vw,128px);line-height:.95;letter-spacing:-.03em}
.closing .cta-h em{font-style:italic;color:#FF8696}
.closing .p{color:var(--steel);max-width:34em}
.btn.ghost-l{--b:transparent;--h:var(--red);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}

/* hero entrance */
.fx .phero .hero-copy>*{animation:fade 1s var(--ease) both}
.fx .phero .hero-copy>:nth-child(2){animation-delay:.08s}
.fx .phero .hero-copy>:nth-child(3){animation-delay:.16s}
.fx .phero .hero-copy>:nth-child(4){animation-delay:.24s}
.fx .phero .hero-copy>:nth-child(5){animation-delay:.32s}
.fx .phero .hero-copy>:nth-child(6){animation-delay:.4s}
.fx .phero .rise-fig{animation:fade 1.2s .25s var(--ease) both}

@media (max-width:960px){
  .phero-grid{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .split{grid-template-columns:minmax(0,1fr);row-gap:48px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}