/* Supplied artwork is used as-is. Content height is independent of its painted panels. */
body.lab-home{background:#051423 url('lab-background.png') center top / 100% auto no-repeat}
.lab-home:before,.lab-home:after{display:none}
.lab-home .topbar{background:linear-gradient(120deg,#0a1b2bdc,#071321e8);width:min(1180px,calc(100% - 18%));min-height:60px;margin-top:4px;backdrop-filter:blur(12px)}
.lab-home .wrap,.lab-home .how,.lab-home .footer-inner{width:min(1180px,calc(100% - 14%))}
.lab-home .hero{background:none;border:0;box-shadow:none;overflow:visible;margin-top:20px;border-radius:0}
.lab-home .hero:before,.lab-home .hero:after{display:none}
.lab-home .hero-grid{min-height:clamp(330px,32vw,470px);padding:30px 26px 20px;grid-template-columns:1.1fr .9fr;gap:30px}
.lab-home .hero-copy{position:relative;padding:22px;border-radius:14px;background:linear-gradient(100deg,#061322d9,#071521b3 70%,#07152100);text-shadow:0 2px 8px #00101f}
.lab-home .hero h1{font-size:clamp(42px,4.8vw,68px);color:#fff}.lab-home .hero p{color:#f2f6fa}.lab-home .hero h1 span{color:#ff9853}.lab-home .badge{background:#071724d9;color:#d6eefa;border-color:#7aafc680}
.lab-character img{width:min(310px,100%);filter:drop-shadow(0 20px 18px #0009)}.lab-character:before{display:none}
.lab-home .lab-featured{margin-top:0;margin-bottom:32px;position:relative;width:min(1280px,calc(100% - 8%));padding:0 42px}
.lab-home .lab-track{position:relative;display:block;overflow:hidden;height:410px;padding:0;perspective:1400px;touch-action:pan-y;scrollbar-width:none;isolation:isolate;scroll-snap-type:none}
.lab-home .lab-slide{position:absolute;top:22px;left:50%;width:37%;height:365px;margin:0;min-width:0;transform-origin:center;backface-visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s,filter .35s;display:flex;flex-direction:column;box-shadow:0 10px 26px #000b,inset 0 1px #b0e5ff44;border:1px solid #7597b0;cursor:pointer}
.lab-home .lab-slide.is-active{transform:translateX(-50%) translateZ(50px);z-index:5;opacity:1;border:2px solid #ffa26a;box-shadow:0 0 0 2px #ffd6aa55,0 0 18px #ff702caa,0 18px 25px #0009;filter:none}
.lab-home .lab-slide.is-before{transform:translateX(-135%) translateZ(-80px) rotateY(18deg) scale(.94);z-index:3;opacity:1;filter:brightness(.8)}
.lab-home .lab-slide.is-after{transform:translateX(35%) translateZ(-80px) rotateY(-18deg) scale(.94);z-index:3;opacity:1;filter:brightness(.8)}
.lab-home .lab-slide.is-away{transform:translateX(-50%) translateZ(-380px) scale(.8);opacity:0;visibility:hidden;pointer-events:none;z-index:0}
.lab-home .lab-slide:hover{box-shadow:0 10px 26px #000b}.lab-home .lab-slide.is-active:hover{box-shadow:0 0 0 2px #ffd6aa55,0 0 24px #ff702cbb,0 18px 25px #0009}
.lab-home .lab-slide .project-preview,.lab-home .lab-slide .gametab-project-top{height:155px;flex-shrink:0}.lab-home .lab-slide .project-body{padding:16px;min-height:0;flex:1}.lab-home .lab-slide .project-body p{margin-bottom:12px;font-size:14px}.lab-home .lab-slide .project-body h3{font-size:19px}.lab-home .lab-slide .project-meta{font-size:12px;margin-bottom:6px}.lab-home .lab-slide .project-cta{min-height:38px;margin-top:auto}.lab-home .lab-slide .hero-project.derby-hero{padding:8px;flex:1;border-radius:8px;min-height:0}.lab-home .lab-slide .derby-hero .hero-project-visual{flex-shrink:0}.lab-home .lab-slide .derby-hero .hero-project-copy{padding:12px 9px 8px;gap:9px;flex:1}.lab-home .lab-slide .hero-project h2{font-size:26px}.lab-home .lab-slide .hero-project .btn{min-height:38px;margin-top:auto;width:100%}.latest-release-label{position:absolute;z-index:6;top:0;left:0;padding:6px 12px;background:linear-gradient(#ffae66,#f06426);color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 3px 10px #0006;border-radius:6px 0 8px 0;text-shadow:0 1px 2px #652300}
.lab-home .lab-featured-primary{border:1px solid #7597b0;box-shadow:0 10px 26px #000b}
.lab-home .lab-carousel-controls{position:static;gap:12px;margin:0;min-height:32px}.lab-home .lab-carousel-controls > button{position:absolute;top:185px;z-index:10;width:44px;height:52px;border-radius:50%;background:linear-gradient(#294356,#071421);border:1px solid #9ec6df;box-shadow:0 4px 12px #0009}.lab-home .lab-carousel-controls > button:first-child{left:0}.lab-home .lab-carousel-controls > button[data-slide='1']{right:0}
.lab-carousel-dots{display:flex;gap:5px;align-items:center;justify-content:center}.lab-home .lab-carousel-dots button{border:0;background:transparent;width:28px;height:30px;padding:7px;box-shadow:none;display:grid;place-items:center}.lab-carousel-dots button:before{content:'';width:10px;height:10px;border-radius:50%;background:#16384e;border:1px solid #98bfd6}.lab-carousel-dots button[aria-current='true']:before{background:#ff8139;border-color:#ffd3a5;box-shadow:0 0 10px #ff843988}
.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.lab-home .how{background:linear-gradient(110deg,#09273ce6,#061c2ce8);backdrop-filter:blur(3px);margin-bottom:24px}
.lab-home #about,.lab-home #tools,.lab-home #projects{width:min(1180px,calc(100% - 14%));margin:0 auto 24px;padding:25px 26px;background:linear-gradient(115deg,#09263ceb,#061727f5);border:1px solid #356981;box-shadow:inset 0 0 0 5px #061524,0 6px 0 #020c15,0 7px 0 #31556b;border-radius:8px 22px 8px 8px;position:relative}
.lab-home #about:before,.lab-home #tools:before,.lab-home #projects:before{content:'';position:absolute;top:-1px;left:30px;width:52px;height:2px;background:#ff9a4c;box-shadow:0 0 12px #ff803c}
.lab-home #about>.wrap,.lab-home #tools>.wrap,.lab-home #projects>.wrap{width:100%}.lab-home .section-head h2{font-size:24px}.lab-home .section-head p{line-height:1.55}.lab-home .about-more{margin-top:16px}.lab-home .about-col{padding:18px}.lab-home .tool-card{min-height:255px}.lab-home .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-home .site-footer{background:#061725e8}
@media(min-width:1500px){.lab-home .hero-grid{min-height:470px}}
@media(max-width:1050px){.lab-home .topbar{width:calc(100% - 12%)}.lab-home .hero-grid{padding:15px 0;gap:5px;min-height:330px}.lab-home .hero-copy{padding:18px}.lab-home .hero h1{font-size:46px}.lab-home .lab-slide{width:41%;height:360px}.lab-home .lab-track{height:405px}.lab-home .lab-slide.is-before{transform:translateX(-128%) translateZ(-120px) rotateY(22deg) scale(.91)}.lab-home .lab-slide.is-after{transform:translateX(28%) translateZ(-120px) rotateY(-22deg) scale(.91)}.lab-home .lab-slide .project-body h3{font-size:17px}.lab-home .lab-slide .project-body{padding:13px}.lab-home .lab-slide .hero-project h2{font-size:24px}}
@media(max-width:760px){body.lab-home{background-size:auto 1350px;background-position:center top}.lab-home .topbar{width:calc(100% - 24px);margin-top:0}.lab-home .wrap,.lab-home .how,.lab-home .footer-inner{width:calc(100% - 32px)}.lab-home .hero{margin-top:14px}.lab-home .hero-grid{position:relative;padding:0;min-height:0;display:flex;gap:0}.lab-home .hero-copy{padding:22px 18px;background:linear-gradient(100deg,#061523ed,#07182aca);border:1px solid #6393ac55}.lab-home .hero h1{font-size:clamp(38px,10vw,57px);margin:16px 0}.lab-home .hero p{font-size:15px}.lab-character{height:165px;margin:8px 0 0}.lab-character img{width:175px;height:175px}.lab-home .lab-featured{width:100%;padding:0 8px;margin:0 auto 22px}.lab-home .lab-track{height:402px;perspective:1000px}.lab-home .lab-slide{width:76%;max-width:380px;height:356px;top:22px}.lab-home .lab-slide.is-active{transform:translateX(-50%) translateZ(0)}.lab-home .lab-slide.is-before{transform:translateX(-118%) translateZ(-160px) rotateY(28deg) scale(.87)}.lab-home .lab-slide.is-after{transform:translateX(18%) translateZ(-160px) rotateY(-28deg) scale(.87)}.lab-home .lab-slide .project-preview,.lab-home .lab-slide .gametab-project-top{height:155px}.lab-home .lab-slide .project-body{padding:17px}.lab-home .lab-slide .project-body h3{font-size:20px}.lab-home .lab-slide .hero-project h2{font-size:26px}.lab-home .lab-carousel-controls > button{width:38px;height:46px;top:180px}.lab-home .lab-carousel-controls > button:first-child{left:3px}.lab-home .lab-carousel-controls > button[data-slide='1']{right:3px}.lab-home #about,.lab-home #tools,.lab-home #projects{width:calc(100% - 32px);padding:24px 16px;margin-bottom:22px}.lab-home .projects-grid{grid-template-columns:1fr}.lab-home .hero .actions .btn{font-size:13px}.lab-home .how{padding:26px 20px}.lab-home .lab-carousel-dots button{width:38px;height:38px}.lab-home .lab-slide .project-body p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lab-home .lab-slide{transition:none!important}}
.lab-home .lab-slide .derby-hero .hero-project-visual{height:180px;background:#10253c;display:block}
.lab-home .lab-slide .derby-hero .hero-project-art{height:100%;width:100%;object-fit:contain}
@media(max-width:760px){.lab-home .lab-slide .derby-hero .hero-project-visual{height:165px}}