/* Cinema edition: actual generated frames, directly indexed by scroll position. */
.film-journey{position:relative}.film-stage{position:relative;isolation:isolate;overflow:hidden;min-height:650px;border-radius:24px;background:#503e50;color:#fff8ef}.film-poster,#growth-canvas,.film-scrim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-poster{z-index:-4}#growth-canvas{z-index:-3;opacity:0}#growth-canvas.has-frame{opacity:1}.film-scrim{z-index:-2;background:linear-gradient(90deg,#201525bb,#20152510 85%),linear-gradient(0deg,#201525a8,transparent 35%,#20152530)}.film-topline{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.16em}.film-intro{position:relative;padding:140px 26px 100px;max-width:600px}.film-intro .eyebrow{color:#ffe5c9;font-size:8px}.film-intro h1{font-family:var(--display);font-size:clamp(43px,9vw,70px);font-weight:600;letter-spacing:-.065em;line-height:1;margin:24px 0}.film-intro h1 em,.film-chapter h2 em{font-family:var(--serif);font-weight:400;color:#ffe3c9;letter-spacing:-.04em}.film-intro>p{font-size:14px;color:#fff3e6;line-height:1.75;margin-bottom:27px}.film-intro .hero-cta{max-width:290px;background:#fff1de;color:#3b293e}.film-scroll{display:block;margin-top:25px;font-size:7px;letter-spacing:.12em;color:#f6dfd4}.film-chapter{display:none}.film-footer{position:absolute;left:25px;right:25px;bottom:22px;display:flex;align-items:center;gap:20px;font-size:7px;letter-spacing:.12em}.film-progress{height:2px;flex:1;background:#ffffff40;max-width:170px}.film-progress i{display:block;width:calc(var(--film-progress,0)*100%);height:100%;background:#ffe4bc}.film-footer-label{max-width:170px}.film-step-label{margin-left:auto;font-size:8px}
@media(prefers-reduced-motion:no-preference){.cinema-enabled .film-journey{height:340svh}.cinema-enabled .film-stage{position:sticky;top:0;height:100svh;min-height:500px;max-height:none;border-radius:0}.cinema-enabled .film-intro{opacity:var(--intro-opacity,1);will-change:opacity}.cinema-enabled .film-chapter{position:absolute;display:block;left:26px;right:26px;bottom:100px;max-width:450px;opacity:var(--chapter-opacity,0)}.film-chapter-number{font-size:9px;color:#ffddba;letter-spacing:.2em}.film-chapter h2{font-size:clamp(43px,8vw,68px);font-weight:500;line-height:1;letter-spacing:-.06em;margin:20px 0}.film-chapter p{font-size:13px;max-width:310px;line-height:1.8;color:#f4e3d9}}
body[data-screen=guide]{padding-left:0;padding-right:0}body[data-screen=guide] .brand-rail{display:none}body[data-screen=guide] .app-shell{max-width:none;gap:0}body[data-screen=guide] header.top{position:absolute;top:0;left:0;right:0;background:transparent;border:0;padding:25px 26px;z-index:8;color:#fff7ec}body[data-screen=guide] .logo small{color:#f3dfd9}body[data-screen=guide] .logo span{color:#ffce9e}body[data-screen=guide] .streak{background:#33223c55;border-color:#ffffff45;color:white;backdrop-filter:blur(14px)}body[data-screen=guide] .streak b{color:#ffe0c3}body[data-screen=guide] #view{gap:28px}body[data-screen=guide] #view>*:not(.film-journey){width:calc(100% - 44px);max-width:950px;margin-left:auto;margin-right:auto}body[data-screen=guide] nav.tabs{left:0;padding-left:22px;padding-right:22px}body[data-screen=guide] .manifesto{padding-top:55px;padding-bottom:15px}body[data-screen=guide] .manifesto p{font-size:clamp(30px,4vw,50px)}
@media(min-width:900px){.film-intro{padding:170px 70px 140px;max-width:900px}.film-intro h1{font-size:clamp(72px,7vw,112px)}.film-intro>p{font-size:16px}.film-topline{left:auto;right:70px;top:42px;gap:40px}.film-topline>span:first-child{display:none}.film-footer{left:70px;right:70px;bottom:100px}.film-footer-label{max-width:none}.film-progress{max-width:280px}.cinema-enabled .film-chapter{left:70px;bottom:180px;max-width:650px}.film-chapter h2{font-size:80px}.film-chapter p{font-size:16px;max-width:400px}body[data-screen=guide] header.top{padding:32px 70px;right:auto;gap:35px}body[data-screen=guide] .how-block .how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}body[data-screen=guide] .how div{border:0;flex-direction:column;gap:15px}body[data-screen=guide] .prog{grid-template-columns:repeat(4,1fr)}body[data-screen=guide] .prog .program-card{padding:25px;min-height:260px}body[data-screen=guide] .program-symbol{font-size:45px;height:55px}body[data-screen=guide] .pt b{font-size:25px}body[data-screen=guide] .rules-block{padding:40px}body[data-screen=guide] .rules{display:grid;grid-template-columns:1fr 1fr;gap:20px 45px;padding-left:20px}body[data-screen=guide] .section-heading h2{font-size:36px}}
@media(max-height:640px){.film-intro{padding-top:105px}.film-intro h1{font-size:39px}.film-intro>p{font-size:12px;margin-bottom:16px}.film-chapter h2{font-size:40px}.film-topline{display:none}.film-footer-label{display:none}}
@media(prefers-reduced-motion:reduce){.film-scroll,.film-chapter,#growth-canvas{display:none!important}.film-stage{min-height:660px}.film-intro{opacity:1!important}.film-intro h1{font-size:clamp(42px,7vw,80px)}}

@media(max-width:899px){.film-poster{object-position:30% center}.film-footer{bottom:94px}.film-footer-label{font-size:6px}}

@media(max-width:480px){.film-poster{object-position:42% center}}
html{scroll-behavior:auto}
@media(min-width:900px){.film-intro h1{font-size:clamp(72px,6vw,92px)}.film-intro{padding-top:155px}}