/* Video Lab: editorial cinema, scoped to this collection. */
body.vp-page{background:#080a14}
.vp-topbar{background:#080a14;border-color:#ffffff20}
.lab-hero{min-height:850px;min-height:min(950px,100svh);grid-template-columns:1fr 1fr;align-items:center;align-content:center;padding:90px 6vw 100px;gap:3vw;background:radial-gradient(ellipse at 80% 35%,#4530cb55,transparent 55%),#080a14;overflow:hidden}
.lab-hero:before{inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff08 50%,transparent 50.2%);background-size:90px 100%;animation:none}
.lab-hero:after{content:'MOTION';font-size:22vw;bottom:-.1em;color:#ffffff04}
.lab-hero-copy{position:relative;z-index:3}
.lab-hero h1{font-size:clamp(64px,7.8vw,138px);line-height:.94;letter-spacing:-.065em;margin:26px 0}
.lab-hero h1 em{display:block;letter-spacing:-.06em}
.lab-hero p{font-size:clamp(17px,1.35vw,23px);max-width:440px;color:#c2c5db}
.lab-collage{position:relative;min-width:0;height:560px;perspective:1100px;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .25s ease-out}
.lab-frame{display:block;position:absolute;background:#141627;border:1px solid #ffffff55;padding:8px;box-shadow:0 25px 65px #0009;color:white;text-decoration:none;transition:transform .4s,box-shadow .4s;overflow:hidden}
.lab-frame img{display:block;width:100%;height:calc(100% - 34px);object-fit:cover}
.lab-frame span{display:block;padding:12px 4px 4px;font-size:9px;letter-spacing:.12em;white-space:nowrap}
.lab-frame--one{width:75%;height:260px;left:-2%;top:0;transform:rotate(-12deg)}
.lab-frame--two{width:42%;height:400px;right:-2%;top:40px;transform:rotate(9deg);z-index:2}
.lab-frame--three{width:78%;height:220px;bottom:12px;left:-5%;transform:rotate(-4deg);z-index:3}
.lab-frame:hover,.lab-frame:focus-visible{z-index:5;transform:translateY(-12px) rotate(0);box-shadow:0 30px 80px #6d35ff66;outline:2px solid #dfff6d}
.lab-stamp{position:absolute;z-index:4;left:16%;top:205px;display:grid;place-content:center;width:138px;height:138px;border-radius:50%;background:#dfff6d;color:#080a14;text-align:center;font-size:15px;line-height:1.6;transform:rotate(-14deg);box-shadow:0 0 0 9px #dfff6d20}
.lab-hero-foot{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.15em;color:#a6abc5}
.lab-index{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:10px;padding:16px 5vw;background:#0b0e1bf2;border-block:1px solid #ffffff20;backdrop-filter:blur(18px);overflow-x:auto}
.lab-index>span{color:#8f96b3;font-size:10px;white-space:nowrap;margin-right:14px}
.lab-index a{flex-shrink:0;border:1px solid #ffffff30;border-radius:40px;padding:12px 18px;text-decoration:none;font-size:12px}
.lab-index a:hover,.lab-index a:focus-visible{background:#dfff6d;color:#080a14}
.vp-chapter{scroll-margin-top:84px;min-height:85vh;background:radial-gradient(ellipse at 75% 60%,#493cff22,transparent 55%),#0b0e1b!important;border-bottom:1px solid #ffffff16;gap:5vw;padding:100px 6vw}
.vp-chapter:nth-of-type(3n+2){background:radial-gradient(ellipse at 20% 40%,#644bf333,transparent 55%),#15122a!important}
.vp-chapter:nth-of-type(3n){background:#e7ecf5!important;color:#131727}
.vp-chapter:nth-of-type(3n) .vp-copy p{color:#4c5368}
.vp-chapter:nth-of-type(3n) .vp-kicker{color:#4932cb}
.vp-chapter:nth-of-type(3n) .vp-copy h2 em{color:#5132db}
.vp-chapter:before{font-size:clamp(200px,25vw,390px);top:0;color:#8888bb10}
.vp-copy h2{font-size:clamp(45px,5.3vw,88px);line-height:1.02;letter-spacing:-.06em}
.vp-copy h2 em{line-height:1.04}
.vp-copy p{font-size:16px;color:#b2bad1;max-width:450px}
.vp-media{padding:24px;border:1px solid #919bd32b;background:linear-gradient(145deg,#cbd4ff0c,#938aff08);border-radius:32px;min-width:0}
.vp-video{border:1px solid #b5a2ff66;border-radius:16px;box-shadow:0 24px 60px #0006}
.vp-video:nth-child(odd){transform:rotate(-2deg)}
.vp-video figcaption{padding:17px 20px;background:#101226}
.vp-finale{background:radial-gradient(ellipse at 50% 100%,#563ad8,#080a14 70%)}
@media(min-width:1100px){#wow-shop{grid-template-columns:1fr}#wow-shop .vp-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:end}#wow-shop .vp-copy .vp-kicker{grid-column:1/-1}#wow-shop .vp-media{width:100%}#wow-shop .vp-video{width:min(100%,1250px)}}
@media(max-width:900px){.lab-hero{min-height:auto;grid-template-columns:1fr;padding:60px 6vw 85px}.lab-hero h1{font-size:clamp(60px,12vw,100px)}.lab-collage{height:480px;width:min(90%,600px);margin:30px auto 0}.lab-hero-foot span:last-child{display:none}.vp-chapter{grid-template-columns:1fr;padding:75px 6vw;min-height:0}.vp-chapter:nth-of-type(even) .vp-media{order:0}.vp-media{padding:14px}.vp-copy h2{font-size:clamp(44px,8vw,75px)}}
@media(max-width:500px){.lab-collage{height:355px;width:94%}.lab-frame--one{height:165px}.lab-frame--two{height:260px;top:24px}.lab-frame--three{height:160px;bottom:5px}.lab-stamp{width:96px;height:96px;top:126px;font-size:11px}.lab-frame span{font-size:7px;letter-spacing:0}.lab-index{padding:12px 16px}.lab-index>span{display:none}.vp-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lab-collage,.lab-frame{transform:none!important;transition:none}.vp-video{transition:none}}
