/* Isolated hero experiment. Production styles and index.html remain untouched. */
.lab-hero{--p:0;position:relative;height:210svh;background:#101112;color:#f3f0e9;isolation:isolate}
.lab-stage{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 75% 66%,#45202355,transparent 48%),#101112}
.lab-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000 60%)}
.lab-topline{position:absolute;top:108px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9c9d9e}
.lab-topline span:first-child{display:flex;gap:10px;align-items:center}.lab-topline i{width:6px;height:6px;border-radius:50%;background:#d1edbc;box-shadow:0 0 15px #d1edbc55}
.lab-copy{position:absolute;z-index:3;top:20%;left:9%;width:82%;transform:translateY(calc(var(--p) * -160px));opacity:clamp(0,calc(1 - var(--p) * 2.7),1);will-change:transform,opacity}
.lab-eyebrow{font-size:10px;letter-spacing:.22em;color:#a9a9a8;margin-bottom:22px}
.lab-copy h1{position:relative;width:max-content;font-size:clamp(64px,8.9vw,144px);line-height:.94;letter-spacing:-.078em;font-weight:500;margin:0}
.lab-copy h1>span{color:#FF3301}.lab-copy h1 sup{position:absolute;top:4px;right:-100px;font-size:84px;color:#FF3301;font-weight:400}
.lab-intro{display:flex;gap:46px;align-items:center;margin-top:28px}.lab-intro p{font-size:15px;line-height:1.65;color:#a6a6a5}
.lab-cta{display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:500;border:1px solid #ffffff30;border-radius:100px;padding:9px 10px 9px 22px;transition:background .2s,color .2s}.lab-cta span{background:#FF3301;color:#101112;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:22px}.lab-cta:hover{background:#f3f0e9;color:#101112}
.lab-orbit{position:absolute;right:-10%;top:13%;width:54vw;aspect-ratio:1;border:1px solid #FF330125;border-radius:50%;transform:rotate(-25deg) scaleY(.64);pointer-events:none}.lab-orbit:after{content:'';position:absolute;inset:40px;border:1px solid #FF330115;border-radius:50%}.lab-orbit span{position:absolute;inset:-4px;animation:lab-orbit 24s linear infinite}.lab-orbit span:before{content:'';position:absolute;top:50%;left:0;width:8px;height:8px;background:#FF3301;border-radius:50%;box-shadow:0 0 25px #FF3301}
@keyframes lab-orbit{to{transform:rotate(360deg)}}
.lab-gallery{position:absolute;left:50%;top:66%;width:min(1120px,86vw);height:380px;transform:translate(-50%,calc(var(--p) * -110px));perspective:1200px;z-index:4;will-change:transform}
.lab-card{position:absolute;width:39%;background:#202123;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;box-shadow:0 28px 65px #0008;transform-origin:center;transition:border-color .2s;will-change:transform}.lab-card:hover{border-color:#FF3301}.lab-card:focus-visible,.lab-cta:focus-visible,.lab-bottom a:focus-visible{outline:3px solid #FF3301;outline-offset:5px}
.lab-card-a{left:0;transform:translate(calc((1 - var(--p)) * 65px),calc((1 - var(--p)) * 44px)) rotate(calc((1 - var(--p)) * -13deg)) rotateY(calc((1 - var(--p)) * 13deg)) scale(calc(.9 + var(--p) * -.16))}
.lab-card-b{left:30.5%;z-index:2;transform:translateY(calc((1 - var(--p)) * -26px)) rotateX(calc((1 - var(--p)) * 12deg)) scale(calc(1 - var(--p) * .26))}
.lab-card-c{right:0;transform:translate(calc((1 - var(--p)) * -65px),calc((1 - var(--p)) * 44px)) rotate(calc((1 - var(--p)) * 13deg)) rotateY(calc((1 - var(--p)) * -13deg)) scale(calc(.9 + var(--p) * -.16))}
.lab-browser{height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#9d9d9d;font-size:9px;letter-spacing:.04em}.lab-browser span:first-child{font-size:7px;letter-spacing:2px;color:#676767}
.lab-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top;display:block}.lab-caption{display:flex;justify-content:space-between;gap:10px;padding:14px;font-size:11px;align-items:center}.lab-caption span{font-size:9px;color:#a5a5a5}
.lab-gallery-title{position:absolute;top:23%;left:9%;opacity:clamp(0,calc(var(--p) * 3 - 1.3),1);transform:translateY(calc((1 - var(--p)) * 30px));pointer-events:none}.lab-gallery-title>span{font-size:10px;letter-spacing:.2em;color:#FF3301}.lab-gallery-title p{margin-top:18px;font-size:clamp(38px,4.3vw,68px);line-height:1;letter-spacing:-.06em}
.lab-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;color:#b4b4b1;z-index:5}.lab-bottom a{display:flex;align-items:center;gap:12px}.lab-scroll{font-size:19px;display:inline-block}.lab-count{display:flex;gap:12px;align-items:center}.lab-count i{display:block;width:50px;height:1px;background:#ffffff40}.lab-progress{position:absolute;bottom:0;left:0;width:calc(var(--p) * 100%);height:2px;background:#FF3301}
@media(min-width:1600px){.lab-gallery{top:63%}}
@media(max-height:780px) and (min-width:761px){.lab-stage{min-height:620px}.lab-topline{top:88px}.lab-copy{top:23%}.lab-copy h1{font-size:min(8vw,105px)}.lab-eyebrow{margin-bottom:14px}.lab-intro{margin-top:18px}.lab-gallery{top:70%;width: min(920px,80vw)}.lab-gallery-title{top:22%}}
@media(max-width:760px){.lab-hero{height:auto}.lab-stage{height:auto;min-height:0;padding:110px 22px 24px;position:relative}.lab-topline{position:static;font-size:8px}.lab-topline>span:last-child{display:none}.lab-copy{position:relative;top:auto;left:auto;width:100%;margin-top:44px;transform:none;opacity:1}.lab-copy h1{font-size:clamp(48px,12vw,90px);letter-spacing:-.075em}.lab-copy h1 sup{font-size:36px;right:-37px}.lab-eyebrow{font-size:8px;letter-spacing:.15em}.lab-intro{align-items:flex-start;flex-direction:column;gap:20px;margin-top:25px}.lab-intro p{font-size:14px}.lab-orbit{width:110vw;top:18%;right:-40%}.lab-gallery{position:relative;top:auto;left:auto;width:100%;height:auto;transform:none;display:grid;gap:18px;margin-top:48px;perspective:none}.lab-card{position:relative;width:100%;left:auto;right:auto;transform:none;will-change:auto}.lab-card img{aspect-ratio:16/10}.lab-card-b{order:-1}.lab-caption{padding:16px}.lab-gallery-title{display:none}.lab-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px}.lab-bottom>span:nth-child(2){display:none}.lab-progress{display:none}}
@media(prefers-reduced-motion:reduce){.lab-hero{height:auto}.lab-stage{position:relative}.lab-copy,.lab-gallery,.lab-card,.lab-gallery-title{will-change:auto}.lab-orbit span{animation:none}.lab-progress{display:none}}

@media(prefers-reduced-motion:reduce) and (min-width:761px){.lab-stage{height:1100px;min-height:1100px}.lab-copy{top:180px}.lab-gallery{top:660px;width:min(1000px,86vw)}}