/* Three designed worlds on a rotating 3D deck. */
.lab-preview-shell.has-lab-carousel{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 0 18px;min-height:500px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#59659322,transparent 64%)}
.lab-carousel{--carousel-height:380px;position:relative;width:100%;height:calc(var(--carousel-height) + 55px);min-height:340px;flex:none;perspective:1350px;touch-action:pan-y;outline-offset:-5px;cursor:grab;isolation:isolate}
.lab-carousel:active{cursor:grabbing}
.lab-carousel:focus-visible{outline:1px solid #b4c4ff;border-radius:10px}
.lab-carousel__deck{position:absolute;inset:0;transform-style:preserve-3d;perspective:1350px;pointer-events:none}
.lab-carousel .lab-carousel__card{position:absolute;width:76%;top:50%;left:12%;margin:0;transform-style:preserve-3d;transform-origin:center center;backface-visibility:hidden;transition:transform 1.1s cubic-bezier(.22,.8,.2,1),filter .8s,opacity .8s;will-change:transform;box-shadow:0 28px 45px #0007,0 0 0 1px #ffffff15;pointer-events:none;border-radius:7px;user-select:none}
.lab-carousel__card[data-slot="0"]{transform:translate3d(0,-50%,45px) rotateY(0deg);filter:brightness(1);opacity:1;z-index:3}
.lab-carousel__card[data-slot="-1"]{transform:translate3d(-64%,-50%,-170px) rotateY(58deg);filter:brightness(.58);opacity:.78;z-index:1}
.lab-carousel__card[data-slot="1"]{transform:translate3d(64%,-50%,-170px) rotateY(-58deg);filter:brightness(.58);opacity:.78;z-index:1}
.lab-carousel__card[data-active="true"]{pointer-events:auto}
.lab-carousel .brand-preview-nav{padding:19px 22px}.lab-carousel .brand-preview-body{min-height:280px}.lab-carousel .brand-preview-copy{padding:30px 20px}.lab-carousel .brand-preview h3{font-size:clamp(25px,5.6cqw,48px)}
.lab-carousel__orbit{position:absolute;left:10%;right:10%;bottom:9px;height:82px;border:1px solid #a6b7f127;border-radius:50%;box-shadow:0 14px 40px #7582b60d;pointer-events:none;background:radial-gradient(ellipse,transparent 42%,#b9b6ff09 70%,transparent 72%);transform:rotateX(62deg) rotateZ(var(--carousel-turn,0deg));transition:transform 1.1s cubic-bezier(.22,.8,.2,1)}
.lab-carousel__orbit:before,.lab-carousel__orbit:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#b4c2ff;box-shadow:0 0 14px #b4c2ff;top:calc(50% - 2px)}
.lab-carousel__orbit:before{left:-2px}.lab-carousel__orbit:after{right:-2px;opacity:.4}
.lab-carousel__controls{display:flex;justify-content:center;align-items:center;gap:12px;position:relative;z-index:4;min-height:40px;width:100%;padding:0 18px;flex-wrap:wrap}
.lab-carousel__arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;background:#d0d9ff08;border:1px solid #a6b4dc44;color:#d9dffa;transition:background .2s,border-color .2s;cursor:pointer}
.lab-carousel__arrow:hover{background:#b6c7ff20;border-color:#bccaff}
.lab-carousel__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.lab-carousel__dots{display:flex;gap:4px;padding:4px;border:1px solid #b0baff1f;border-radius:30px;background:#090d1940}
.lab-carousel__dots button{width:30px;height:26px;padding:0;border:0;background:none;border-radius:20px;color:#8f9bb8;font:9px/1 var(--f-mono);cursor:pointer;transition:background .25s,color .25s}
.lab-carousel__dots button[aria-pressed=true]{background:#bfccff;color:#1a233b;box-shadow:0 0 20px #b7c2ff19}
.lab-carousel__indicator{font:9px/1.4 var(--f-mono);letter-spacing:.03em;color:#aebada;min-width:70px;margin-left:3px}
.lab-carousel .brand-preview[data-device=mobile]{width:250px;left:calc(50% - 125px);border:5px solid #444b5c;border-radius:22px}
.lab-carousel[data-device=mobile]{--carousel-height:560px;min-height:580px}
.lab-carousel .brand-preview[data-device=mobile] .brand-preview-copy{padding:24px 20px}.lab-carousel .brand-preview[data-device=mobile] h3{font-size:36px}.lab-carousel .brand-preview[data-device=mobile] .brand-preview-body{min-height:0}.lab-carousel .brand-preview[data-device=mobile] .brand-preview-art{height:150px;margin:0 18px 18px}
.is-carousel-still .lab-carousel__card,.is-carousel-still .lab-carousel__orbit{transition:none!important;will-change:auto}
.is-carousel-still .lab-carousel__card[data-slot="0"]{transform:translate3d(0,-50%,0)}
.is-carousel-still .lab-carousel__card[data-slot="-1"],.is-carousel-still .lab-carousel__card[data-slot="1"]{visibility:hidden}
@media(max-width:899px){.lab-preview-shell.has-lab-carousel{min-height:455px;padding-top:24px}.lab-carousel{perspective:1100px}.lab-carousel__deck{perspective:1100px}.lab-carousel .lab-carousel__card{width:72%;left:14%}.lab-carousel .brand-preview[data-device=mobile]{width:250px;left:calc(50% - 125px)}}
@media(max-width:520px){.lab-preview-shell.has-lab-carousel{min-height:380px;padding:15px 0 14px;gap:0}.lab-carousel{height:calc(var(--carousel-height) + 35px);min-height:285px;perspective:900px}.lab-carousel__deck{perspective:900px}.lab-carousel .lab-carousel__card{width:78%;left:11%}.lab-carousel__card[data-slot="0"]{transform:translate3d(0,-50%,12px)}.lab-carousel__card[data-slot="-1"]{transform:translate3d(-70%,-50%,-160px) rotateY(60deg)}.lab-carousel__card[data-slot="1"]{transform:translate3d(70%,-50%,-160px) rotateY(-60deg)}.lab-carousel .brand-preview-nav{padding:14px}.lab-carousel .brand-preview-nav strong{font-size:13px}.lab-carousel .brand-preview-body{min-height:225px}.lab-carousel .brand-preview-copy{padding:20px 13px}.lab-carousel .brand-preview h3{font-size:9cqw;margin:20px 0 12px}.lab-carousel .brand-preview-copy>p{font-size:7px;line-height:1.65;margin-bottom:15px}.lab-carousel .preview-kicker{font-size:5px}.lab-carousel .preview-link{font-size:6px;padding:6px 0;gap:6px}.lab-carousel .brand-preview-art{margin:12px 12px 12px 0}.lab-carousel .brand-preview-footer{padding:10px 14px;font-size:5px}.lab-carousel .preview-art-caption{font-size:5px;left:7px;bottom:8px}.lab-carousel .electric-art>span{font-size:60px}.lab-carousel__controls{gap:8px;padding:6px 12px 0}.lab-carousel__arrow{width:34px;height:34px}.lab-carousel__indicator{font-size:8px;min-width:57px}.lab-carousel__dots button{width:25px}.lab-carousel__orbit{height:50px;bottom:4px}.lab-carousel .brand-preview[data-device=mobile]{width:230px;left:calc(50% - 115px)}.lab-carousel[data-device=mobile]{min-height:540px}.lab-carousel .brand-preview[data-device=mobile] h3{font-size:35px}.lab-carousel .brand-preview[data-device=mobile] .brand-preview-nav strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lab-carousel__card,.lab-carousel__orbit{transition:none!important}.lab-carousel__card[data-slot="-1"],.lab-carousel__card[data-slot="1"]{visibility:hidden}.lab-carousel__card[data-slot="0"]{transform:translate3d(0,-50%,0)!important}}
@media(forced-colors:active){.lab-carousel__card[data-slot="-1"],.lab-carousel__card[data-slot="1"]{visibility:hidden}.lab-carousel__arrow,.lab-carousel__dots button{border:1px solid ButtonText}.lab-carousel__dots button[aria-pressed=true]{border-width:3px}}
