/* One continuous page-turn grammar, with a product-led hero. */
html{scroll-snap-type:y proximity}
main>section{scroll-snap-align:start}
main>section:not(.journey){--turn:1;--exit:0;position:relative;isolation:isolate;transform-origin:50% 0;transform:perspective(1500px) rotateX(calc((1 - var(--turn))*-14deg)) translateY(calc((1 - var(--turn))*-48px - var(--exit)*18px)) scale(calc(.86 + var(--turn)*.14 - var(--exit)*.045));opacity:calc(1 - var(--exit)*.18);backface-visibility:hidden}
main>section:not(.journey)>.chapter-cover{position:absolute;top:0;left:0;right:0;height:min(100svh,100%);z-index:9;pointer-events:none;background:inherit;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding:var(--pad);clip-path:inset(calc(var(--turn)*100%) 0 0 0);transform:translateY(calc(var(--turn)*-9%));overflow:hidden}
.chapter-cover small{font:10px/1.4 Consolas,monospace;letter-spacing:.16em;opacity:.65;margin-bottom:28px}
.chapter-cover strong{font:400 clamp(52px,8vw,130px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;max-width:13ch}
.chapter-cover i{display:block;width:25%;height:1px;background:currentColor;opacity:.5;margin-top:45px;transform:scaleX(calc(1 - var(--turn)));transform-origin:right}
main>section:not(.journey)::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#eee0cb9c 35%,#eee0cb9c 65%,transparent);transform:scaleX(var(--turn));transform-origin:center;pointer-events:none;z-index:10}
.journey{--exit:0}.journey .world-stage{transform-origin:50% 0;transform:scale(calc(1 - var(--exit)*.045)) translateY(calc(var(--exit)*-18px));opacity:calc(1 - var(--exit)*.18)}
main>section:not(.journey) :is(.manifesto-text,.atlas-intro h2,.study-heading h2,.reel-heading h2,.systems-head h2,.anatomy-intro h2,.origin-copy h2,.notes-title h2,.project-guide h2,.create-title h2){transform:translateY(calc((1 - var(--turn))*56px));opacity:calc(.2 + var(--turn)*.8)}
main>section:not(.journey) :is(.image-orchestra,.light-compare,.reel-track,.system-specimen,.exploded-stage,.factory-window,.notes-list,.creation-desk){transform:translateY(calc((1 - var(--turn))*42px)) scale(calc(.94 + var(--turn)*.06));transform-origin:50% 0}
.pointer-light{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:var(--pointer-opacity,0);background:radial-gradient(220px circle at var(--pointer-x,50%) var(--pointer-y,50%),#f5dfaa30,transparent 75%);mix-blend-mode:screen;transition:opacity .4s}
.manifesto .pointer-light,.systems-section .pointer-light,.field-notes .pointer-light,.create-section .pointer-light,.anatomy .pointer-light{background:radial-gradient(220px circle at var(--pointer-x,50%) var(--pointer-y,50%),#9376b12b,transparent 75%);mix-blend-mode:multiply}
.orbit-image img,.reel-card img,.factory-window img{translate:var(--media-x,0px) var(--media-y,0px);transition:translate .3s ease-out}
.world-stage[data-chapter="0"]{background:#141116}
.world-stage[data-chapter="0"] .world-background{background:radial-gradient(ellipse at 50% 58%,#4c334a 0%,#241a28 35%,#131116 75%)}
.world-stage[data-chapter="0"] .chapter-nav{background:#201b22c7}
.world-stage[data-chapter="0"] .chapter-nav a{color:#aaa0aa}
.world-stage[data-chapter="0"] .chapter-nav a[aria-current=step]{color:#fff1d9}
.site-header{color:#f1e8e4;border-color:#e9d7d01d}
.identity small{color:#b9aeb9}.identity>span{border-color:#d1becf55}.project-link{border-color:#eed9d875}.project-link:hover{background:#eee3da;color:#231b27}.site-header button{border-color:#a596a0}
.atelier-hero{color:#f4eee8;background:radial-gradient(ellipse at 52% 58%,#a37b6b17,transparent 60%)}
.atelier-hero:after{height:14%;bottom:-14%;background:#100e13}
.atelier-title{left:8%;top:18%;font-size:clamp(70px,10.3vw,168px);color:#f0eae5;opacity:.92;z-index:1}
.atelier-title em{margin-left:13vw;color:#ab92a9}
.atelier-title .micro{color:#b9a9af}
.atelier-coordinate,.atelier-caption{color:#b8a8b2}
.light-object{left:18%;top:19%;width:69%;height:72%;z-index:4;transform:translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform .15s ease-out}
.light-object .light-sculpture{width:100%;height:100%;object-fit:contain;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotateZ(var(--roll,0deg));filter:drop-shadow(0 26px 35px #e5b5941e)}
.object-shadow{left:16%;right:8%;bottom:14%;background:#0007;filter:blur(22px)}
.atelier-orbit{display:none}
.floating-scene{background:#211a21;padding:5px;box-shadow:0 22px 45px #08060b88}
.floating-scene figcaption{color:#d3c4cd}
.scene-left{left:5%;top:41%;width:14%;height:19%;--angle:-7deg}
.scene-right{right:4%;top:29%;width:14%;height:25%;--angle:7deg}
.atelier-copy{left:var(--pad);bottom:13%;z-index:6;text-shadow:0 2px 18px #110e14}
.atelier-copy p{color:#c8b9c4}.atelier-copy a{border-color:#cab2bc}
.atelier-caption{right:5%;bottom:19%;z-index:6}
.atelier-controls{bottom:8%;z-index:6}.atelier-controls button{border-color:#dec4d477}.atelier-controls button:hover{background:#f3dfd4;color:#261b24}
.atelier-help{color:#b5a4b0}.light-object:focus-visible{outline-color:#eed0db}
.drag-trail{z-index:5}
@media(min-width:761px) and (max-height:800px){.atelier-hero .atelier-title{top:16%;font-size:9.2vw}.atelier-hero .light-object{top:21%;left:20%;width:66%;height:68%}.atelier-hero .atelier-copy{bottom:13%}.atelier-hero .scene-left{top:39%;height:19%;width:13%}.atelier-hero .scene-right{top:27%;height:24%;width:13%}}
@media(max-width:760px){html{scroll-snap-type:none}main>section:not(.journey){transform:translateY(calc((1 - var(--turn))*15px));opacity:1}main>section:not(.journey)>.chapter-cover{height:min(42svh,100%)}.chapter-cover strong{font-size:clamp(30px,9vw,55px)}.journey .world-stage{transform:none;opacity:1}.atelier-title{font-size:13.6vw;left:7%;top:21%}.atelier-title em{margin-left:4vw}.atelier-coordinate{top:14%}.light-object{left:2%;top:30%;width:96%;height:43%}.floating-scene{display:none}.atelier-copy{bottom:13%;max-width:62%}.atelier-caption{bottom:19%;right:var(--pad)}.atelier-controls{bottom:8%}.pointer-light{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}main>section:not(.journey),.journey .world-stage,main>section:not(.journey) :is(.manifesto-text,.atlas-intro h2,.study-heading h2,.reel-heading h2,.systems-head h2,.anatomy-intro h2,.origin-copy h2,.notes-title h2,.project-guide h2,.create-title h2,.image-orchestra,.light-compare,.reel-track,.system-specimen,.exploded-stage,.factory-window,.notes-list,.creation-desk){transform:none!important;opacity:1!important}main>section:not(.journey)>.chapter-cover,.pointer-light{display:none}.orbit-image img,.reel-card img,.factory-window img{translate:none!important}}
.simple main>section:not(.journey),.simple .journey .world-stage,.simple main>section:not(.journey) :is(.manifesto-text,.atlas-intro h2,.study-heading h2,.reel-heading h2,.systems-head h2,.anatomy-intro h2,.origin-copy h2,.notes-title h2,.project-guide h2,.create-title h2,.image-orchestra,.light-compare,.reel-track,.system-specimen,.exploded-stage,.factory-window,.notes-list,.creation-desk){transform:none!important;opacity:1!important}.simple main>section:not(.journey)>.chapter-cover,.simple .pointer-light{display:none}
