.cinematic-scroll{height:245svh;position:relative;background:#100b08}.cinematic-sticky{position:sticky;top:94px;height:calc(100svh - 94px);min-height:610px;overflow:hidden;isolation:isolate;color:#fff3df}.cinematic-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(calc(1 + var(--journey)*.14));opacity:calc(1 - var(--light-stage)*.84)}
.cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080605aa,transparent 65%),linear-gradient(0deg,#0a0705 0%,transparent 42%);pointer-events:none}.shader-animation{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:calc(.4 + var(--light-stage)*.4);mix-blend-mode:screen}.shader-animation canvas{width:100%;height:100%;display:block}.shader-animation[data-renderer=css-fallback]{background:repeating-radial-gradient(ellipse at 55% 55%,transparent 0 50px,#d9ab6444 52px,#f8d59488 54px,transparent 56px 100px);transform:rotate(var(--shader-shift,0deg)) scale(1.5)}
.cinematic-heading{position:absolute;top:10%;left:6%;z-index:4;transform:translateY(calc(var(--light-stage)*-18px));pointer-events:none}.cinematic-heading h1{font-size:clamp(48px,5.9vw,94px);line-height:1.2;text-shadow:0 3px 40px #0009}.cinematic-heading h1 strong{display:block;font-weight:400;color:#e9c985;font-family:var(--serif);font-size:1.18em;letter-spacing:.03em}.cinematic-intro{font-size:20px;color:#eee3d2;line-height:1.75;margin-top:28px;opacity:calc(1 - var(--light-stage))}.cinematic-bed{position:absolute;inset:6% 1% 10% 32%;z-index:2;mix-blend-mode:screen;pointer-events:none}.cinematic-caption{position:absolute;left:6%;bottom:19%;z-index:4;max-width:500px}.cinematic-caption>span{font-size:13px;color:#dbc190;letter-spacing:.2em}.cinematic-caption h2{font-size:30px;margin:14px 0}.cinematic-caption p{color:#e4d5c1;font-size:17px}.cinematic-bottom{position:absolute;left:6%;right:6%;bottom:7%;z-index:5;display:flex;align-items:center;gap:28px}.cinematic-bottom nav{display:flex;gap:14px}.cinematic-bottom button{border:1px solid #d9b97c66;color:#eedab3;background:#100c08bb;min-height:46px;padding:8px 16px;font-size:14px}.cinematic-bottom button[aria-current]{background:#d6b875;color:#17100b}.cinematic-bottom>a{margin-left:auto;font-size:14px;color:#e8c994}.cinematic-note{position:absolute;bottom:2%;left:6%;right:6%;font-size:11px;color:#c4b69f;z-index:5}.cinematic-progress{position:absolute;bottom:0;height:3px;left:0;right:0;transform-origin:left;background:#e8b768;z-index:7}.light-canvas{filter:drop-shadow(0 0 14px #e855231a)}
.light-demo{height:580px}.light-story-grid{grid-template-columns:.7fr 1.5fr}.light-demo-controls{z-index:3}.light-demo-controls button{min-height:44px;color:#ebca8c;background:#17100d;border:1px solid #d1a55d66;padding:10px 18px}
.life-scene{position:relative;overflow:hidden;border:1px solid #cfaa6140}.life-scene img{width:100%;height:auto;display:block}.life-scene figcaption{position:absolute;left:30px;bottom:22px;color:#fff0d6;font-size:14px;text-shadow:0 2px 8px #000}.knowledge{background:#e8e0d2;color:#302820}.knowledge p{color:#5d5041}.knowledge .eyebrow{color:#79562b}.knowledge-head{max-width:780px;margin-bottom:60px}.knowledge-head>p:last-child{margin-top:24px}.spectrum{height:120px;position:relative;border-top:1px solid #a5835166;border-bottom:1px solid #a5835166;margin:35px 0 55px;display:flex;align-items:center;gap:45px;padding:0 35px;overflow:hidden;background:linear-gradient(90deg,#c7474125,#bf815422)}.spectrum:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 35px,#c24d4533 36px 39px,transparent 40px 65px);animation:spectrum-flow 6s linear infinite!important}.spectrum strong{font:42px var(--serif);z-index:1}.spectrum span{font:15px sans-serif;display:block;margin-top:8px}@keyframes spectrum-flow{to{transform:translateX(65px)}}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.knowledge-grid article{border-top:1px solid #80603a55;padding-top:25px}.knowledge h3{font-size:28px;margin-bottom:18px}.knowledge .research-note{margin-top:40px;padding:25px 0;border-top:1px solid #80603a55;font-size:15px}.knowledge a{text-decoration:underline;text-underline-offset:4px}.origin-chapters{padding:100px 0;background:#110e0b}.origin-chapter{display:grid;grid-template-columns:.65fr 1fr;gap:70px;border-top:1px solid #cfa86644;padding:65px 0}.origin-chapter>span{font:clamp(65px,9vw,130px) var(--serif);color:#bc9657;line-height:1}.origin-chapter h3{font-size:36px;line-height:1.4;margin-bottom:24px}.origin-chapter p+p{margin-top:20px}.origin-chapter>div{max-width:680px}.origin-chapters .eyebrow{margin-bottom:35px}.light-demo-large{position:relative;width:100%;height:650px;background:radial-gradient(ellipse at 50% 50%,#4d2a172b,#0b0806 70%);overflow:hidden}.story-intro{max-width:780px;margin-bottom:45px}.story-intro p{margin-top:24px}.section-motion{opacity:1;transform:translateY(var(--section-drift,0px))}
@media(max-width:1000px){.cinematic-heading h1{font-size:64px}.cinematic-bed{inset:16% -4% 15% 25%}.cinematic-caption h2{font-size:25px}.cinematic-caption{max-width:380px}.light-story-grid{grid-template-columns:1fr}.light-demo{height:520px}}
@media(max-width:650px){.cinematic-scroll{height:235svh}.cinematic-sticky{top:76px;height:calc(100svh - 146px);min-height:630px}.cinematic-room{object-position:59% center}.cinematic-shade{background:linear-gradient(180deg,#090605bb,transparent 44%,#090605 85%)}.cinematic-heading{top:25px;left:24px;right:20px}.cinematic-heading .eyebrow{font-size:10px;margin-bottom:12px}.cinematic-heading h1{font-size:43px;line-height:1.1}.cinematic-heading h1 strong{font-size:1.25em}.cinematic-intro{font-size:15px;line-height:1.6;margin-top:16px}.cinematic-bed{inset:125px -12% 155px -12%}.cinematic-caption{left:24px;right:24px;bottom:135px;max-width:none}.cinematic-caption h2{font-size:23px;margin:8px 0}.cinematic-caption p{font-size:14px}.cinematic-bottom{left:24px;right:24px;bottom:48px;gap:8px;flex-wrap:wrap}.cinematic-bottom nav{gap:7px}.cinematic-bottom button{font-size:12px;padding:7px 10px;min-height:40px}.cinematic-bottom>a{font-size:12px;margin-left:0;flex-basis:100%}.cinematic-note{left:24px;right:24px;bottom:10px;font-size:9px;line-height:1.4}.light-demo{height:350px}.light-demo-large{height:380px}.knowledge-grid{grid-template-columns:1fr;gap:30px}.knowledge-head{margin-bottom:32px}.spectrum{padding:0 20px;gap:25px}.spectrum strong{font-size:36px}.knowledge h3{font-size:25px}.origin-chapters{padding:60px 0}.origin-chapter{grid-template-columns:1fr;gap:22px;padding:38px 0}.origin-chapter>span{font-size:55px}.origin-chapter h3{font-size:28px}.life-scene figcaption{font-size:10px;left:15px;bottom:12px}.life-scene img{aspect-ratio:1.2;object-fit:cover;object-position:63% center}}
.cinematic-room{opacity:calc(1 - var(--light-stage))}.shader-animation{opacity:calc(.28 + var(--light-stage)*.16)}
.motion-enter{transition:opacity .85s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)!important;transition-delay:var(--entrance-delay,0ms)!important}
.motion-enter:not(.motion-arrived){opacity:0;transform:translateY(38px)}
@media(max-width:650px){.cinematic-room{top:185px;bottom:auto;height:auto;object-fit:contain;object-position:center;transform:scale(calc(1.05 + var(--journey)*.1))}.cinematic-shade{background:linear-gradient(180deg,#0b0805 0%,transparent 30%,transparent 58%,#090605 78%)}.cinematic-bed{left:0;right:0;top:130px;bottom:165px}.cinematic-sticky{background:radial-gradient(ellipse at 60% 48%,#51331c55,#090705 72%)}}
@media(max-width:650px){.cinematic-room{left:-30%;width:130%;max-width:none;top:175px}.cinematic-intro{text-shadow:0 2px 10px #000}}
.cinematic-scroll{height:min(245svh,2600px)}.cinematic-sticky{max-height:1000px}
@media(max-width:650px){.cinematic-scroll{height:min(235svh,2100px)}.cinematic-sticky{max-height:760px}}
@media(max-width:650px) and (min-height:1100px){.cinematic-scroll{height:1100px}}