@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--gold:#ffc62b;--bg:#11110f;--paper:#e9e4d8;--muted:#aaa89f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;background:var(--gold);z-index:50}header{height:104px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff21;position:relative;z-index:5}.brand{font-size:25px;font-weight:900;line-height:1.2}.brand b{color:var(--gold)}.brand span{display:block;font:9px Arial;letter-spacing:5px;margin-top:9px}nav{display:flex;gap:35px;font-size:13px}.nav-cta{border:1px solid #6d6b60;border-radius:30px;padding:10px 23px;font-size:12px}.nav-cta span{margin-right:20px;color:var(--gold)}.hero{position:relative;min-height:760px;height:calc(100svh - 104px);max-height:1100px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;padding:60px 6% 80px;background:radial-gradient(ellipse at 26% 44%,#5d461a44,transparent 49%)}.hero-copy{position:relative;z-index:2;padding-top:30px;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;color:#d8d2c2}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold)}.eyebrow span{color:#8c8b82;margin-right:13px}h1{font-size:clamp(45px,4.5vw,78px);line-height:1.5;letter-spacing:-3px;margin:25px 0 20px;font-weight:900}h1 em{font-style:normal;color:var(--gold)}.intro{color:#aca99f;font-size:15px;line-height:2.2}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.button{background:var(--gold);color:#15140e;padding:16px 23px;border:0;display:inline-flex;gap:40px;align-items:center;font-size:13px;font-weight:800;border-radius:2px;transition:transform .25s,background .25s}.button:hover{background:#ffdb70;transform:translateY(-3px)}.button span{font-size:20px}.play-link{background:none;border:0;color:var(--paper);font-size:11px;display:flex;gap:10px;align-items:center}.play{border:1px solid #5e5b51;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:10px}.hero-note{display:flex;align-items:center;gap:25px;margin-top:50px}.hero-note>span{font-size:10px;writing-mode:vertical-rl;color:#77776d;border-left:1px solid #55544b;padding-left:15px}.hero-note p{font-size:12px;line-height:1.8;color:#99968d}.hero-note strong{color:#e0dccf;font-weight:600}.world{position:absolute;left:0;top:0;width:55%;height:100%;direction:ltr}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.orbit-label{position:absolute;font:10px Arial;letter-spacing:3px;color:#aea184;pointer-events:none}.label-one{top:20%;left:11%;transform:rotate(-12deg)}.label-two{bottom:23%;right:12%;font-family:Cairo;letter-spacing:0;transform:rotate(-8deg)}.drag-hint{position:absolute;bottom:13%;left:0;width:100%;text-align:center;font-size:10px;color:#827b68}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;gap:25px;align-items:center;font-size:9px;color:#9b988b}.line{height:1px;background:#4a4638;flex:1}.hero-bottom span:last-child{letter-spacing:2px;font-family:Arial}.ticker{background:var(--gold);color:#17160e;padding:15px 0;overflow:hidden;transform:rotate(-1.7deg);width:100%;position:relative;z-index:2;font-size:29px;font-weight:900;white-space:nowrap}.ticker div{width:max-content;animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translateX(30%)}}.section{padding:120px 8%;scroll-margin-top:20px}.section-label{font-size:11px;color:var(--gold);letter-spacing:1px;margin-bottom:30px}h2{font-size:clamp(38px,4.5vw,68px);line-height:1.55;letter-spacing:-2px;margin:0 0 28px;font-weight:900}.tape{display:inline-block;background:var(--gold);color:#16150f;padding:0 18px;clip-path:polygon(2% 6%,99% 0,98% 93%,1% 100%,0 65%);transform:rotate(-2deg)}.story{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid #36352e}.story>div:last-child{max-width:760px}.story p{color:#aaa89c;line-height:2.2;font-size:17px}.story .large-copy{font-size:25px;color:#ece7d9}.handnote{color:var(--gold);font-size:21px;transform:rotate(-8deg);margin:30px 60% 0 0;width:230px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top>p{font-size:13px;line-height:2;color:#aca79a}.muted{color:#74746c}.chapters{margin-top:40px}.chapter{display:flex;text-align:right;align-items:center;gap:35px;width:100%;border:0;border-top:1px solid #454237;background:none;color:var(--paper);padding:28px 15px;transition:background .3s}.chapter>span{font:14px Arial;color:#777467}.chapter div{flex:1}.chapter small{font:9px Arial;letter-spacing:3px;color:#888477}.chapter h3{font-size:27px;margin:6px 0}.chapter p{font-size:13px;color:#aaa597;margin:5px 0}.chapter>b{font-size:30px;font-weight:400}.chapter:hover,.chapter.active{background:#ffc62b0b}.chapter.active>span,.chapter.active>b{color:var(--gold)}.stage-detail{display:flex;gap:30px;align-items:center;background:var(--gold);color:#222015;padding:25px 35px}.stage-detail>span{font:45px Arial}.stage-detail p{font-size:15px;line-height:1.9}.film-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;background:#1b1a15}.film-section p{color:#aca89b;line-height:2}.film-section .credit{font-size:11px;margin-top:25px}.video-poster{height:510px;background:#000;border:1px solid #5d5140;position:relative;overflow:hidden;transform:rotate(3deg);padding:0;width:100%}.video-poster img{width:100%;height:100%;object-fit:cover;object-position:left;opacity:.5;transition:transform .6s}.video-poster:hover img{transform:scale(1.05)}.poster-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:white}.poster-overlay>span{display:grid;place-items:center;border:1px solid #ffc62b;width:80px;height:80px;border-radius:50%;color:var(--gold);font-size:24px}.poster-overlay b{font-size:24px}.poster-overlay small{font:9px Arial;letter-spacing:3px}.lab{text-align:center;max-width:1050px;margin:auto}.lab h2 span{color:var(--gold)}.lab>p{color:#a4a093;font-size:13px}form{text-align:right;margin:45px auto 0;max-width:640px}label{display:block;font-size:13px;margin:23px 0 10px}input{display:block;width:100%;background:#1d1c16;border:1px solid #4e493b;color:var(--paper);padding:18px;border-radius:0;font-size:13px}form button{margin-top:25px;width:100%;justify-content:space-between}#idea-result{text-align:right;border:1px solid var(--gold);padding:25px;margin:25px auto;max-width:640px;line-height:2}#idea-result strong{color:var(--gold)}.closing{text-align:center;border-top:1px solid #444034;background:radial-gradient(ellipse at bottom,#5b421a44,transparent 70%)}.closing>p{font-size:13px;color:#aaa497}.closing h2{font-size:clamp(56px,7vw,110px)}footer{border-top:1px solid #343127;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#99968b}footer .brand{color:var(--paper);font-size:20px}footer button{border:1px solid #514c3c;background:none;color:var(--paper);padding:8px 15px;font-size:11px}dialog{background:#15140f;border:1px solid #6e5930;color:white;width:min(480px,94vw);padding:40px 20px 15px;max-height:96svh}dialog::backdrop{background:#000d;backdrop-filter:blur(15px)}dialog iframe{width:100%;height:70svh;border:0}dialog>a{font-size:11px;display:block;padding-top:10px}.close{position:absolute;left:10px;top:7px;background:none;color:white;border:0;font-size:20px}.fallback-book{position:absolute;inset:15% 20%;background:url(cover.png) left/auto 100%;transform:perspective(1000px) rotateY(20deg);box-shadow:25px 25px 80px #000}.paused *{animation:none!important}@media(max-width:800px){header{height:82px}.brand{font-size:20px}nav{gap:15px;font-size:10px}.nav-cta{display:none}.hero{height:auto;min-height:1040px;display:block;padding:30px 7% 80px}.hero-copy{padding-top:0}h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:9px}.eyebrow span{margin-right:0}.intro{font-size:13px}.actions{gap:15px;flex-wrap:wrap}.button{font-size:11px;padding:14px 19px;gap:25px}.hero-note{display:none}.world{width:100%;height:540px;top:auto;bottom:65px}.label-one{top:10%}.label-two{bottom:18%}.drag-hint{bottom:7%}.hero-bottom{font-size:8px;gap:12px}.hero-bottom span:last-child{font-size:7px;letter-spacing:1px}.ticker{font-size:23px}.section{padding:75px 7%}.story{display:block}.story p{font-size:14px}.story .large-copy{font-size:21px}.handnote{margin-right:40%;font-size:17px}.section-top{display:block}.section-top>p{font-size:12px}.chapter{gap:20px;padding:23px 5px}.chapter h3{font-size:22px}.chapter p{font-size:11px}.stage-detail{padding:20px;gap:20px}.stage-detail p{font-size:12px}.film-section{display:block}.video-poster{margin-top:35px;height:430px;max-width:380px}.lab{text-align:right}.lab h2{font-size:39px}footer{flex-wrap:wrap;gap:25px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

body{overflow-x:clip}.grain{position:absolute;inset:0;pointer-events:none}.hero-copy{grid-column:1;min-width:0}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(min-width:801px){h1{font-size:clamp(43px,4.2vw,76px)}}