@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#150e1d;--paper:#f7f6f2;--lime:#c5ff92;--orange:#ff8759}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font:16px 'DM Sans',sans-serif}button,a,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-80px;left:15px;z-index:100;background:var(--lime);color:var(--ink);padding:12px}.skip:focus{top:10px}header{height:100px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.brand{display:flex;align-items:center;gap:10px;font-weight:700;line-height:1.05;font-size:15px;letter-spacing:-.4px}.brand-mark{font-size:45px;font-weight:800;letter-spacing:-4px;margin-right:7px}nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-cta{border:1px solid #ffffff55;border-radius:100px;padding:14px 20px}.nav-cta span{margin-left:24px}#journey{height:650vh;position:relative}.stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:clip;background:#22112e}.hero-picture,.world-picture,.shade{position:absolute;inset:0;will-change:transform,opacity}.hero-picture{background:url('assets/hero.jpg') center/cover;transform-origin:53% 50%}.world-picture{background:url('assets/world.jpg') center/cover;opacity:0;transform:scale(1.6)}.shade{background:linear-gradient(90deg,rgba(19,9,29,.88),rgba(19,9,29,.18) 65%),linear-gradient(0deg,#150e1de8,transparent 36%)}.hero-copy{position:absolute;top:25%;left:7%;max-width:800px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.05}h1{font-size:clamp(55px,6.6vw,110px);margin-bottom:26px}em{font-style:normal;color:var(--lime)}.intro{font-size:18px;line-height:1.6;color:#efdfef}.pill{display:inline-flex;border:0;background:var(--lime);color:var(--ink);padding:19px 25px;border-radius:40px;align-items:center;gap:42px;font-size:15px;font-weight:700;transition:transform .2s}.pill:hover{transform:translateY(-3px)}.pill span{font-size:22px}.scene-note{position:absolute;bottom:150px;right:6%;display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.7}.tiny-star{font-size:40px;color:var(--orange)}.journey-bottom{position:absolute;bottom:81px;left:7%;right:6%;display:flex;align-items:center;justify-content:space-between}.scroll-cue{font-size:11px;letter-spacing:1.8px}#play{background:transparent;border:1px solid #ffffff40;color:white;padding:10px 17px;border-radius:30px;font-size:13px}.frame-count{font-size:14px}.frame-count i{font-style:normal;color:#ab8bb4;margin:0 12px}.timeline{position:absolute;bottom:60px;left:7%;right:6%;height:1px;background:#ffffff30}.timeline span{display:block;height:2px;background:var(--lime);width:0}.chapters{position:absolute;bottom:18px;left:7%;right:6%;display:flex;justify-content:space-between}.chapters button{color:#b3a7bd;background:none;border:0;font-size:12px;padding:6px 0}.chapters button span{margin-left:12px}.chapters .active{color:var(--lime)}.chapter-copy{position:absolute;top:29%;left:7%;width:560px;opacity:0;pointer-events:none}.chapter-copy h2{font-size:clamp(58px,6vw,100px);margin-bottom:25px}.chapter-copy>p:last-child{font-size:19px;line-height:1.6;max-width:380px}.worlds{background:var(--paper);color:var(--ink);padding:95px 7% 110px}.section-top{display:flex;justify-content:space-between}.section-top>span{font-size:11px;letter-spacing:1px;color:#756a7d}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:15px 0 60px;gap:40px}.section-heading h2,.approach h2{font-size:clamp(38px,4.5vw,70px);margin:0}.section-heading em{color:#8761a8}.section-heading>p{max-width:310px;line-height:1.7;color:#6b626f;margin:0}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.world-card{border-top:1px solid #cfc7d1;padding-top:22px}.world-card .number{font-size:12px;color:#756a7d}.world-card h3{font-size:25px;letter-spacing:-1px;margin:24px 0 12px}.world-card p{color:#6b626f;line-height:1.7;font-size:15px}.card-picture{height:210px;border-radius:8px;background-image:url('assets/world.jpg');background-size:auto 230%;margin:24px 0}.world-card button{border:0;background:none;padding:0;color:#403445;font-size:14px}.approach{padding:110px 7%}.approach .eyebrow{color:#b9a9c2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px}.steps article{border-top:1px solid #514158;padding-top:22px}.steps span{font-size:12px;letter-spacing:1px;color:var(--orange)}.steps h3{font-size:23px;margin:30px 0 15px;letter-spacing:-.6px}.steps p{color:#bcb0c3;line-height:1.8;max-width:320px}.ending{text-align:center;padding:100px 7%;background:#241531;border-top:1px solid #49324c}.ending h2{font-size:clamp(46px,6vw,90px)}.ending>p:not(.eyebrow){color:#d4c4dc;margin-bottom:30px}.film-link{display:block;font-size:14px;margin-top:25px;color:#cab9d2}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 7%;gap:20px}footer p,footer>a:last-child{font-size:13px;color:#b7aabe;margin:0}#idea-panel{max-width:600px;margin:35px auto;text-align:left}label{display:block;margin-bottom:12px}textarea{display:block;width:100%;background:#150e1d;border:1px solid #7d6587;border-radius:12px;padding:15px;color:white;font:inherit;resize:vertical;margin-bottom:14px}.small{font-size:13px;color:#bdafc6;margin-top:15px}
@media(max-width:700px){header{height:85px;padding:0 6%}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:11px 14px}.nav-cta span{margin-left:6px}.brand{font-size:12px}.brand-mark{font-size:37px}.stage{min-height:660px}.hero-picture{background-position:62% center}.shade{background:linear-gradient(90deg,#150e1dbb,transparent),linear-gradient(0deg,#150e1d 5%,transparent 80%)}.hero-copy{top:31%;left:7%;right:6%}h1{font-size:clamp(48px,11vw,75px)}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:20px}.intro{font-size:16px}.scene-note{display:none}.journey-bottom{bottom:91px;flex-wrap:wrap;gap:15px}.scroll-cue{font-size:9px}.frame-count{display:none}.chapters button{font-size:10px}.chapters button span{margin-left:3px}.chapter-copy{width:85%;top:31%}.chapter-copy h2{font-size:56px}.chapter-copy>p:last-child{font-size:17px}.section-top>span{display:none}.worlds,.approach{padding:65px 7%}.section-heading{display:block;margin:10px 0 40px}.section-heading>p{margin-top:25px}.world-grid{grid-template-columns:1fr 1fr;gap:24px}.world-card h3{font-size:22px}.card-picture{height:150px}.world-card p{font-size:14px}.steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.steps h3{margin-top:20px}.ending{padding:70px 7%}footer{flex-wrap:wrap}footer p{display:none}.pill{padding:16px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#journey{height:100svh;min-height:680px}.stage{position:relative}.chapters{display:none}.pill{transition:none}.scroll-cue{font-size:10px}}
/* Continuous camera sequence */
#journey{height:1000vh}.scene-stack,.cinema-scene,.scene-ambient{position:absolute;inset:0}.scene-stack{perspective:1600px}.cinema-scene{opacity:0;visibility:hidden;will-change:transform,opacity;overflow:clip}.cinema-scene img{height:100%;width:100%;object-fit:cover;display:block;will-change:transform}.scene-ambient{display:none}.cinema-scene.portrait .scene-ambient{display:block;background-size:cover;background-position:center;filter:blur(35px) brightness(.45);transform:scale(1.15)}.cinema-scene.portrait img{position:absolute;width:52%;right:4%;object-fit:contain;filter:drop-shadow(0 10px 60px #130b1c77)}.shade{pointer-events:none;transition:opacity .25s}.inside-phone .shade{opacity:.12}.chapter-copy{top:28%;width:620px}.chapter-copy.compact{top:30%;width:48%;max-width:620px}.chapter-copy.compact h2{font-size:clamp(44px,5vw,76px)}.chapter-copy.compact>p:last-child{max-width:380px}.chapters{gap:16px}.chapters button{font-size:11px}.chapters button span{margin-left:5px}.world-grid{grid-template-columns:repeat(3,1fr);row-gap:35px}.card-picture{height:280px}.hero-picture{will-change:transform,opacity}.scene-stack{pointer-events:none}.transition-glow{display:none}
@media(max-width:700px){#journey{height:1100vh}.cinema-scene.portrait img{width:100%;right:0;object-fit:cover}.cinema-scene.phone img,.cinema-scene.orbit img{object-fit:cover}.chapter-copy,.chapter-copy.compact{top:auto;bottom:175px;left:7%;width:86%}.chapter-copy h2,.chapter-copy.compact h2{font-size:clamp(38px,10vw,60px);margin-bottom:16px}.chapter-copy>p:last-child{font-size:16px;line-height:1.5}.shade{background:linear-gradient(0deg,#150e1df5 8%,#150e1d88 48%,transparent 82%)}.chapters{gap:0}.chapters button span{display:none}.chapters button{min-width:36px;min-height:32px;font-size:12px}.world-grid{grid-template-columns:1fr 1fr}.card-picture{height:210px}.hero-copy{top:31%}}
@media(prefers-reduced-motion:reduce){#journey{height:100svh;min-height:680px}.scene-stack{display:none}.shade{transition:none}}
/* Generated film: real scene motion follows the reader's scroll. */
#journey{height:850vh}.film-surface{background:#160b21}.film-surface #story-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#160b21}.film-surface .shade{background:linear-gradient(90deg,#150e1d99,transparent 60%),linear-gradient(0deg,#150e1dec,transparent 38%);transition:opacity .3s}.film-surface.portal-moment .shade{opacity:.12}.film-surface .chapter-copy{top:auto;bottom:160px;left:7%;width:min(540px,70%)}.film-surface .chapter-copy h2{font-size:clamp(35px,4vw,60px);margin-bottom:16px}.film-surface .chapter-copy>p:last-child{font-size:16px;line-height:1.6;max-width:420px}.film-surface .chapter-copy .eyebrow{margin-bottom:15px}.film-status{position:absolute;bottom:125px;left:7%;z-index:3;font-size:13px;max-width:320px;color:#fff}.film-status:empty{display:none}.film-surface .hero-copy{top:25%}.film-surface .hero-copy h1{font-size:clamp(55px,6.6vw,105px)}
@media(max-width:700px){#journey{height:950vh}.film-surface #story-film{object-fit:contain;height:64%;top:8%}.film-surface .shade{background:linear-gradient(0deg,#150e1d 8%,#150e1d44 47%,transparent 80%)}.film-surface .hero-copy{top:auto;bottom:180px}.film-surface .hero-copy h1{font-size:clamp(42px,10vw,65px)}.film-surface .hero-copy .eyebrow{margin-bottom:14px}.film-surface .intro{font-size:15px}.film-surface .chapter-copy{bottom:155px;width:86%}.film-surface .chapter-copy h2{font-size:40px}.film-surface .chapter-copy>p:last-child{font-size:15px}.film-surface .chapter-copy .eyebrow{font-size:10px}.film-surface.portal-moment #story-film{height:84%;top:0}.film-status{bottom:130px}}
@media(prefers-reduced-motion:reduce){#journey{height:100svh;min-height:680px}.film-surface #story-film{object-fit:cover}.film-surface .chapters{display:none}}
@media(max-width:700px){.film-surface #story-film,.film-surface.portal-moment #story-film{top:16%;height:auto;aspect-ratio:16/9;object-fit:contain}}