:root{--lab-ink:#f4f5ef;--lab-ground:#071115;--lab-cyan:#13d7e6;--lab-orange:#fa813d}

.lab-switcher{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:9px 4.3%;background:#182529;color:#d5e5e3;font:13px Satoshi,sans-serif;position:relative;z-index:40}

.lab-switcher>span{white-space:nowrap}
.lab-switcher nav{display:flex;gap:5px}
.lab-switcher a{padding:7px 15px;border-radius:3px;text-decoration:none;white-space:nowrap}
.lab-switcher a[aria-current]{background:#ecf4ef;color:#101c21}
.lab-switcher a:hover{background:#34484b}
.lab-switcher a[aria-current]:hover{background:#fff}

.lab-wrap{width:min(1344px,89%);margin-inline:auto}
.lab-hero{background:var(--lab-ground);color:var(--lab-ink);position:relative;overflow:hidden;--pointer-x:0;--pointer-y:0}
.lab-hero h1{font-family:Satoshi,sans-serif;font-size:clamp(52px,6.3vw,98px);line-height:1.01;letter-spacing:-.065em;font-weight:650;margin:0}
.lab-hero h1 em{font-style:normal;color:var(--lab-cyan)}
.lab-lead{font-size:clamp(17px,1.4vw,22px);line-height:1.55;letter-spacing:-.02em;max-width:510px;margin:0 0 25px}
.lab-hero .actions{gap:22px;flex-wrap:wrap}
.lab-hero .button{background:var(--lab-orange);color:#101713}
.lab-caption{display:flex;justify-content:space-between;gap:20px;font-size:16px;color:#e4eeeb;margin:32px 0 0}
.lab-caption span{font-size:13px;color:#a7c2c1}
.build-hero{padding:66px 0 38px}
.build-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:40px}
.build-heading .lab-lead{max-width:430px}
.build-heading .actions .text-link{font-size:14px}

.assembly-stage{perspective:1400px;padding:50px 0 36px;max-width:1170px;margin:10px auto 0;--assembly:.12}
.assembly-model{width:85%;aspect-ratio:1.44;position:relative;margin:auto;transform-style:preserve-3d;transform:rotateX(calc((1 - var(--assembly))*7deg)) rotateY(calc((1 - var(--assembly))*-13deg + var(--pointer-x)*3deg));will-change:transform}

.assembly-back{position:absolute;inset:0;opacity:.08;transform:translateZ(-90px)}
.assembly-back img{width:100%;height:100%;object-fit:fill}
.interface-plane{position:absolute;overflow:hidden;background:#f4f4f0;box-shadow:0 20px 45px #0005;backface-visibility:hidden;will-change:transform} /* taste-skill-ignore: actual UI fragment planes use spatial occlusion during the selected 3D assembly, not decorative card elevation. */
.interface-plane img{position:absolute;max-width:none;pointer-events:none;user-select:none}
.plane-sidebar{left:0;top:0;width:17.3%;height:100%;transform:translate3d(calc((1 - var(--assembly))*-55px),calc((1 - var(--assembly))*20px),calc((1 - var(--assembly))*90px))}
.plane-sidebar img{left:0;top:0;width:578.035%;height:100%}
.plane-toolbar{left:17.3%;top:0;width:82.7%;height:15.5%;transform:translate3d(calc((1 - var(--assembly))*25px),calc((1 - var(--assembly))*-40px),calc((1 - var(--assembly))*145px))}
.plane-toolbar img{left:-20.919%;top:0;width:120.919%;height:645.162%}
.plane-content{left:17.3%;top:15.5%;width:82.7%;height:84.5%;transform:translate3d(calc((1 - var(--assembly))*20px),calc((1 - var(--assembly))*35px),calc((1 - var(--assembly))*200px))}
.plane-content img{left:-20.919%;top:-18.343%;width:120.919%;height:118.343%}
.assembly-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:12px}
.lab-replay{background:#23383c;border:0;color:var(--lab-ink);padding:12px 20px;border-radius:4px;font:inherit;cursor:pointer}
.lab-replay:hover{background:#1c363c}
.assembly-controls label{font-size:13px;display:flex;align-items:center;gap:15px}
.assembly-controls input{width:190px;accent-color:var(--lab-cyan);cursor:ew-resize}
.assembly-controls output{min-width:115px;font-size:13px;color:#bdd2ce}

.lab-feature{background:var(--lab-cyan);color:#071a20;padding:76px 0 82px;overflow:hidden}
.feature-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.lab-feature h2{font-size:clamp(50px,6.7vw,100px);line-height:1;letter-spacing:-.065em;font-weight:650;margin:0 0 25px}
.lab-feature p{color:#173b42;font-size:19px;line-height:1.5;max-width:330px;margin:0 0 25px}
.lab-feature .text-link{color:#071a20}
.lab-feature figure{margin:0;min-width:0;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transform-origin:center}
.lab-product-film{display:block;width:100%;aspect-ratio:1.44;object-fit:cover}
.lab-feature figcaption{font-size:13px;margin-top:15px;color:#154650}

.vector-hero{min-height:860px}
.vector-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06) translate(calc(var(--pointer-x)*-24px),calc(var(--pointer-y)*-14px));transition:transform 400ms ease;opacity:.86;pointer-events:none}
.vector-layout{position:relative;min-height:860px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;padding-top:55px;padding-bottom:170px}
.vector-copy{z-index:2}
.vector-copy h1{font-size:clamp(50px,5.1vw,80px);margin-bottom:30px}
.vector-interface{display:block;perspective:1500px;transform:perspective(1500px) rotateY(calc(-15deg + var(--pointer-x)*5deg)) rotateX(calc(3deg - var(--pointer-y)*3deg)) translateY(-15px);transition:transform 400ms;overflow:hidden;max-height:590px}
.vector-interface img{display:block;width:100%;object-fit:cover;object-position:top}
.vector-note{position:absolute;bottom:44px;left:0;right:0;display:flex;justify-content:space-between;gap:50px}
.vector-note .lab-caption{display:block;margin:0}
.vector-note .lab-caption span{display:block;margin-top:8px}
.vector-note>p{font-size:14px;color:#bdd2ce;line-height:1.5;margin:0}

.kinetic-hero{padding:36px 0 45px}
.kinetic-composition{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:0;min-height:480px}
.kinetic-composition h1{font-size:clamp(70px,12.5vw,190px);line-height:.86;font-weight:850;letter-spacing:-.08em;position:relative;z-index:2;overflow:visible}
.kinetic-composition h1 span{display:block;transform:translateX(calc(var(--pointer-x)*-9px));transition:transform .25s}
.kinetic-composition h1 span+span{color:var(--lab-cyan);transform:translateX(calc(var(--pointer-x)*14px));margin-top:12px}
.kinetic-screen{width:105%;height:490px;overflow:hidden;transform:perspective(1300px) rotateY(-14deg) rotateZ(3deg);margin-left:-25px}
.kinetic-screen img{display:block;max-width:none;width:145%;height:100%;object-fit:cover;object-position:top left}
.kinetic-bottom{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-top:28px}
.kinetic-selector{width:42%;font-size:13px}
.kinetic-selector>p{color:#bed0cd;min-height:22px}
.kinetic-selector>div{display:flex;gap:20px}
.kinetic-selector button{font:inherit;color:#b5c5c2;background:none;border:0;padding:12px 0;cursor:pointer;min-height:44px;border-bottom:2px solid transparent}
.kinetic-selector button[aria-pressed=true]{border-color:var(--lab-orange);color:#fff}
.kinetic-hero+.lab-feature{background:var(--lab-orange)}
.kinetic-hero+.lab-feature h2{text-transform:uppercase;font-weight:850}

html[data-direction] .site-header{background:#071115;}
html[data-direction] .site-header .header-inner{width:min(1344px,89%);max-width:none}
html[data-direction] .brand{width:176px}
html[data-direction] .review-strip{padding-inline:5.5%;font-size:12px}
html[data-direction] .site-header .primary-nav{background:transparent;border:0;}
html[data-direction] .site-header .header-cta{border-radius:4px}
html[data-direction] .button{border-radius:4px}
html[data-direction] .sales-proof{padding-top:90px}
html[data-direction] .sales-paths .buyer-board>a{transition:transform .4s,background .4s}
html[data-direction] .sales-paths .buyer-board>a:hover{transform:translateY(-8px);background:#14343a}
html[data-direction] .section-head h2{letter-spacing:-.05em}
html[data-direction=kinetic] .page-intro h1{font-weight:800}
html[data-direction=vector] .page-intro{background:#07191f}
html[data-direction=build] .page-intro{background:#091b20}

html[data-direction]::view-transition-old(page-content){animation:lab-out .35s both}
html[data-direction]::view-transition-new(page-content){animation:lab-in .65s cubic-bezier(.16,1,.3,1) both}
html[data-direction=kinetic]::view-transition-new(page-content){animation:lab-cut .6s cubic-bezier(.16,1,.3,1) both}
@keyframes lab-out{to{opacity:0;transform:translateY(-35px) scale(.98)}
}
@keyframes lab-in{from{opacity:0;transform:translateY(60px) scale(1.02)}
to{opacity:1;transform:none}
}
@keyframes lab-cut{from{clip-path:inset(0 100% 0 0)}
to{clip-path:inset(0 0 0 0)}
}

.lab-local-message{padding:18px;background:#dff4f1;color:#092d2c;font-size:16px}
.lab-hero a:focus-visible,.lab-switcher a:focus-visible,.assembly-controls input:focus-visible,.lab-hero button:focus-visible{outline:3px solid var(--lab-cyan);outline-offset:5px}

.motion-off .assembly-model,.motion-off .vector-art,.motion-off .vector-interface,.motion-off .kinetic-composition h1 span{transform:none!important}
.motion-off .interface-plane{transform:none!important}
.motion-off .lab-feature figure{transform:none!important}
.motion-off::view-transition-new(page-content),.motion-off::view-transition-old(page-content){animation:none!important}

@media(max-width:1000px){.build-heading{grid-template-columns:1fr;gap:25px}
.build-heading h1 br{display:block}
.build-heading .lab-lead{max-width:none}
.build-heading>div+div{display:flex;justify-content:space-between;gap:24px}
.build-heading .actions{align-content:start}
.lab-hero h1{font-size:clamp(52px,7.5vw,80px)}
.assembly-model{width:84%}
.assembly-stage{padding-top:45px}
.kinetic-composition h1{font-size:12vw}
.kinetic-composition{min-height:370px}
.kinetic-screen{height:380px}
.feature-layout{gap:35px}
.vector-layout{gap:20px}
.vector-copy h1{font-size:5.5vw}
.vector-hero,.vector-layout{min-height:750px}
.lab-switcher{gap:15px}
.lab-switcher a{padding:7px 10px}
}

@media(max-width:650px){.lab-switcher{display:block;padding:8px 16px}
.lab-switcher>span{display:block;text-align:center;font-size:10px;margin-bottom:5px;color:#b8cfcb}
.lab-switcher nav{justify-content:center;gap:2px}
.lab-switcher a{font-size:12px;padding:8px 9px}
.lab-wrap{width:90%}
.build-hero{padding:38px 0 30px}
.lab-hero h1{font-size:clamp(40px,11vw,58px);letter-spacing:-.055em;line-height:1.04}
.build-heading h1 br{display:block}
.build-heading>div+div{display:block}
.build-heading{gap:23px}
.lab-lead{font-size:16px;line-height:1.55;margin-bottom:23px}
.lab-lead br{display:none}
.lab-hero .actions{gap:17px}
.lab-hero .button{padding:14px 17px;font-size:13px}
.lab-hero .text-link{font-size:13px}
.assembly-stage{padding:32px 0 20px;margin:20px -8px 0;perspective:900px}
.assembly-model{width:83%}
.plane-content{transform:translate3d(calc((1 - var(--assembly))*5px),calc((1 - var(--assembly))*12px),calc((1 - var(--assembly))*65px))}
.plane-sidebar{transform:translate3d(calc((1 - var(--assembly))*-18px),calc((1 - var(--assembly))*6px),calc((1 - var(--assembly))*25px))}
.plane-toolbar{transform:translate3d(calc((1 - var(--assembly))*8px),calc((1 - var(--assembly))*-15px),calc((1 - var(--assembly))*45px))}
.assembly-controls{flex-wrap:wrap;gap:15px;margin-top:20px}
.assembly-controls label{width:100%;justify-content:space-between;order:2}
.assembly-controls input{width:45%;height:30px}
.assembly-controls output{min-width:100px}
.lab-replay{font-size:13px;padding:11px 14px}
.lab-caption{font-size:14px;display:block;margin-top:28px}
.lab-caption span{display:block;margin-top:6px;font-size:11px}
.lab-feature{padding:42px 0}
.feature-layout{display:block}
.lab-feature h2{font-size:58px;line-height:.98}
.lab-feature p{font-size:17px}
.lab-feature figure{margin-top:30px;transform:none}
.lab-feature figcaption{font-size:11px}
.lab-product-film{}
.vector-layout{display:block;padding-top:38px;padding-bottom:140px;min-height:unset}
.vector-hero{min-height:0}
.vector-copy h1{font-size:11vw;margin-bottom:23px}
.vector-interface{width:90%;max-height:330px;margin:45px 0 20px 5%;transform:perspective(900px) rotateY(-9deg)}
.vector-art{object-position:65% center;opacity:.5}
.vector-note{bottom:30px;display:block}
.vector-note>p{display:none}
.kinetic-hero{padding-top:32px}
.kinetic-composition{min-height:0;display:block}
.kinetic-composition h1{font-size:19vw;line-height:.9;letter-spacing:-.07em}
.kinetic-screen{width:89%;height:240px;margin:32px 0 0 7%;transform:perspective(900px) rotateY(-7deg) rotateZ(2deg)}
.kinetic-screen img{width:100%;object-fit:cover}
.kinetic-bottom{display:block;margin-top:30px}
.kinetic-selector{width:100%;margin-top:28px}
.kinetic-selector>div{justify-content:space-between}
.kinetic-selector>p{font-size:11px}
.kinetic-hero+.lab-feature h2{font-size:54px}
html[data-direction] .brand{width:140px}
html[data-direction] .review-strip{font-size:10px}
html[data-direction] .sales-proof{padding-top:55px}
}

@media(prefers-reduced-motion:reduce){.assembly-model,.interface-plane,.vector-art,.vector-interface,.kinetic-composition h1 span,.lab-feature figure{transform:none!important;transition:none!important}
html[data-direction]::view-transition-old(page-content),html[data-direction]::view-transition-new(page-content){animation:none!important}
}


.build-heading>div{min-width:0}
.build-heading h1{font-size:clamp(48px,5.4vw,78px)}
.build-heading .actions{margin-top:24px}
.assembly-stage{isolation:isolate}
.build-heading{position:relative;z-index:3}
.build-hero .assembly-stage{margin-top:35px}
.lab-switcher{overflow-x:auto}
.lab-switcher nav{flex-shrink:0}
@media(max-width:650px){.build-heading h1{font-size:clamp(38px,10.5vw,53px)}
.lab-switcher nav{flex-shrink:1}
.lab-switcher{overflow-x:visible}
.lab-lead br{display:initial}
}


.build-hero .assembly-stage{padding-bottom:135px}
.assembly-controls{position:relative;z-index:5}
.build-hero .assembly-controls{margin-top:0}
@media(max-width:650px){.build-hero .assembly-stage{padding-bottom:55px}
}


.build-hero .assembly-stage{margin-top:95px}
.build-heading .text-link{background:var(--lab-ground);padding:8px 0}
@media(max-width:650px){.build-hero .assembly-stage{margin-top:30px}
}

@media(min-width:651px){.vector-copy{min-width:0}
.vector-copy h1{font-size:clamp(45px,4.5vw,70px)}
}

@media(max-width:650px){.kinetic-hero .lab-wrap{display:flex;flex-direction:column}
.kinetic-composition,.kinetic-bottom{display:contents}
.kinetic-composition h1{order:0}
.kinetic-bottom>div:first-child{order:1;margin-top:27px}
.kinetic-screen{order:2;margin-top:32px}
.kinetic-selector{order:3}
}

/* Full-site extension: original interactions inspired by the reference studies. */
.lab-switcher{gap:12px;padding-inline:3%;font-size:12px}.lab-switcher nav{min-width:0;overflow-x:auto}.lab-switcher a{padding:8px 11px}.lab-switcher>span{font-size:11px}
.lab-subhero{position:relative;overflow:hidden;isolation:isolate;min-height:430px;background:#08181e;color:#f0f5f1!important;padding-block:88px!important}.lab-subhero h1{color:#f0f5f1!important;letter-spacing:-.055em;position:relative;z-index:2}.lab-subhero .lead,.lab-subhero .lede{color:#c5d8d4!important;position:relative;z-index:2}.lab-subhero>.wrap{position:relative;z-index:2}.lab-subhero.has-lab-art h1,.lab-subhero.has-lab-art .lead{max-width:52%}.has-lab-art>.wrap{pointer-events:none}.has-lab-art>.wrap h1,.has-lab-art>.wrap p,.has-lab-art>.wrap a{pointer-events:auto}.lab-page-art{position:absolute;right:0;top:0;width:45%;height:100%;z-index:1;overflow:hidden}.lab-page-art>img{width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.75}.lab-page-art:has(img[src*="brand"]){padding:80px 5%}.lab-page-art>img[src*="brand"]{object-fit:contain;opacity:.85}.lab-page-jump{position:relative;z-index:3;display:inline-flex;width:105px;height:105px;border-radius:50%;align-items:center;justify-content:center;background:var(--lab-orange);color:#101b1d!important;font-size:15px;text-decoration:none;margin-top:32px;transition:translate .35s cubic-bezier(.16,1,.3,1),background .25s}.lab-page-jump:hover{background:#20d5e1}.lab-hero .button{transition:translate .35s cubic-bezier(.16,1,.3,1)}
html[data-direction=kinetic] .lab-subhero{background:#fa813d;color:#101a1c!important}html[data-direction=kinetic] .lab-subhero h1{color:#101a1c!important;font-weight:850;font-size:clamp(55px,8vw,120px);text-transform:uppercase}html[data-direction=kinetic] .lab-subhero .lead{color:#163036!important}html[data-direction=kinetic] .lab-page-jump{background:#111c20;color:#fff!important}html[data-direction=kinetic] .lab-project-index{grid-template-columns:1fr 1fr;column-gap:50px;row-gap:100px}html[data-direction=kinetic] .lab-project-index>article:nth-child(3n+1){grid-column:1/-1;max-width:100%;display:grid;grid-template-columns:1.6fr 1fr;gap:24px 42px;align-items:center}html[data-direction=kinetic] .lab-project-index>article:nth-child(3n+1)>a:first-child{grid-column:1;grid-row:1/5}html[data-direction=kinetic] .lab-project-index>article:nth-child(3n+1)>:not(a:first-child){grid-column:2}html[data-direction=kinetic] .work-meta h3{font-size:36px}
html[data-direction=vector] .lab-project-index{grid-template-columns:1fr;row-gap:65px}html[data-direction=vector] .lab-project-index>article{display:grid;grid-template-columns:1.35fr 1fr;gap:16px 45px;align-items:center}html[data-direction=vector] .lab-project-index>article>a:first-child{grid-column:1;grid-row:1/5}html[data-direction=vector] .lab-project-index>article>:not(a:first-child){grid-column:2}html[data-direction=vector] .lab-project-index .work-meta{margin-top:0}html[data-direction=vector] .lab-subhero{background:#06171d}
html[data-direction=build] .lab-subhero{background:#102b31}html[data-direction=build] .service-packages>div{max-width:1350px}html[data-direction=build] .lab-project-index{gap:60px 40px}html[data-direction=build] .lab-project-index .work-image{border-radius:0}
html[data-direction=immersive] .lab-subhero{background:#0a1317}html[data-direction=immersive] .lab-project-index{grid-template-columns:1fr 1fr;gap:100px 60px}html[data-direction=immersive] .lab-project-index>article:nth-child(even){padding-top:100px}html[data-direction=immersive] .lab-subhero h1{font-size:clamp(52px,6.4vw,92px)}
.lab-device-section{background:#e9edeb;color:#11262e;padding:78px 0 60px;overflow:hidden}.device-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.device-heading h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;line-height:1.05;margin:0 0 18px}.device-heading p{color:inherit;font-size:17px;margin:0}.device-controls{display:flex;gap:12px;flex-wrap:wrap}.device-controls button{background:#17343c;color:#fff;font:inherit;font-size:14px;min-height:46px;padding:13px 22px;border:0;border-radius:3px;cursor:pointer}.device-controls button:hover{background:#29525e}.laptop-stage{position:relative;width:min(1200px,100%);aspect-ratio:1.6;margin:35px auto 0;transform-origin:center}.laptop-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.laptop-viewport{position:absolute;left:13.7%;top:16.45%;width:71.8%;height:66.4%;overflow:hidden;background:#000;border-radius:7px;z-index:3;isolation:isolate}.laptop-viewport img{display:block;width:100%;max-height:none;min-height:100%;object-fit:contain;object-position:top}.laptop-viewport video{display:block;width:100%;height:100%;object-fit:contain}.device-note{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#36565c}.device-note p{color:inherit;max-width:50%;margin:12px 0}.lab-device-section button:focus-visible,.scene-project-options button:focus-visible,[data-dna-perspective]:focus-visible{outline:3px solid #00a6b8;outline-offset:4px}
html[data-direction=kinetic] .lab-device-section{background:#fa813d}html[data-direction=dna] .lab-device-section{background:#071725;color:#eff7f4}html[data-direction=dna] .device-note{color:#c0d4d3}
.scene-poster{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;pointer-events:none;opacity:.8;transition:opacity .4s}.immersive-stage[data-scene-state=ready] .scene-poster{opacity:0}.dna-stage .scene-poster{object-fit:cover;opacity:0}.dna-stage[data-scene-state=fallback] .scene-poster{opacity:.5}.immersive-stage,.dna-stage,.subpage-scene{position:relative;touch-action:pan-y;cursor:grab}.immersive-stage:active,.dna-stage:active,.subpage-scene:active{cursor:grabbing}.immersive-stage canvas,.dna-stage canvas,.subpage-scene canvas{display:block;width:100%;height:100%}.immersive-hero{padding:65px 0 45px}.immersive-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:end}.immersive-heading h1{font-size:clamp(55px,6vw,88px)}.immersive-heading .actions{gap:20px}.immersive-stage{height:520px;width:100%;margin-top:35px}.immersive-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.scene-project-options{display:flex;gap:22px}.scene-project-options button{background:none;border:0;border-bottom:2px solid transparent;color:#b4cbc8;padding:12px 0;font:inherit;font-size:14px;cursor:pointer}.scene-project-options button[aria-pressed=true]{color:#fff;border-bottom-color:#fa813d}.immersive-controls>p{font-size:12px;color:#adc6c6;margin:0}.immersive-controls .text-link{font-size:14px}
html[data-direction=dna]{--lab-ground:#040d18;--lab-cyan:#16dce8}html[data-direction=dna] .site-header{background:#050e18}html[data-direction=dna] .lab-subhero{background:linear-gradient(90deg,rgba(4,12,24,.94),rgba(4,12,24,.65)),#040c18 url('/galactic-field.png') 70% center/cover}html[data-direction=dna] .lab-subhero h1{font-size:clamp(52px,6.8vw,98px)}html[data-direction=dna] .lab-subhero>.wrap{position:relative}html[data-direction=dna] .lab-page-art{width:45%}.subpage-scene{height:100%;min-height:350px;width:100%}.dna-hero{background:#040c18 url('/galactic-field.png') center/cover}.dna-layout{position:relative;min-height:820px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.dna-copy{position:relative;z-index:2;pointer-events:none}.dna-copy a,.dna-copy p,.dna-copy h1{pointer-events:auto}.dna-copy h1{font-size:clamp(52px,5.8vw,85px);margin-bottom:26px}.dna-copy .lab-lead{max-width:420px}.dna-footnote{margin-top:40px;color:#bacdce;font-size:13px}.dna-stage{height:720px;width:100%}.dna-scene-caption{position:absolute;bottom:35px;right:0;display:flex;gap:25px;align-items:center;flex-wrap:wrap;width:48%;font-size:14px;color:#def1ed}.dna-scene-caption button{background:#243c48;border:0;color:#eff8f4;font:inherit;font-size:12px;padding:11px 14px;border-radius:3px;cursor:pointer}.dna-scene-caption small{font-size:11px;color:#b1c6c8;width:100%}html[data-direction=dna] .sales-proof,html[data-direction=dna] [data-lab-page=work]>.light-section{background:#071724;color:#edf7f2}html[data-direction=dna] .sales-proof h2,html[data-direction=dna] .sales-proof h3,html[data-direction=dna] .sales-proof p,html[data-direction=dna] [data-lab-page=work] .work-meta h3,html[data-direction=dna] [data-lab-page=work] .project-summary{color:#e1efeb}html[data-direction=dna] [data-lab-page=work] .work-card,html[data-direction=dna] [data-lab-page=work] .portfolio-card{background:#102d3b;padding:20px}html[data-direction=dna] [data-lab-page=work] .work-meta a,html[data-direction=dna] [data-lab-page=work] .work-meta p,html[data-direction=dna] [data-lab-page=work] .image-note{color:#d8eae4}html[data-direction=dna] .filter-buttons button{color:#12313c}html[data-direction=dna] .filter-buttons button[aria-pressed=true]{color:#fff}
.lab-subhero:has(form){overflow:visible;isolation:auto}.lab-subhero .enquiry-form{background:#f0f4f1;color:#10292e;padding:30px;border-radius:4px}.lab-subhero .contact-methods a{color:#b6e9e4}.lab-subhero .contact-methods .small{color:#abc5c2}html[data-direction=kinetic] .contact-methods a,html[data-direction=kinetic] .contact-methods .small{color:#173139}
html[data-direction=immersive]::view-transition-new(page-content){animation:lab-circle-in .85s cubic-bezier(.16,1,.3,1) both}html[data-direction=dna]::view-transition-new(page-content){animation:lab-dna-in .8s cubic-bezier(.16,1,.3,1) both}@keyframes lab-circle-in{from{clip-path:circle(0% at 80% 30%);opacity:.7}to{clip-path:circle(160% at 80% 30%);opacity:1}}@keyframes lab-dna-in{from{opacity:0;transform:perspective(1600px) rotateY(-6deg) translateY(35px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.immersive-heading{grid-template-columns:1fr;gap:25px}.immersive-heading h1{font-size:7.8vw}.immersive-heading>div{display:flex;justify-content:space-between;gap:25px}.immersive-stage{height:440px}.dna-layout{min-height:730px;gap:0}.dna-copy h1{font-size:6vw}.dna-stage{height:650px}.lab-subhero.has-lab-art h1,.lab-subhero.has-lab-art .lead{max-width:54%}.lab-page-art{width:40%}.device-heading{align-items:start}.lab-subhero{padding-block:65px!important}html[data-direction=vector] .lab-project-index>article{gap:20px}html[data-direction=kinetic] .lab-project-index>article:nth-child(3n+1){gap:20px}}
@media(max-width:650px){.lab-switcher{padding:8px 10px}.lab-switcher>span{font-size:10px}.lab-switcher nav{justify-content:start;overflow-x:auto;max-width:100%;gap:4px;padding-bottom:3px}.lab-switcher a{font-size:11px;padding:9px}.lab-subhero{padding-block:42px!important;min-height:0}.lab-subhero.has-lab-art h1,.lab-subhero.has-lab-art .lead{max-width:100%}.lab-page-art{position:relative;width:100%!important;height:270px;margin-top:10px;opacity:.85}.has-lab-art>.wrap{pointer-events:auto}.lab-page-art:has(img[src*="brand"]){height:150px;padding:15px 20%}.lab-page-art>img{object-position:center}.lab-page-jump{width:80px;height:80px;font-size:12px;margin-top:23px}.lab-subhero h1,html[data-direction=dna] .lab-subhero h1,html[data-direction=immersive] .lab-subhero h1{font-size:clamp(39px,10.5vw,58px)!important}.subpage-scene{min-height:0;height:270px}html[data-direction=kinetic] .lab-subhero h1{font-size:12vw!important}.lab-device-section{padding:42px 0}.device-heading{display:block}.device-heading h2{font-size:44px}.device-heading p{font-size:15px}.device-controls{margin-top:24px;gap:10px}.device-controls button{font-size:12px;padding:12px 15px}.laptop-stage{width:calc(100% + 30px);margin:22px -15px 0}.laptop-viewport{border-radius:2px}.device-note{display:block;font-size:11px}.device-note p{max-width:none}.dna-layout{display:block;min-height:0;padding-top:40px;padding-bottom:115px}.dna-copy h1{font-size:11vw}.dna-copy .lab-lead{font-size:17px}.dna-footnote{margin-top:25px}.dna-stage{height:430px;max-width:100%;margin-top:0}.dna-scene-caption{width:100%;bottom:28px;gap:12px;justify-content:space-between}.dna-scene-caption small{font-size:10px}.dna-hero{background-position:65% center}.immersive-hero{padding-top:38px}.immersive-heading{display:block}.immersive-heading h1{font-size:11vw}.immersive-heading>div{display:block;margin-top:25px}.immersive-stage{height:330px;margin-top:20px}.immersive-controls{display:block}.scene-project-options{justify-content:space-between}.immersive-controls>.text-link{display:inline-flex;margin-top:20px}.immersive-controls>p{margin-top:14px;font-size:11px}.lab-project-index,html[data-direction=kinetic] .lab-project-index,html[data-direction=immersive] .lab-project-index{display:block}html[data-direction] .lab-project-index>article,html[data-direction=kinetic] .lab-project-index>article:nth-child(3n+1){display:block;margin-bottom:45px;padding-top:0}html[data-direction=kinetic] .work-meta h3{font-size:28px}.lab-subhero .enquiry-form{padding:20px;margin-top:35px}.lab-subhero .contact-layout{display:block}html[data-direction=immersive] .lab-project-index>article:nth-child(even){padding-top:0}}
@media(prefers-reduced-motion:reduce){.lab-page-jump,.lab-hero .button{translate:none!important;transition:none!important}html[data-direction=immersive]::view-transition-new(page-content),html[data-direction=dna]::view-transition-new(page-content){animation:none!important}}

html.motion-off[data-direction]::view-transition-new(page-content),html.motion-off[data-direction]::view-transition-old(page-content){animation:none!important}

.lab-subhero .enquiry-form label{color:#163239}
.lab-subhero .enquiry-form input,.lab-subhero .enquiry-form select,.lab-subhero .enquiry-form textarea{background:#fff;color:#12313b;border:1px solid #a9bfbd}
.lab-subhero .enquiry-form input::placeholder,.lab-subhero .enquiry-form textarea::placeholder{color:#5d7276}
.lab-subhero .enquiry-form .small,.lab-subhero .enquiry-form .small a{color:#34545b}

.lab-subhero.has-lab-art>.wrap{display:block}
@media(min-width:651px){html[data-direction] [data-lab-page=work] .lab-subhero.has-lab-art h1{font-size:clamp(52px,5.2vw,74px)}}

/* Owner-supplied moving footage replaces the procedural DNA treatment. */
.cinematic-hero{background:#060b11}
.lab-background-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.lab-film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,10,15,.92) 0%,rgba(4,10,15,.65) 45%,rgba(4,10,15,.28) 100%)} /* taste-skill-ignore: neutral readability scrim over owner-supplied video, not a decorative gradient fill. */
.cinematic-layout{position:relative;z-index:2;min-height:770px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:75px;padding-bottom:40px}
.cinematic-copy{min-width:0}.cinematic-copy h1{font-size:clamp(54px,5.2vw,76px);line-height:1.04;margin-bottom:30px}.cinematic-copy .lab-lead{font-size:19px;max-width:420px}.cinematic-copy .actions{gap:24px}
.cinematic-project{display:block;min-width:0;color:#edf4ef}.cinematic-project .laptop-stage{margin:0;width:100%;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.cinematic-project:hover .laptop-stage{transform:perspective(1200px) rotateY(0) rotateX(0) scale(1.04)}.cinematic-project>span{display:block;margin:15px 12% 0;font-size:15px}.cinematic-project small{display:block;color:#b3c6c7;font-size:11px;margin-top:8px}
.cinematic-controls{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px;align-self:end;padding-top:25px}.cinematic-controls>div{display:flex;gap:28px}.cinematic-controls button{background:none;border:0;border-bottom:2px solid transparent;color:#afc3c3;min-height:48px;padding:12px 0;font:inherit;font-size:14px;cursor:pointer}.cinematic-controls button[aria-pressed=true]{color:#fff;border-bottom-color:#fa813d}.cinematic-controls button:focus-visible{outline:3px solid #13d7e6;outline-offset:5px}.cinematic-controls p{font-size:13px;color:#aec3c3;margin:0}
html[data-direction=dna] .lab-film-intro{background:#060b11!important;overflow:hidden}.lab-film-intro>.wrap,.lab-film-intro>.contact-layout{position:relative;z-index:2}.lab-film-intro .lab-film-shade{background:linear-gradient(90deg,rgba(4,10,15,.94),rgba(4,10,15,.67))} /* taste-skill-ignore: neutral readability scrim over owner-supplied video, not a decorative gradient fill. */
html[data-direction=kinetic] .lab-subhero p{color:#163036}html[data-direction=kinetic] .lab-subhero .lede{color:#163036!important}
@media(min-width:651px){html[data-direction=dna] [data-lab-page=work] .lab-film-intro h1{font-size:clamp(50px,5.2vw,74px)}}
@media(max-width:1000px){.cinematic-layout{min-height:730px;gap:25px;grid-template-columns:1fr 1fr}.cinematic-copy h1{font-size:5.8vw}.cinematic-copy .lab-lead{font-size:17px}.cinematic-copy .actions{gap:15px}}
@media(max-width:650px){.cinematic-layout{display:block;min-height:0;padding-top:42px;padding-bottom:25px}.cinematic-copy h1{font-size:10.5vw;margin-bottom:25px}.cinematic-copy .lab-lead{font-size:17px}.cinematic-project{margin:35px -8px 25px}.cinematic-project .laptop-stage{transform:none}.cinematic-project>span{font-size:13px;margin-top:0}.cinematic-project small{font-size:10px}.cinematic-controls{display:block;padding-top:12px}.cinematic-controls>div{gap:30px}.cinematic-controls button{font-size:13px}.cinematic-controls p{font-size:11px;margin-top:20px}.lab-film-shade{background:linear-gradient(180deg,rgba(4,10,15,.72),rgba(4,10,15,.38))}.lab-background-film{object-position:62% center}} /* taste-skill-ignore: neutral readability scrim over owner-supplied video, not a decorative gradient fill. */
html.motion-off .cinematic-project .laptop-stage{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.cinematic-project .laptop-stage{transform:none;transition:none}}

/* Persistent, consent-gated access to the existing Ilumax agent. */
html[data-direction] #ilumax-receptionist{position:fixed!important;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:90;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:flex-end}
html[data-direction] .receptionist-launch{min-height:58px;padding:7px 18px 7px 8px;gap:10px;border-radius:32px;background:#101e21;color:#f6f7f2;border:0;box-shadow:none}
html[data-direction] .receptionist-launch img{width:40px;height:40px;object-fit:contain}html[data-direction] .receptionist-launch span{font-size:15px}html[data-direction] .receptionist-launch small{display:block;font-size:11px;color:#c2d5d1}
html[data-direction].cookie-consent-open #ilumax-receptionist{visibility:visible;pointer-events:auto;bottom:min(calc(var(--cookie-panel-height,300px) + 28px),calc(100dvh - 82px))}
html[data-direction] body{padding-bottom:86px}
::view-transition-group(lab-case-visual){animation-duration:.75s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){html:not(.motion-off) .lab-device-section .laptop-stage{animation:lab-device-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}
@keyframes lab-device-reveal{from{transform:scale(.88);clip-path:inset(6% 4% 0)}to{transform:scale(1);clip-path:inset(0)}}
@media(max-width:650px){html[data-direction] .receptionist-launch{min-height:52px;padding:6px 14px 6px 7px;gap:8px}html[data-direction] .receptionist-launch img{width:32px;height:32px}html[data-direction] .receptionist-launch span{font-size:14px}}

.lab-review-section{padding:85px 0;background:#e5eeea;color:#102d35}.lab-review-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.lab-review-layout h2{font-size:clamp(40px,4.3vw,64px);line-height:1.05;letter-spacing:-.05em;margin-bottom:24px}.lab-review-layout>div>p{font-size:18px;line-height:1.6;color:#36555b;max-width:480px}.lab-review-layout .button{margin-top:28px;background:#17353d;color:#fff}.lab-review-layout .lab-review-small{font-size:12px;margin-top:18px}
.lab-google-reviews{padding:30px;background:#fff;color:#12303b}.google-review-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.lab-google-reviews h3{font-size:25px;line-height:1.2;margin:0;letter-spacing:-.025em}.lab-google-reviews p{color:#3c565c;line-height:1.6;font-size:15px}.lab-google-reviews .gmp-attribution{font-family:inherit;font-style:normal;font-weight:400;font-size:12px;letter-spacing:normal;white-space:nowrap;color:#5e5e5e}.google-review-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.google-review-actions a{color:#123c49;text-decoration:underline;text-underline-offset:4px;font-size:14px}.google-review-actions button{background:#17353d;color:#fff;font:inherit;min-height:46px;padding:12px 18px;border:0;cursor:pointer}.lab-google-reviews .google-review-note{font-size:12px;color:#52696d;margin-top:20px}.google-review-actions:empty{display:none}.lab-google-reviews article{padding-block:22px}.lab-google-reviews blockquote{margin:12px 0;font-size:16px;line-height:1.65}.google-review-author{display:flex;gap:10px;align-items:center;font-weight:600}.google-review-author img{border-radius:50%}.lab-google-reviews .google-review-detail{font-size:12px}.lab-google-reviews .google-review-score{font-size:26px;color:#16343d}.review-intro>.lab-google-reviews{margin-top:38px}.review-intro>.lab-google-reviews h3{font-size:24px}
@media(max-width:650px){.lab-review-section{padding:45px 0}.lab-review-layout{display:block}.lab-review-layout h2{font-size:40px}.lab-review-layout>div>p{font-size:17px}.lab-google-reviews{padding:23px;margin-top:35px}.google-review-heading{display:block}.google-review-heading .gmp-attribution{display:block;margin-top:15px}}

/* Keep navigation and the receptionist reachable during native snapshot transitions. */
::view-transition{pointer-events:none}
html[data-direction] #ilumax-receptionist,html[data-direction] elevenlabs-convai{view-transition-name:lab-receptionist}
::view-transition-group(lab-receptionist){animation:none;z-index:10}
::view-transition-old(lab-receptionist){display:none}
::view-transition-new(lab-receptionist){animation:none;mix-blend-mode:normal}

/* Device presentations shared by every project. */
.device-format{display:flex;gap:7px;flex-wrap:wrap;background:#d1dedb;padding:5px;border-radius:5px}.device-format button{border:0;background:transparent;color:#25454c;font:inherit;font-size:14px;min-height:44px;padding:10px 20px;border-radius:3px;cursor:pointer}.device-format button[aria-pressed=true]{background:#14353e;color:#fff}.device-format button:focus-visible{outline:3px solid #00899a;outline-offset:4px}
.device-showroom{display:grid;place-items:center}.device-stage{flex-shrink:0}.device-viewport{overflow:auto;scrollbar-width:thin}.device-stage .device-viewport img{min-height:100%;max-height:none}.device-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:15px}.device-toolbar>p{font-size:12px;color:inherit;margin:0}.iphone-home{display:none}
.iphone-stage{position:relative;width:min(300px,78vw);aspect-ratio:393/852;margin:45px auto 25px;background:#080c10;border-radius:48px;isolation:isolate;border:1px solid #6c7d86;box-shadow:0 24px 45px #0004} /* taste-skill-ignore: physical device bezel and contact shadow, not a generic content card. */
.iphone-stage:before{content:"";position:absolute;inset:8px;background:#f5f7f6;border-radius:39px;z-index:1}.iphone-stage:after{content:"";position:absolute;top:18px;left:36%;width:28%;height:20px;background:#080c10;border-radius:20px;z-index:4}.iphone-stage .laptop-shell{display:none}.iphone-stage .device-viewport{inset:48px 12px 28px;width:auto;height:auto;border-radius:0;background:#f5f7f6;z-index:3}.iphone-stage .iphone-home{display:block;position:absolute;bottom:15px;left:36%;width:28%;height:4px;border-radius:4px;background:#080c10;z-index:4}.iphone-stage.is-landscape .device-viewport img,.iphone-stage.is-landscape .device-viewport video{width:auto;max-width:none;height:100%;min-width:100%;min-height:0;object-fit:contain}.iphone-stage.is-landscape .device-viewport video{aspect-ratio:16/9}
@media(max-width:650px){.device-format{margin-top:24px;width:fit-content}.device-format button{font-size:13px;padding-inline:18px}.device-toolbar{display:block;margin-top:20px}.device-toolbar>p{margin-top:20px;font-size:11px}.iphone-stage{width:min(280px,78vw);margin-top:28px;margin-bottom:20px}.device-showroom .laptop-stage{margin-top:28px}.device-toolbar .device-controls{margin-top:0}}

/* Full-page cinematic film: the frame is outside transformed route content. */
html[data-direction=dna]{background:#040b10}html[data-direction=dna] body{background:transparent;isolation:isolate}
#lab-page-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#040b10}#lab-page-background .lab-background-film{width:100%;height:100%;object-fit:cover}.lab-page-shade{position:absolute;inset:0;background:rgba(3,10,16,.38)}
html[data-direction=dna] #main{background:transparent}html[data-direction=dna] #main>section,html[data-direction=dna] #main>article,html[data-direction=dna] .site-assistance,html[data-direction=dna] .site-footer{background:rgba(3,10,16,.58)!important;color:#edf6f2}html[data-direction=dna] #main>.cinematic-hero,html[data-direction=dna] #main>.lab-subhero{background:transparent!important}
html[data-direction=dna] .lab-feature h2,html[data-direction=dna] .lab-feature p,html[data-direction=dna] .lab-feature .text-link,html[data-direction=dna] .lab-feature figcaption,html[data-direction=dna] .lab-review-layout>div>p,html[data-direction=dna] .lab-review-layout>div>h2{color:#e4f1ed}
html[data-direction=dna] .lab-device-section .device-format{background:#1f3a43}html[data-direction=dna] .lab-device-section .device-format button{color:#c2d7d7}html[data-direction=dna] .lab-device-section .device-format button[aria-pressed=true]{background:#d2e4dd;color:#0b2832}
html[data-direction=dna] .device-toolbar>p{color:#c1d7d5}
.iphone-stage .device-viewport{scrollbar-width:none}.iphone-stage .device-viewport::-webkit-scrollbar{display:none}
.iphone-stage[data-screen-tone=dark]:before,.iphone-stage[data-screen-tone=dark] .device-viewport{background:#050505}.iphone-stage[data-screen-tone=dark] .iphone-home{background:#f2f6f3}

/* All project media fits intact first. Detail mode is an explicit opt-in. */
.lab-device-section .device-stage[data-fit=contain] .device-viewport{display:grid;place-items:center;overflow:hidden;background:#080d12}
.lab-device-section .device-stage[data-fit=contain] .device-viewport img,.lab-device-section .device-stage[data-fit=contain] .device-viewport video{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;aspect-ratio:auto}
.lab-device-section .device-stage[data-fit=detail] .device-viewport{display:block;overflow:auto}
.lab-device-section .device-stage[data-fit=detail].is-landscape .device-viewport img{width:auto;max-width:none;height:100%;min-width:100%;min-height:0;max-height:none;object-fit:contain}
.lab-device-section .device-stage[data-fit=detail]:not(.is-landscape) .device-viewport img{width:100%;height:auto;min-height:0;max-width:100%;max-height:none}
.tablet-stage{position:relative;isolation:isolate;width:min(640px,88vw);aspect-ratio:4/3;margin:40px auto 24px;background:#0a1017;border:2px solid #63727b;border-radius:28px;padding:20px;box-sizing:border-box}
.tablet-stage:before{content:"";position:absolute;top:8px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#354752}
.tablet-stage .laptop-shell{display:none}.tablet-stage .device-viewport{inset:20px;width:auto;height:auto;border-radius:9px;z-index:2}
.tablet-stage .iphone-home{display:block;position:absolute;bottom:8px;left:40%;width:20%;height:3px;background:#d0d9dd;border-radius:3px}
.device-stage[data-fit=detail] .device-viewport:focus-visible{outline:3px solid #00a6b8;outline-offset:0}.device-controls [data-device-detail][aria-pressed=true]{background:#356875}
@media(max-width:650px){.device-format{gap:3px}.device-format button{padding-inline:14px}.tablet-stage{padding:15px;border-radius:22px;margin-top:28px}.tablet-stage .device-viewport{inset:15px;border-radius:7px}.tablet-stage:before{top:5px;width:5px;height:5px}.tablet-stage .iphone-home{bottom:5px}.device-controls button{font-size:12px;padding-inline:15px}}
/* Service-led landing page: project imagery lives under Work. */
.studio-home-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;min-height:650px;padding-block:95px 75px}
.studio-home-copy{position:relative;z-index:2;min-width:0}.studio-home-copy h1{font-size:clamp(48px,5.4vw,82px);line-height:1.01;letter-spacing:-.055em;margin:0 0 30px}.studio-home-copy .lab-lead{font-size:21px;max-width:470px}
.studio-home-services{display:flex;flex-direction:column;align-items:flex-start;gap:20px;position:relative;perspective:1100px}
.studio-home-services span{display:block;font-size:clamp(36px,4.4vw,68px);line-height:1.05;letter-spacing:-.055em;color:#b5d8d7;transform:translateX(calc(var(--pointer-x,0)*22px));transition:transform .5s}
.studio-home-services span:nth-child(2){margin-left:8%;color:#f2f6f3;transform:translateX(calc(var(--pointer-x,0)*-30px))}.studio-home-services span:last-child{margin-left:16%;color:#fa813d}
.studio-home-layout>.cinematic-controls{grid-column:1/-1}.studio-home-hero.kinetic-hero .studio-home-services span{color:#122e36}.studio-home-hero.kinetic-hero .studio-home-services span:last-child{color:#fff}.studio-home-hero.vector-hero{background:#0a2026}.studio-home-hero.dna-hero{background:transparent}
html.lab-home .sales-suite-layout:has(.sales-suite-screen){grid-template-columns:1fr 1fr}
@media(min-width:651px){.studio-home-hero.kinetic-hero .lab-wrap{display:grid}}
@media(max-width:650px){.studio-home-layout{display:block;min-height:0;padding-top:52px;padding-bottom:45px}.studio-home-copy h1{font-size:10.4vw}.studio-home-copy .lab-lead{font-size:17px}.studio-home-services{margin-top:58px;gap:16px}.studio-home-services span{font-size:10vw}.studio-home-services span:last-child br{display:none}.studio-home-layout>.cinematic-controls{margin-top:42px}.studio-home-copy .actions{gap:20px}}
@media(prefers-reduced-motion:reduce){.studio-home-services span{transform:none!important;transition:none}}
html.motion-off .studio-home-services span{transform:none!important;transition:none}
/* Desktop-only artwork gets a readable project overview in the phone, rather than a cropped or stretched fake mobile interface. */
.device-content{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center}.phone-overview{display:none}
.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .device-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px;padding:22px 16px;box-sizing:border-box;background:#f3f5f2;color:#132c35}
.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .phone-overview{display:block;margin:0}.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .phone-overview h3{font-size:20px;line-height:1.15;letter-spacing:-.035em;color:#132c35;margin:0}
.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .phone-description{font-size:13px;line-height:1.55;color:#28434b;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .device-viewport img,.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .device-viewport video{height:auto;min-height:0;max-height:42%;width:100%;object-fit:contain;flex-shrink:0}
.device-stage[data-fit=detail] .device-content{display:block;width:auto;height:100%}
@media(min-width:651px){.device-heading{align-items:center;gap:24px}.device-heading>div:first-child{min-width:0}.device-format{flex-shrink:0;flex-wrap:nowrap}}
@media(max-width:650px){.studio-home-services span:last-child{max-width:84%}.studio-home-services span:last-child br{display:initial}}
.lab-device-section .iphone-stage.is-landscape[data-fit=contain] .phone-overview h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Keep feedback text full-width until a real Google profile is connected. */
.lab-review-layout:not(:has(.lab-google-reviews:not([hidden]))){display:block;max-width:1000px;margin-inline:auto}