.phead h1{font-size:clamp(2.6rem,7.5vw,6.4rem)}
.metas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--line)}
.metas div{padding:18px 18px 18px 0;border-bottom:1px solid var(--line);min-width:0}
.metas dt{color:var(--dim);margin-bottom:6px}
.metas dd{margin:0;font-size:.98rem}
.xray{position:relative;max-width:1100px;margin-inline:auto}
.xray .stack{aspect-ratio:16/9}
.xray.open .stack .sc{transform:rotateX(52deg) rotateZ(-32deg) scale(.74)}
.xray.open .ly-grid{transform:translateZ(-80px)}
.xray.open .ly-wire{opacity:1}
.xray.open .ly-ui{transform:translateZ(90px);box-shadow:0 40px 80px -24px rgba(0,0,0,.7)}
.xray.open .ly .tag{opacity:1}
.xbtn{position:absolute;right:12px;top:12px;z-index:3;all:unset;position:absolute;right:14px;top:14px;cursor:pointer;padding:8px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--line2);backdrop-filter:blur(12px);font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.xbtn:hover{border-color:var(--ink)}
.xbtn:focus-visible{outline:2px solid var(--mint)}
.story{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.row2{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);padding-block:clamp(30px,4vw,48px);border-top:1px solid var(--line)}
.row2 h2{font-size:clamp(1.5rem,2.6vw,2.1rem);position:sticky;top:100px;align-self:start}
.row2 p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;max-width:60ch;color:#D8D4E0}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(20,18,26,.5);font-size:1.02rem}
.steps li::before{content:counter(s,decimal-leading-zero);font:500 .74rem var(--mono);color:var(--mint);padding-top:4px}
.big-stat{display:flex;gap:18px;align-items:baseline;margin-top:24px}
.big-stat strong{font:600 clamp(3.4rem,8vw,6rem)/1 var(--display);letter-spacing:-.04em}
.lockbox{max-width:640px;margin-inline:auto;padding:clamp(24px,4vw,40px);border:1px solid var(--line2);border-radius:18px;background:var(--panel);backdrop-filter:blur(16px);text-align:center}
.lockbox .ic{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;display:grid;place-items:center;background:rgba(255,210,181,.12);color:var(--peach)}
.lockbox h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.lockbox p{color:var(--dim);margin-top:12px}
.lockbox form{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.lockbox input{flex:1 1 200px;min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:inherit}
.lockbox input:focus{outline:2px solid var(--mint);outline-offset:1px}
.lockbox .msg{margin-top:14px;color:var(--peach);font-size:.92rem;min-height:1.4em}
.next{display:block;padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--line)}
.next .mono{color:var(--dim)}
.next h2{font-size:clamp(2.4rem,7vw,6rem);margin-top:12px;transition:transform .6s var(--ease)}
.next:hover h2{transform:translateX(16px)}
.glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.glance>div{padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:16px;background:rgba(20,18,26,.55);backdrop-filter:blur(10px)}
.glance .mono{color:var(--mint);font-size:.74rem}
.glance p{margin-top:12px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:18px;margin-top:8px;align-items:end}
.shots figure{margin:0}
.shots figcaption{margin-top:10px;color:var(--dim);font-size:.9rem}
.shots .stack{aspect-ratio:4/3}
.shots .stack.tall{aspect-ratio:3/4}
.shots .stack .ly-wire,.shots .stack .ly-grid{display:none}
.shots .stack .sc{transition:transform .8s var(--ease)}
.shots figure:hover .stack .sc{transform:translateY(-6px) scale(1.02)}
@media (max-width:760px){.row2{grid-template-columns:1fr}.row2 h2{position:static}.glance{grid-template-columns:1fr}}

.cover{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#000;max-height:78vh;display:grid;place-items:center}
.cover-i{width:100%;height:100%;will-change:transform}
.cover img{width:100%;height:auto;max-height:78vh;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.6s var(--ease)}
.cover.in img{transform:scale(1)}
.story>*{min-width:0;max-width:100%}
.cs-b{min-width:0;padding-block:clamp(30px,4vw,48px);border-top:1px solid var(--line)}
.cs-h{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);margin-bottom:clamp(18px,2.4vw,28px)}
.cs-h h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.cs-h p{font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.55;color:#D8D4E0;max-width:60ch}
figure{margin:0}
figcaption{margin-top:12px;color:var(--dim);font-size:.92rem}
.shot img{display:block;width:100%;height:auto;border-radius:14px;cursor:zoom-in}
.shot.light img{background:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px var(--line)}
.shot.dark img{background:#000;border:1px solid var(--line)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.sidegrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:24px;align-items:center}
.sidegrid p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;color:#D8D4E0}
.ill img{width:100%;height:auto;border-radius:16px;display:block;cursor:zoom-in}
/* before / after */
.ba{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);--p:50%;user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ba-b{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-h{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 20px rgba(0,0,0,.5)}
.ba-h::after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:18px}
.ba-t{position:absolute;top:14px;padding:6px 10px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff;font-size:.7rem;pointer-events:none}
.ba-t.l{left:14px}.ba-t.r{right:14px}
.ba input:focus-visible~.ba-h::after{outline:2px solid var(--mint);outline-offset:3px}
/* scrolling pages */
.pages{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:18px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.pages.one{grid-auto-columns:minmax(0,640px);justify-content:center}
.page{scroll-snap-align:start}
.pf{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line2);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.pf-bar{height:24px;background:#ECEAF0;display:flex;gap:5px;align-items:center;padding-inline:10px}
.pf-bar i{width:7px;height:7px;border-radius:50%;background:#C9C5D2}
.pf-v{height:clamp(340px,34vw,460px);overflow:hidden;position:relative}
.pages.one .pf-v{height:clamp(420px,60vw,720px)}
.pf-v img{width:100%;height:auto;display:block;transform:translateY(0);transition:transform var(--dur,6s) cubic-bezier(.45,0,.35,1);cursor:zoom-in}
.page:hover .pf-v img,.page.go .pf-v img{transform:translateY(var(--dist,0))}
/* reel */
.reel{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,860px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.slide{scroll-snap-align:start}
.slide .mono{color:var(--mint);margin-right:6px}
.reel-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
/* screens */
.scr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:center;padding-block:clamp(16px,2.4vw,28px)}
.scr.flip .scr-m{order:2}
.scr-m{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.scr-m video,.scr-m img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#fff}
.scr-m img{cursor:zoom-in}
.scr-t .mono{color:var(--mint)}
.scr-t h3{font-size:clamp(1.8rem,4vw,3.2rem);margin-top:10px;letter-spacing:-.02em}
.scr-t p{margin-top:14px;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.55;color:#D8D4E0;max-width:44ch}
/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(6,6,10,.92);backdrop-filter:blur(8px);display:none;overflow:auto;padding:clamp(16px,4vw,48px);cursor:zoom-out}
.lb.on{display:block}
.lb img{display:block;margin-inline:auto;max-width:min(100%,1400px);height:auto;border-radius:12px;background:#fff}
.lb button{position:fixed;top:16px;right:16px}
@media (max-width:760px){
 .cs-h,.duo,.sidegrid,.scr{grid-template-columns:1fr}
 .scr.flip .scr-m{order:0}
 .pages{grid-auto-columns:78%}
 .reel{grid-auto-columns:88%}
 .cover img{max-height:none}
}