h2 em{font-family:Georgia,serif;font-weight:400}.lab{background:#101f1d;color:#edf3de;padding:38px 5% 25px;overflow:hidden;position:relative}.lab:before{content:'';position:absolute;width:650px;height:650px;right:-200px;top:-250px;background:radial-gradient(circle,#4b885524,transparent 65%);pointer-events:none}.lab-top{display:flex;justify-content:space-between;border-bottom:1px solid #d8ed8526;padding-bottom:24px;align-items:center}.lab .eyebrow{color:#d8ed85}.live-dot{width:6px;height:6px;background:#d8ed85;box-shadow:0 0 12px #d8ed85;border-radius:50%}.lab-code,.coordinate{font-family:monospace;font-size:9px;line-height:1.8;letter-spacing:1px;color:#a4b5a5}.lab-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;padding-top:45px}.lab h2{font-size:clamp(31px,3.6vw,49px);letter-spacing:-2px;line-height:1.15;margin:0 0 20px}.lab-copy>p{max-width:370px;color:#a3b7a7;font-size:13px}.layer-buttons{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.layer-buttons button{border:1px solid #ffffff20;border-radius:7px;color:#b8c7b9;background:#ffffff03;text-align:left;padding:13px 12px;font-size:11px;transition:background .2s,border-color .2s}.layer-buttons button span{font-family:monospace;font-size:9px;opacity:.6;margin-right:9px}.layer-buttons b{float:right;font-weight:400}.layer-buttons .active{color:#d8ed85;border-color:#d8ed8580;background:#d8ed850c}.layer-description{min-height:100px;padding:24px 0}.layer-description strong{font-size:12px;font-weight:500}.layer-description p{font-size:11px;line-height:1.7;color:#96aa9a;margin:9px 0}.holo{height:545px;position:relative;perspective:1000px;isolation:isolate;touch-action:pan-y}.holo-grid{position:absolute;inset:10%;background-image:linear-gradient(#c7e9c710 1px,transparent 1px),linear-gradient(90deg,#c7e9c710 1px,transparent 1px);background-size:35px 35px;transform:rotateX(60deg) rotateZ(-30deg);mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}.coordinate{position:absolute;z-index:3}.c-one{top:10px;left:0}.c-two{bottom:67px;right:0;text-align:right;font-size:8px}.orbit{position:absolute;border:1px solid #b5dfac17;width:420px;height:420px;left:50%;top:47%;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-20deg)}.orbit-two{width:510px;height:510px;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(25deg)}.model{width:245px;height:245px;position:absolute;left:50%;top:49%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--mx,57deg)) rotateZ(var(--mz,-32deg));transition:transform .25s ease-out}.plane{position:absolute;inset:0;border:1px solid #b9e1b555;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s,box-shadow .5s}.floor{background:repeating-linear-gradient(0deg,#182f28 0px,#182f28 22px,#8aa67944 23px,#182f28 24px);transform:translateZ(-100px);box-shadow:0 0 80px #b4d47a0c}.floor-mark{position:absolute;inset:15%;border:1px dashed #b5e49960}.structure{transform:translateZ(-20px);background:#1d363280}.rails{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 48px,#9bbfab70 49px,#9bbfab70 53px,transparent 54px),repeating-linear-gradient(90deg,transparent,transparent 75px,#9bbfab70 76px,#9bbfab70 79px,transparent 80px)}.light{transform:translateZ(65px);background:#b5d77704;border-color:#d8ed8580}.light-trace{position:absolute;inset:22px;border:3px solid #d8ed85;box-shadow:0 0 12px #d8ed85,0 0 28px #d8ed8560,inset 0 0 25px #d8ed8530}.finish{transform:translateZ(145px);background:#d5e2c5d9;border-color:#f1f7df;box-shadow:9px 9px 0 #75867690}.ceiling-inset{position:absolute;inset:25px;background:#1e3430;border:1px solid #d8ed85;box-shadow:inset 0 0 22px #d8ed8525}.ceiling-inset:after{content:'';position:absolute;inset:8px;border:1px solid #b5c7a52e}.plane-label{position:absolute;bottom:-27px;left:0;white-space:nowrap;font:8px monospace;letter-spacing:1px;color:#d8ed85;transform:rotateZ(0deg)}.holo[data-selected=structure] .plane:not(.structure):not(.floor),.holo[data-selected=light] .plane:not(.light):not(.floor),.holo[data-selected=finish] .plane:not(.finish):not(.floor){opacity:.13}.holo[data-selected=structure] .structure,.holo[data-selected=light] .light,.holo[data-selected=finish] .finish{box-shadow:0 0 45px #d8ed8538}.holo.assembled .structure{transform:translateZ(-90px)}.holo.assembled .light{transform:translateZ(-78px)}.holo.assembled .finish{transform:translateZ(-65px)}.holo.assembled .plane-label{opacity:0}.holo-bottom{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ffffff15;padding:18px 0;color:#9eb29f;font-size:9px}.holo-bottom button{padding:9px 12px;border-radius:30px;border:1px solid #d8ed8540;background:none;color:#d8ed85;font-size:10px}.light-studio{padding:85px 5%}.light-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:5%;align-items:center}.light-image{height:440px;border-radius:12px;position:relative;overflow:hidden;background:#29382f;--glow:255,191,102;--shade:#44301b}.light-image img{width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:brightness(.7) saturate(.7);transition:filter .6s}.light-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1e19bb,transparent 45%);pointer-events:none}.light-pool{position:absolute;inset:0;background:radial-gradient(circle 210px at var(--lx,50%) var(--ly,40%),rgba(var(--glow),.35),transparent 100%);mix-blend-mode:screen;pointer-events:none}.light-image[data-mood=natural]{--glow:245,255,220}.light-image[data-mood=natural] img{filter:brightness(.95) saturate(.65)}.light-image[data-mood=cool]{--glow:158,217,255}.light-image[data-mood=cool] img{filter:brightness(.9) saturate(.25) hue-rotate(12deg)}.light-badge{position:absolute;top:20px;left:20px;padding:9px 13px;border:1px solid #fff7;border-radius:40px;color:white;font-size:9px;letter-spacing:1.3px;background:#203a3330;backdrop-filter:blur(10px);z-index:2}.light-caption{position:absolute;bottom:25px;left:25px;right:25px;z-index:2;color:#fff}.light-caption span{font-size:8px;letter-spacing:1.7px;display:block;margin-bottom:8px}.light-caption b{font:400 27px Manrope;letter-spacing:-1px}.mood{background:none;border:0;border-bottom:1px solid var(--line);width:100%;display:grid;grid-template-columns:42px 1fr 15px;gap:17px;text-align:left;padding:24px 6px;color:var(--ink);align-items:center;transition:background .3s,padding .3s}.mood.active{background:#e5eadb;padding-inline:15px;border-radius:8px}.mood-swatch{width:38px;height:38px;display:block;border-radius:50%;border:5px solid #f5f3ed}.mood-swatch.warm{background:radial-gradient(circle,#fff5d5,#dda355)}.mood-swatch.natural{background:radial-gradient(circle,#fffef0,#bcc2a9)}.mood-swatch.cool{background:radial-gradient(circle,#f3ffff,#99c3d3)}.mood small{display:block;letter-spacing:1.5px;font-size:8px;color:var(--muted);margin-bottom:7px}.mood strong{display:block;font:500 22px Manrope;letter-spacing:-.8px}.mood span span{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px}.mood b{font-weight:400}.light-note{font-size:10px;line-height:1.7;margin:20px 5px;color:var(--muted)}.service{position:relative;isolation:isolate;transition:transform .3s ease-out;padding-bottom:20px!important;overflow:hidden}.service:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%),#d8ed8559,transparent);transition:opacity .3s}.service:hover:before{opacity:1}.service a{position:relative}.service a:after{content:'↗';position:absolute;right:-30px;opacity:0;transition:opacity .3s,transform .3s}.service:hover a:after{opacity:1;transform:translateX(5px)}.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal-ready.in-view{opacity:1;transform:none}.progress-line{position:fixed;left:0;top:0;height:3px;width:100%;background:#94b65e;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}.pill{transition:transform .2s,box-shadow .2s}.pill:hover{box-shadow:0 6px 20px #213b3418;transform:translateY(-2px)}@media(max-width:1000px){nav{gap:16px;font-size:11px}.lab-layout{gap:3%}.model{width:210px;height:210px}.holo{height:520px}.layer-buttons{grid-template-columns:1fr}.lab-code{font-size:8px}.light-layout{gap:25px}}@media(max-width:800px){.lab{padding:28px 6%}.lab-top{gap:16px}.lab-code{display:none}.lab-layout{grid-template-columns:1fr;padding-top:35px}.lab h2{font-size:34px}.lab-copy>p{max-width:none}.layer-buttons{grid-template-columns:1fr 1fr;margin-top:22px}.layer-description{min-height:90px}.holo{height:460px}.model{width:205px;height:205px}.orbit{width:300px;height:300px}.orbit-two{width:350px;height:350px}.c-one{font-size:8px}.holo-bottom>span{font-size:8px;max-width:150px}.light-studio{padding:60px 6%}.light-layout{grid-template-columns:1fr}.light-image{height:410px}.mood{padding:18px 6px}.mood strong{font-size:20px}.lab-top .eyebrow{font-size:9px;letter-spacing:1.5px}.coordinate.c-two{bottom:60px;font-size:7px}}@media(prefers-reduced-motion:reduce){.model{transition:none!important;transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-32deg)!important}.plane,.reveal-ready,.service,.pill{transition:none!important}.reveal-ready{opacity:1;transform:none}.pill:hover{transform:none}}
