/* CONTINUUM II — photographic choreography, not geometry morphing. */
@import url("./gallery-hero.css");
.opening .opening-mark{display:block;width:min(500px,72vw);height:auto;aspect-ratio:842/444;filter:drop-shadow(0 0 3px #d9b8ff33)}
.opening .logo-trace{fill:none;stroke:#fff;stroke-width:42;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:none;animation:draw-line .75s .05s cubic-bezier(.4,0,.25,1) both}
.opening .trace-main{stroke-width:58;animation-duration:1.25s;animation-delay:.25s}
.opening .trace-lower{animation-duration:.85s;animation-delay:.65s}
.opening .opening-content{animation-delay:1.9s}.opening .opening-curtain{animation-delay:2.05s}
.light-compare .compare-divider{pointer-events:auto;touch-action:none;cursor:ew-resize;width:3px}.compare-divider span{pointer-events:auto}
.world-stage{--frame-shift:0;--detail-show:0}.world-background{background:#15121a}.cover-image{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:calc(1 - var(--frame-shift))}.cover-image img{height:100%;transform:translateY(var(--cover-shift,0%)) scale(1.15);object-position:55% center;filter:brightness(.65)}.cover-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#110d1980,transparent 70%),linear-gradient(0deg,#15121ade,transparent 70%)}.detail-image{position:absolute;inset:12% 32% 14% 3%;z-index:0;opacity:var(--detail-show);clip-path:inset(0 calc((1 - var(--detail-show))*50%) 0 calc((1 - var(--detail-show))*50%));background:#e5e2df}.detail-image img{height:100%;object-fit:cover;object-position:center;transform:scale(calc(1.08 - var(--detail-show)*.08))}.detail-image:after{content:"ACTUAL PRODUCT / 公司参考实拍";position:absolute;left:20px;bottom:18px;font:9px Consolas,monospace;color:#38313c;background:#eee9e7dc;padding:7px 11px}.type-landscape{top:19%;z-index:0;color:#f3ece4}.type-landscape span{font-size:clamp(110px,20vw,330px);letter-spacing:-.075em}.type-landscape span:nth-child(2){font-size:12vw;margin-top:0;text-align:right;margin-right:4vw;-webkit-text-stroke:1px #f4e8e894;opacity:.7}.hero-panel h1{font-size:clamp(32px,3.4vw,56px);bottom:18%}.hero-side{top:auto;bottom:21%;width:190px}.hero-side p{font-size:13px}.hero-kicker{color:#fff}.sculpture-label{display:none}.hero-panel h1 em{color:#dfedbd}.hero-bottom .light-palette{display:none}.orbit-floor,#render-stage{display:none}.inspection-title{top:14%;left:auto;right:var(--pad);width:27%}.inspection-title h2{font-size:clamp(27px,3vw,47px)}.inspection-copy{top:42%;width:27%}.inspection-callout{left:5%;bottom:7%}.portal-photo{z-index:0}.portal-panel{z-index:3}.portal-panel h2{max-width:12ch}.chapter-nav{padding:10px 14px;background:#17122190;border-radius:30px;bottom:19px}.chapter-track{display:none}.world-stage[data-chapter="1"] .render-status{color:#baabcb}.cover-line{position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#e4c4fa,#e1f4b9,transparent);z-index:5;transform:scaleX(.65);opacity:.5}.header-actions{gap:15px}.intro-replay{font-size:10px;white-space:nowrap}

/* A short, skippable brand opening. Never locks scrolling or navigation. */
.opening{position:fixed;inset:0;z-index:1000;pointer-events:none;color:#e9dff4}.opening[hidden]{display:none}.opening-curtain{position:absolute;inset:0;background:#171221;animation:curtain-away .65s 1.15s cubic-bezier(.76,0,.24,1) both;transform-origin:top}.opening-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;animation:opening-fade .35s .95s both}.opening svg{width:min(620px,75vw);height:180px;overflow:visible}.opening path{fill:none;stroke:#e9ffd0;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line 1s cubic-bezier(.3,0,.2,1) forwards;filter:drop-shadow(0 0 8px #d9b8ff)}.opening-word{font:clamp(24px,4vw,60px)/1 Arial,sans-serif;letter-spacing:.3em;padding-left:.3em}.opening .micro{color:#b7a3c4;font-size:10px}.opening-skip{position:absolute;right:var(--pad);bottom:40px;border-bottom:1px solid #ddd;padding:12px 0;pointer-events:auto;font-size:12px}.intro-playing .hero-panel h1{animation:hero-in 1s .8s both}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes curtain-away{to{transform:scaleY(0)}}@keyframes opening-fade{to{opacity:0;transform:translateY(-20px)}}@keyframes hero-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}

/* Text-led breathing room, with progressive emphasis instead of a repeated card grid. */
.extra-section{position:relative}.manifesto{padding:110px var(--pad) 65px;background:#e5e0d7;color:#302a32}.section-index{color:#716777}.manifesto-text{font-size:clamp(30px,5.1vw,82px);line-height:1.6;letter-spacing:-.055em;font-weight:500;margin:58px 0 65px;max-width:20ch}.manifesto-text span{color:#a29a9f;transition:color .45s}.manifesto[data-seen=true] .manifesto-text span{color:#584062}.manifesto[data-seen=true] .manifesto-text span:nth-child(2){transition-delay:.15s}.manifesto[data-seen=true] .manifesto-text span:nth-child(3){transition-delay:.3s}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid #40314640;padding-top:28px}.manifesto-bottom p{font-size:12px}.round-arrow{font-size:40px;display:grid;place-items:center;width:80px;height:80px;border:1px solid #604c65;border-radius:50%;transition:background .25s}.round-arrow:hover{background:#c3b2d0}

.light-study{padding:100px var(--pad) 55px;background:#17171a}.study-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:40px;align-items:end;margin-bottom:45px}.study-heading>.micro{align-self:start}.study-heading h2{font-size:clamp(30px,3.5vw,55px)}.study-heading p{font-size:11px;color:#b2a7bb}.light-compare{--reveal:55%;position:relative;aspect-ratio:1.9;overflow:hidden;background:#211a2b}.light-compare img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.compare-base{filter:grayscale(1) brightness(.35)}.compare-colour{position:absolute;inset:0;clip-path:inset(0 0 0 var(--reveal))}.compare-label{position:absolute;top:25px;font:10px Consolas,monospace;letter-spacing:.09em;z-index:2;background:#17122190;padding:8px 12px}.compare-label.left{left:25px}.compare-label.right{right:25px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:1px;background:#f6e8ff;pointer-events:none;z-index:3}.compare-divider span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;background:#eee5f7;color:#34233e;border-radius:50%;font-size:22px}.compare-control{position:absolute;inset:auto 25px 20px;z-index:4;font-size:10px;text-shadow:0 1px 5px #000}.compare-control input{display:block;accent-color:#d9c1ed;width:100%;height:30px;cursor:ew-resize;min-height:36px;border:0}.study-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.study-foot p,.study-foot button{font-size:10px;color:#b9a9c8}.study-foot button{min-height:44px;border-bottom:1px solid #82708f}

.anatomy{display:grid;grid-template-columns:1fr 1.35fr;gap:60px;background:#ded5e7;color:#33243f;padding:110px var(--pad);overflow:hidden}.anatomy h2{font-size:clamp(33px,3.8vw,60px);margin:28px 0}.anatomy h2 em{color:#785391}.anatomy-intro>p{font-size:11px;color:#75627f}.layer-controls{margin:40px 0 25px;display:flex;flex-wrap:wrap;gap:5px}.layer-controls button{border:1px solid #84688e;border-radius:30px;padding:10px 13px;font-size:11px;min-height:44px}.layer-controls button[aria-pressed=true]{background:#392543;color:#f2e9f9}.layer-reading{border-top:1px solid #79638640;padding-top:25px;min-height:160px}.layer-reading h3{font-size:23px}.layer-reading p{font-size:12px;margin-top:15px;max-width:38ch;line-height:1.9}.exploded-stage{position:relative;min-height:550px;border:1px solid #927ba03b;background:radial-gradient(ellipse,#f9f3ff80,transparent 65%)}.exploded-stack{position:absolute;inset:0;perspective:900px}.slab{position:absolute;width:70%;height:120px;left:14%;transform:rotateX(58deg) rotateZ(-30deg);transform-style:preserve-3d;transition:transform .75s var(--ease),filter .5s,opacity .5s;box-shadow:12px 18px 16px #34274025}.slab:after{content:"";position:absolute;top:100%;left:0;right:0;height:16px;transform-origin:top;transform:rotateX(-90deg);background:#9d87b0}.slab span{position:absolute;left:10px;top:10px;font:9px Consolas,monospace;letter-spacing:.1em}.slab-shell{top:21%;background:linear-gradient(150deg,#fff,#d1c3df);border:14px solid #eae0f3;border-radius:15px;color:#765c89;z-index:3}.slab-board{top:40%;background:repeating-linear-gradient(90deg,#9a772d 0 2px,transparent 2px 42px),#282329;display:flex;justify-content:space-around;align-items:center;border:4px solid #4d4054;color:#e4d9ed;z-index:2}.slab-board i{display:block;background:#f1edc0;width:21px;height:26px;box-shadow:0 0 17px #f4ebba}.slab-mount{top:61%;border:15px solid #877b98;background:linear-gradient(#9b8da8,#c9bcd4);color:#43344f}.slab-mount:after{background:#776b85}.exploded-stage[data-layer-view="0"] .slab-shell{transform:translateY(-12px) rotateX(46deg) rotateZ(-25deg)}.exploded-stage[data-layer-view="1"] .slab-board{transform:translateX(24px) scale(1.08) rotateX(38deg) rotateZ(-25deg)}.exploded-stage[data-layer-view="1"] .slab-shell{opacity:.35;transform:translateY(-40px) rotateX(58deg) rotateZ(-30deg)}.exploded-stage[data-layer-view="2"] .slab-mount{transform:translateY(18px) rotateX(38deg) rotateZ(-20deg)}.exploded-stage[data-layer-view="2"] .slab-shell,.exploded-stage[data-layer-view="2"] .slab-board{opacity:.3}.technical-cross{position:absolute;color:#8d769c;font-size:20px}.cross-a{top:15px;left:20px}.cross-b{right:20px;bottom:20px}.anatomy-caption{position:absolute;bottom:20px;left:20px;font-size:8px;color:#806e8c}.dimension-line{position:absolute;top:30px;right:15px;writing-mode:vertical-rl;font:9px Consolas,monospace;letter-spacing:.12em;color:#806e8c}

.space-reel{padding:95px 0 40px;background:#1a201c;color:#e2e8d8;overflow:hidden}.reel-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:0 var(--pad);margin-bottom:45px}.reel-heading h2{font-size:clamp(34px,4vw,64px);margin-top:25px}.reel-controls{display:flex;gap:10px}.reel-controls button{height:50px;width:50px;border:1px solid #b6caa670;border-radius:50%;font-size:22px}.reel-controls button:hover{background:#d7ffa0;color:#20321d}.reel-controls button:disabled{opacity:.3;cursor:default}.reel-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding:0 var(--pad) 25px;scrollbar-color:#a3b18c #344133;scrollbar-width:thin}.reel-card{flex:0 0 68%;scroll-snap-align:start;position:relative;background:#111712}.reel-card img{aspect-ratio:1.8;height:auto;object-fit:cover}.reel-card:last-child img{object-position:50% 55%}.reel-card>div{padding:30px;display:grid;grid-template-columns:1.5fr 1fr;gap:14px 30px}.reel-card .micro{grid-column:span 2;color:#a5b99b}.reel-card h3{font-size:clamp(25px,2.7vw,43px)}.reel-card p{font-size:11px;color:#aab8a4}.reel-card a{font-size:11px;grid-column:span 2;text-decoration:underline;text-underline-offset:6px;padding-top:12px}.reel-bottom{display:flex;justify-content:space-between;align-items:center;padding:25px var(--pad) 0;gap:25px;color:#b0be9f}.reel-bottom p{font-size:9px}.reel-bottom>.micro{white-space:nowrap}

.field-notes{padding:105px var(--pad);background:#e9e5dc;color:#302637}.notes-title{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:end;margin-bottom:60px}.notes-title>.micro{align-self:start}.notes-title h2{font-size:clamp(32px,3.5vw,54px)}.notes-title p{font-size:11px}.note-row{display:grid;grid-template-columns:70px 1fr 200px 40px;gap:30px;width:100%;align-items:center;text-align:left;border-top:1px solid #846b923d;padding:26px 0;transition:padding .35s,background .35s}.note-row:last-child{border-bottom:1px solid #846b923d}.note-row:hover,.note-row:focus-visible{background:#dcd0e6;padding-left:18px;padding-right:18px}.note-row .note-number{font:12px Consolas,monospace;align-self:start;padding-top:5px;color:#8a7097}.note-row small{font:9px Consolas,monospace;letter-spacing:.1em;color:#83668f}.note-row h3{font-size:clamp(23px,2.4vw,36px);margin:12px 0}.note-row p{font-size:11px;color:#796681}.note-row img{height:105px;object-fit:cover;transition:transform .35s}.note-row:hover img{transform:rotate(-3deg)}.note-arrow{font-size:27px;text-align:right}.reading-room{border:0;background:#e9e1ed;color:#33253d;max-width:740px;width:calc(100% - 36px);max-height:85svh;padding:60px;overflow:auto}.reading-room::backdrop{background:#110b1bca;backdrop-filter:blur(8px)}.reading-room[open]{animation:hero-in .3s both}.reading-close{display:block;margin-left:auto;margin-bottom:35px;border-bottom:1px solid #594065;padding:10px 0;font-size:12px}.reading-room h2{font-size:clamp(28px,3vw,44px);margin:25px 0}.reading-room h3{font-size:19px;margin:24px 0 12px}.reading-room p{font-size:14px;line-height:2}.reading-disclaimer{border-top:1px solid #856d9633;padding-top:25px;margin-top:30px;font-size:11px!important;color:#806b8d}

.project-guide{padding:95px var(--pad);display:grid;grid-template-columns:1fr 1.3fr;gap:100px;background:#24202a}.project-guide h2{font-size:clamp(35px,4vw,60px);margin:30px 0}.project-guide>div>p{font-size:12px;color:#b4a5bf}.guide-cta{font-size:12px;display:inline-block;border-bottom:1px solid #b89cce;padding:12px 0;margin-top:22px}.guide-questions details{border-top:1px solid #d2b8e330;padding:23px 0}.guide-questions summary{list-style:none;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;gap:20px;min-height:30px}.guide-questions summary::-webkit-details-marker{display:none}.guide-questions summary span{font-size:20px;color:#d7ffa0}.guide-questions p{font-size:12px;color:#b8a9c5;padding-top:20px;max-width:52ch}.guide-questions details[open] summary span{transform:rotate(45deg)}

.simple *,.simple *:before,.simple *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.simple .cover-image img{transform:none}.simple .opening{display:none}.simple .note-row:hover img{transform:none}.simple .manifesto-text span{color:#584062}
@media(max-width:1050px){.intro-replay{display:none}.study-heading,.notes-title{grid-template-columns:1.4fr 1fr;gap:25px}.study-heading>.micro,.notes-title>.micro{grid-column:span 2}.anatomy{gap:25px}.slab{width:77%;left:9%}.layer-controls{gap:5px}.layer-controls button{font-size:10px;padding:9px}.note-row{grid-template-columns:35px 1fr 150px 25px;gap:18px}.project-guide{gap:50px}.inspection-copy{top:41%}.inspection-title h2{font-size:32px}}
@media(max-width:760px){.cover-image img{object-position:62% center}.type-landscape{top:20%}.type-landscape span{font-size:28vw}.type-landscape span:nth-child(2){font-size:17vw;margin-top:4vh;margin-right:3vw}.hero-panel h1{bottom:24%;font-size:34px}.hero-side{bottom:12%;top:auto;width:auto;left:var(--pad);right:var(--pad);display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-side .tiny-cross{display:none}.hero-side p{font-size:10px;margin:0}.hero-side a{font-size:10px;white-space:nowrap}.hero-bottom{bottom:32px}.hero-bottom>.micro{max-width:150px}.chapter-nav{padding:7px 10px;right:16px;bottom:19px}.detail-image{inset:12% 6% 43%}.detail-image:after{font-size:7px;left:10px;bottom:12px}.inspection-title{left:var(--pad);right:auto;top:60%;width:44%}.inspection-title>.micro{font-size:7px}.inspection-title h2{font-size:27px;margin-top:12px}.inspection-copy{top:58%;right:var(--pad);width:44%;bottom:auto}.inspection-copy>.micro,.inspection-copy>p:not(.inspection-note){display:none}.inspection-index{margin-top:0}.inspection-index button{min-height:42px}.inspection-callout{bottom:10%;font-size:7px;left:var(--pad);width:40%}.inspection-callout span{font-size:7px}.portal-panel h2{font-size:43px}.opening svg{height:120px}.manifesto{padding-top:65px;padding-bottom:40px}.manifesto-text{font-size:clamp(24px,6.8vw,40px);margin:38px 0 40px;line-height:1.8;max-width:100%}.manifesto-bottom{flex-wrap:wrap;gap:25px}.manifesto-bottom>.micro{width:100%;font-size:8px}.manifesto-bottom p{font-size:11px}.round-arrow{width:54px;height:54px;font-size:29px}.light-study{padding-top:60px;padding-bottom:35px}.study-heading{display:block;margin-bottom:25px}.study-heading h2{font-size:33px;margin:24px 0}.study-heading p{font-size:10px}.light-compare{aspect-ratio:.95}.light-compare img{object-position:60% center}.compare-label{font-size:7px;top:15px;padding:6px 8px}.compare-label.left{left:10px}.compare-label.right{right:10px}.compare-divider span{width:42px;height:42px}.compare-control{left:15px;right:15px;bottom:12px}.study-foot{flex-wrap:wrap;gap:10px}.study-foot>.micro{width:100%;font-size:8px}.study-foot p{font-size:8px}.anatomy{display:flex;flex-direction:column;padding-top:65px;padding-bottom:45px;gap:15px}.anatomy h2{font-size:35px}.anatomy-intro>p{font-size:10px}.layer-controls{margin:25px 0}.layer-controls button{flex:1;font-size:9px;padding:9px 5px}.layer-reading{min-height:125px}.layer-reading h3{font-size:21px}.layer-reading p{font-size:11px;max-width:none}.exploded-stage{min-height:410px}.slab{height:90px;width:76%;left:12%}.slab span{font-size:7px;left:5px;top:5px}.slab-board i{width:14px;height:20px}.slab-shell{border-width:10px}.slab-mount{border-width:10px}.anatomy-caption{font-size:7px;bottom:15px;left:15px}.dimension-line{font-size:7px}.space-reel{padding-top:60px;padding-bottom:30px}.reel-heading{align-items:end;gap:12px;margin-bottom:30px}.reel-heading .micro{font-size:8px}.reel-heading h2{font-size:30px;margin-top:18px}.reel-controls{gap:6px}.reel-controls button{height:38px;width:38px;font-size:18px}.reel-track{gap:15px}.reel-card{flex-basis:88%}.reel-card img{aspect-ratio:.95}.reel-card>div{display:block;padding:22px}.reel-card h3{font-size:25px;margin:16px 0}.reel-card p{font-size:11px}.reel-card a{display:inline-block;padding-top:22px}.reel-bottom{flex-wrap:wrap;gap:15px}.reel-bottom p{order:3;font-size:8px;width:100%}.reel-bottom>.micro{font-size:8px}.field-notes{padding-top:65px;padding-bottom:50px}.notes-title{display:block;margin-bottom:30px}.notes-title h2{font-size:33px;margin:23px 0}.notes-title p{font-size:11px}.note-row{grid-template-columns:22px 1fr 22px;gap:12px;padding:24px 0}.note-row h3{font-size:22px}.note-row img{display:none}.note-row small{font-size:8px}.note-row p{font-size:10px}.note-row:hover,.note-row:focus-visible{padding-left:5px;padding-right:5px}.note-arrow{font-size:23px}.reading-room{padding:25px}.reading-room h2{font-size:29px}.reading-room p{font-size:12px}.reading-room h3{font-size:18px}.project-guide{display:block;padding-top:60px;padding-bottom:45px}.project-guide h2{font-size:37px}.project-guide>div>p{font-size:11px}.guide-questions{margin-top:40px}.guide-questions summary{font-size:14px}.guide-questions p{font-size:11px}.opening-skip{bottom:25px}.site-header{gap:8px}.header-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.opening{display:none!important}.cover-image img{transform:none}.manifesto-text span{color:#584062}.reading-room[open]{animation:none}}