.cinematic-journey{--pointer-x:0;--pointer-y:0;perspective:1200px;background:#050505}.cinematic-world{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;transform-style:preserve-3d}.cinematic-world:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at calc(50% + var(--pointer-x)*7%) calc(45% + var(--pointer-y)*5%),rgba(255,30,35,.16),transparent 28%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 48%);filter:blur(4px)}.cinematic-grid{position:absolute;left:-35%;right:-35%;bottom:-30%;height:68%;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:70px 70px;transform:perspective(650px) rotateX(67deg) translateY(calc(var(--journey)*-110px));transform-origin:center bottom;-webkit-mask-image:linear-gradient(0deg,#000,transparent 88%);mask-image:linear-gradient(0deg,#000,transparent 88%);opacity:.38}.cinematic-beam{position:absolute;width:1px;height:72vh;top:13vh;background:linear-gradient(transparent,rgba(255,35,40,.85),transparent);filter:drop-shadow(0 0 10px rgba(255,25,30,.65));opacity:calc(.12 + var(--journey)*.42)}.cinematic-beam--a{left:20%;transform:rotate(calc(-18deg + var(--journey)*25deg)) translateX(calc(var(--pointer-x)*22px))}.cinematic-beam--b{right:18%;transform:rotate(calc(21deg - var(--journey)*30deg)) translateX(calc(var(--pointer-x)*-18px))}.cinematic-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform-style:preserve-3d}.cinematic-ring--far{width:68vw;height:68vw;margin:-34vw;transform:rotateX(67deg) rotate(calc(var(--journey)*110deg));opacity:.24}.cinematic-ring--mid{width:47vw;height:47vw;margin:-23.5vw;transform:rotateY(64deg) rotate(calc(var(--journey)*-150deg));border-color:rgba(255,25,30,.2)}.cinematic-ring--near{width:30vw;height:30vw;margin:-15vw;transform:rotateX(58deg) rotateY(22deg) rotate(calc(var(--journey)*190deg));opacity:.3}.cinematic-core{transform-style:preserve-3d;transform:translate3d(calc(var(--pointer-x)*18px),calc(var(--pointer-y)*14px),0) rotateX(calc(var(--pointer-y)*-4deg)) rotateY(calc(var(--pointer-x)*6deg)) scale(calc(1 + var(--journey)*.16));transition:filter .25s ease;will-change:transform}.cinematic-core__depth{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}.cinematic-core__depth img{width:100%;height:100%;object-fit:contain}.cinematic-core__depth--back{transform:translate3d(calc(var(--pointer-x)*-8px),calc(var(--pointer-y)*-6px),-45px) scale(1.08);opacity:.2;filter:blur(13px) saturate(1.6)}.cinematic-core__depth--main{transform:translateZ(35px)}.cinematic-core__glint{position:absolute;inset:10%;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18) 48%,transparent 60%);mix-blend-mode:screen;transform:translateX(calc(-55% + var(--journey)*110%)) rotate(12deg);filter:blur(3px);opacity:.65}.cinematic-index{position:absolute;z-index:5;left:4vw;bottom:4vw;display:flex;flex-direction:column;gap:5px;font-size:8px;letter-spacing:.18em;color:#5c5c5c;pointer-events:none}.cinematic-index b{font-weight:500;color:#9a9a9a}.cinematic-journey .chapter,.cinematic-journey .journey__intro,.cinematic-journey .journey__manifesto,.cinematic-journey .journey__statement{transform-style:preserve-3d}.cinematic-journey .chapter--active h2{text-shadow:0 0 45px rgba(255,255,255,.08)}@media(max-width:720px){.cinematic-grid{background-size:42px 42px;opacity:.22}.cinematic-ring--far{width:125vw;height:125vw;margin:-62.5vw}.cinematic-ring--mid{width:92vw;height:92vw;margin:-46vw}.cinematic-ring--near{width:62vw;height:62vw;margin:-31vw}.cinematic-core{transform:translate3d(calc(var(--pointer-x)*6px),calc(var(--pointer-y)*5px),0) scale(calc(.94 + var(--journey)*.08))}.cinematic-beam{opacity:.14}.cinematic-index{display:none}}@media(prefers-reduced-motion:reduce){.cinematic-beam,.cinematic-core,.cinematic-core__glint,.cinematic-grid,.cinematic-ring{transform:none!important;transition:none!important}}