@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap");:root{--ink:#f4f0e8;--muted:#aaa8a4;--night:#0b0c0e;--panel:#141519}*{box-sizing:border-box}html{background:var(--night);color:var(--ink);font-family:DM Sans,sans-serif;scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.brand{font-weight:700;letter-spacing:.12em;font-size:1.15rem}.brand span{color:#e59459}.nav{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid #ffffff12}.nav>a:last-child{font-size:.8rem;color:#ccc}.catalogHero{min-height:680px;padding:60px 8vw 80px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;grid-gap:8vw;gap:8vw;background:radial-gradient(circle at 75% 40%,#783f3266,transparent 32%),linear-gradient(135deg,#0b0c0e,#18151b)}.eyebrow,.sectionHead small{color:#e9a16d;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem}.heroCopy h1{font-size:clamp(3rem,6vw,6.8rem);line-height:.92;letter-spacing:-.055em;margin:20px 0}.heroCopy h1 em{font-family:Playfair Display,serif;color:#d9cec2}.heroCopy p{max-width:620px;color:#bbb6b0;font-size:1.05rem;line-height:1.7;margin:28px 0}.primary{display:inline-flex;gap:12px;background:#e38f55;color:#160e09;border-radius:99px;padding:16px 25px;font-weight:700}.featureArt{position:relative;display:block;min-height:540px;overflow:hidden;border-radius:5px;box-shadow:0 35px 80px #000}.featureArt img{object-fit:cover;object-position:center}.featureArt:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#08090be8)}.featureArt>span{position:absolute;z-index:1;bottom:30px;left:28px;right:20px;display:flex;flex-direction:column}.featureArt small{color:#f0a66e;letter-spacing:.18em;font-size:.62rem}.featureArt strong{font-family:Playfair Display;font-style:italic;font-size:2.3rem}.featureArt b{font-size:.75rem;color:#bbb;margin-top:5px}.catalog{padding:90px 5vw}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.sectionHead h2{font-size:2.3rem;margin:8px 0 0}.sectionHead p{max-width:470px;color:#888;line-height:1.6;font-size:.82rem}.titleGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.titleCard>div{position:relative;aspect-ratio:1/1;overflow:hidden;background:#18191d}.titleCard img{object-fit:cover;filter:saturate(.75);transition:.3s}.titleCard:hover img{transform:scale(1.025);filter:saturate(1)}.titleCard small{display:block;color:#e39a65;letter-spacing:.14em;font-size:.58rem;margin-top:16px}.titleCard h3{margin:5px 0;font-size:1.05rem}.titleCard>span{color:#707176;font-size:.72rem}.how{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:#ffffff12}.how>div{background:#111216;padding:70px 5vw}.how small{color:#d68b56;letter-spacing:.15em}.how h2{font-size:1.6rem}.how p{color:#858585;line-height:1.6}footer{display:flex;justify-content:space-between;padding:35px 5vw;color:#777;font-size:.75rem}.playerShell{min-height:100vh;background:#0a0b0d}.playerHeader{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid #ffffff12}.playerHeader>div{text-align:center;display:flex;flex-direction:column}.playerHeader>div strong{font-size:.78rem;letter-spacing:.18em}.playerHeader>div span{color:#777;font-size:.68rem}.exit{justify-self:end;font-size:2rem;color:#999}.stage{max-width:1160px;margin:auto;padding:30px 30px 0}.stage video{width:100%;aspect-ratio:16/9;display:block;background:#000;box-shadow:0 25px 70px #000}.now{display:flex;align-items:center;gap:12px;background:#121317;padding:12px 17px;color:#777;font-size:.72rem}.now div{display:flex;flex-direction:column}.now small{font-size:.58rem;letter-spacing:.14em}.now strong{color:#eee}.now>span:last-child{margin-left:auto}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.storyControl{max-width:1160px;margin:auto;padding:50px 30px}.controlTitle{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.controlTitle small{color:var(--accent);font-size:.62rem;letter-spacing:.2em}.controlTitle h1{font-size:2rem;margin:7px 0}.controlTitle p{max-width:410px;color:#777;font-size:.8rem;line-height:1.6}.timelineScroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #ffffff18;border-radius:10px;background:#0e0f12;padding:0 12px 16px;scrollbar-color:#555 #17181c}.timeScale,.timeline{width:1170px}.timeline{position:relative}.specialBreak{position:absolute;top:0;bottom:0;z-index:5;width:2px;background:repeating-linear-gradient(180deg,#f0a268 0 7px,transparent 7px 13px);pointer-events:none}.specialBreak.startBreak{left:918px}.specialBreak.endBreak{left:1158px;background:#eee}.specialBreak button{position:absolute;top:5px;left:50%;translate:-50% 0;white-space:nowrap;border:1px solid #f0a268;border-radius:99px;background:#21150f;color:#f0a268;font-size:.55rem;font-weight:700;letter-spacing:.09em;padding:5px 8px;pointer-events:auto;cursor:pointer}.specialBreak.endBreak button{border-color:#eee;background:#191919;color:#eee}.specialBreak.viewed button{box-shadow:0 0 0 3px #8ff0b2}.timeScale{height:38px;margin-left:150px;width:1020px;display:flex;justify-content:space-between;align-items:flex-end;color:#606167;font-size:.6rem;border-bottom:1px solid #ffffff12;padding-bottom:7px}.track{height:70px;display:grid;grid-template-columns:150px 1020px;align-items:center;opacity:.63}.track.active{opacity:1;background:linear-gradient(90deg,#ffffff08,transparent)}.person{position:-webkit-sticky;position:sticky;left:0;z-index:3;height:70px;display:flex;align-items:center;text-align:left;gap:10px;background:#0e0f12;border:0;color:#eee;cursor:pointer}.person>span:last-child{display:flex;flex-direction:column}.person small{color:#777;font-size:.65rem}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--track) 25%,#15161a);color:var(--track);font-weight:700}.scenes{position:relative;height:70px;background:linear-gradient(#ffffff18,#ffffff18) 50%/100% 2px no-repeat,repeating-linear-gradient(90deg,transparent 0 239px,#ffffff0a 240px)}.scenes button{position:absolute;top:50%;translate:-50% -50%;width:31px;height:31px;border:3px solid #0e0f12;border-radius:50%;background:var(--track);color:#111;font-size:.66rem;font-weight:700;cursor:pointer;box-shadow:0 0 0 1px var(--track)}.scenes button.viewed:not([aria-current=true]){box-shadow:0 0 0 1px var(--track),0 0 0 4px #8ff0b2}.scenes button[aria-current=true]{width:39px;height:39px;box-shadow:0 0 0 3px #fff,0 0 18px var(--track)}.specials{display:flex;justify-content:space-between;margin-top:15px}.specials button{background:none;border:0;color:#999;cursor:pointer}.mapJump{display:block;text-align:center;background:#e38f55;color:#160e09;padding:13px 18px;font-size:.78rem;font-weight:700;letter-spacing:.03em}.storyControl{scroll-margin-top:18px}.playerHint{text-align:center;color:#666;font-size:.72rem;padding:0 20px 35px}.playerHint kbd{color:#aaa;border:1px solid #444;padding:3px 6px;border-radius:3px;margin-right:5px}a,button{transition:transform .2s,color .2s}.timelineScroll:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f2a269;outline-offset:3px}.primary:hover{transform:translateY(-2px)}@media(min-width:801px){.stage{max-width:min(900px,calc((100vh - 340px)*1.7778));padding-top:18px}.storyControl{padding-top:24px}.controlTitle{margin-bottom:16px}}@media(max-width:800px){.catalogHero{grid-template-columns:1fr;padding:70px 24px}.featureArt{min-height:470px}.sectionHead{display:block}.titleGrid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.playerHeader{height:64px;padding:0 17px}.playerHeader .brand{font-size:.8rem}.stage{padding:16px 0 0}.now>span:last-child{display:none}.storyControl{padding:38px 16px}.controlTitle{display:block}.track{grid-template-columns:110px 1020px}.timeScale{margin-left:110px}.person{width:110px}.avatar{width:30px;height:30px}.timeScale,.timeline{width:1130px}.timeScale{width:1020px}.sectionHead p{margin-top:15px}}@media(max-width:480px){.titleGrid{gap:12px}.catalog{padding:65px 18px}.featureArt{min-height:400px}footer{gap:20px}.heroCopy h1{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}