.studio{--scene-rgb:255,193,122;--sign-x:0deg;--sign-y:0deg}
.studio [hidden]{display:none!important}.studio button{font:inherit;color:inherit;cursor:pointer}.studio .hero-art>img{transition:filter 1.3s ease}.studio[data-light="cool"]{--scene-rgb:169,217,255;--muted:#b6c5d2}.studio[data-light="cool"] .hero-art>img{filter:hue-rotate(158deg) saturate(.5) brightness(.95)}.studio[data-light="cool"] .art-shade{background:linear-gradient(90deg,#10151be8,#10151b88 32%,transparent 70%),linear-gradient(0deg,#141210,transparent 25%)}
.ambient-bloom{position:absolute;width:45%;height:65%;top:10%;right:3%;background:radial-gradient(ellipse,rgba(var(--scene-rgb),.16),transparent 65%);mix-blend-mode:screen;pointer-events:none;animation:studio-light 8s ease-in-out infinite alternate}.scene-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.glass-sign{position:absolute;right:5%;top:19%;width:170px;height:95px;padding:22px 24px;background:linear-gradient(135deg,#d5e4ef21,#15233133 40%,#d5e4ef0c);border:1px solid #e4eef759;border-radius:4px;backdrop-filter:blur(9px);box-shadow:inset 0 0 0 1px #edf5fc08,7px 7px 0 -1px #151d2380,7px 7px 0 0 #b3c1cd33,16px 25px 40px #0004;transform:perspective(700px) rotateX(calc(5deg + var(--sign-y))) rotateY(calc(-15deg + var(--sign-x))) translateY(0);transform-origin:center;animation:studio-float 9s ease-in-out infinite;transition:transform .4s ease-out}.glass-sign:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,#ffffff0a 35%,transparent 65%);pointer-events:none}.glass-sign img{width:105px;height:auto;object-fit:contain;margin:auto}.glass-sign>span{font-size:8px;text-transform:uppercase;letter-spacing:.19em;display:block;text-align:center;margin-top:12px;color:#cad7e1}
.scene-controls{position:absolute;bottom:140px;right:var(--pad);display:flex;gap:2px;align-items:center;z-index:3;padding:4px;background:#201d1acd;border:1px solid #dccdb236;border-radius:10px;backdrop-filter:blur(18px);box-shadow:0 8px 32px #0002}.scene-controls button{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;border-radius:7px;min-height:42px;padding:9px 13px;font-size:11px;color:#e8e0d8;white-space:nowrap}.scene-controls button>span:first-child{font-size:15px;color:#c1ae95}.scene-controls button:hover,.scene-controls button[aria-expanded="true"]{background:#f4e3c518}.scene-controls button:focus-visible{outline:2px solid #edf6ff;outline-offset:3px}.scene-controls button:disabled{opacity:.5;cursor:default}.studio[data-light="cool"] .scene-controls{background:#18232ecd;border-color:#c7def236}
.scene-points{position:absolute;inset:0;pointer-events:none;z-index:3}.scene-points>a{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid #ede2d19c;border-radius:50%;color:#fff;background:#1d232bd6;box-shadow:0 0 0 6px #e8d6bf0a,0 6px 25px #0004;backdrop-filter:blur(12px);pointer-events:auto;font-size:11px}.scene-points>a:after{content:'';position:absolute;inset:-7px;border:1px solid #ecd6b126;border-radius:50%;animation:studio-point 4s ease-in-out infinite}.point-label{position:absolute;bottom:54px;right:0;background:#161c23f0;border:1px solid #c7d2e33b;border-radius:5px;padding:12px 15px;font-size:11px;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s,transform .2s}.scene-points>a:hover .point-label,.scene-points>a:focus-visible .point-label{opacity:1;transform:none}
.studio .project-image{transform:perspective(1000px) rotateX(var(--card-y,0deg)) rotateY(var(--card-x,0deg));transition:transform .5s ease-out,box-shadow .5s;box-shadow:0 10px 35px #0002;position:relative;transform-origin:center}.studio .project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,#e0eafa0a 50%,transparent 65%);opacity:0;transition:opacity .5s;pointer-events:none}.studio .project:hover .project-image{box-shadow:0 20px 50px #0005}.studio .project:hover .project-image:after{opacity:1}
.studio-testimony{padding-top:70px;padding-bottom:70px;background:radial-gradient(ellipse at 90% 0,#d9a55a09,transparent 60%)}.studio-testimony figure{margin:30px 0}.studio-testimony blockquote{font-size:clamp(23px,2.7vw,39px);line-height:1.5;font-weight:380;letter-spacing:-.025em;margin:0;max-width:1040px;color:#e0d7cb}.studio-testimony figcaption{font-size:14px;margin-top:30px}.studio-testimony figcaption span{font-size:11px;color:var(--muted);margin-left:15px}
.studio.experience-reveals .section-heading,.studio.experience-reveals .project,.studio.experience-reveals .studio-testimony figure,.studio.experience-reveals .about h2{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.studio.experience-reveals .is-revealed,.studio.experience-reveals .project:focus-within{opacity:1;transform:none}
.studio[data-effects="off"] .ambient-bloom,.studio[data-effects="off"] .glass-sign,.studio[data-effects="off"] .scene-points>a:after{animation:none}.studio[data-effects="off"] .hero-art{transform:none}.studio[data-effects="off"] .project-image{transform:none}
.studio .scene-out-of-view .ambient-bloom,.studio .scene-out-of-view .glass-sign,.studio .scene-out-of-view .scene-points>a:after,.studio.scene-document-hidden .ambient-bloom,.studio.scene-document-hidden .glass-sign,.studio.scene-document-hidden .scene-points>a:after{animation-play-state:paused}
@keyframes studio-light{from{opacity:.65}to{opacity:1}}
@keyframes studio-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes studio-point{0%,100%{opacity:.4}50%{opacity:.85}}
@media(max-width:1050px){.scene-controls{right:var(--pad);bottom:40px}.glass-sign{width:145px;height:84px;padding:18px;top:20%}.glass-sign img{width:94px}}
@media(max-width:700px){.studio .hero{min-height:820px}.studio .hero-copy{padding-bottom:300px}.studio .header nav{top:710px;font-size:12px;padding:15px 20px}.scene-controls{left:var(--pad);right:auto;top:640px;bottom:auto;max-width:calc(100% - 48px);width:calc(100% - 48px);justify-content:space-between}.scene-controls button{padding:8px 9px;font-size:10px;gap:6px;min-height:42px}.glass-sign{display:none}.studio .hero-caption{bottom:35px;font-size:7px}.ambient-bloom{right:12%;width:60%}.studio-testimony{padding-top:50px;padding-bottom:50px}.studio-testimony blockquote{font-size:24px;line-height:1.5}.studio-testimony figcaption span{display:block;margin:8px 0 0}.point-label{font-size:10px;padding:10px}.studio.experience-reveals .section-heading,.studio.experience-reveals .project,.studio.experience-reveals .studio-testimony figure,.studio.experience-reveals .about h2{transform:translateY(10px)}}
@media(max-width:700px) and (max-height:760px){.scene-controls{top:560px}.studio .header nav{top:620px}}
@media(max-width:360px){.scene-controls{left:20px;width:calc(100% - 40px);max-width:none}.scene-controls button{font-size:9px;padding:8px 7px;gap:4px}}
@media(prefers-reduced-motion:reduce){.studio .ambient-bloom,.studio .glass-sign,.studio .scene-points>a:after{animation:none}.studio .hero-art,.studio .project-image{transform:none!important}.studio.experience-reveals .section-heading,.studio.experience-reveals .project,.studio.experience-reveals .studio-testimony figure,.studio.experience-reveals .about h2{opacity:1;transform:none;transition:none}.studio .hero-art>img{transition:none}}

.studio[data-light="cool"] .button{background:#e0ebf5;border-color:#c8dce9}.studio[data-light="cool"] .header nav{background:#19252d9c;border-color:#b3d1e932}

/* One motion language: physical depth, restrained light, native page scrolling. */
.studio.studio-kinetics .hero-art{transform:perspective(1400px) translate3d(var(--camera-x,0),var(--camera-y,0),0) scale(var(--camera-scale,1.035));transition:none;will-change:transform}
.studio.studio-kinetics[data-effects="off"] .hero-art{transform:none;will-change:auto}
.studio .directions{position:relative;display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;align-items:center;overflow:hidden;min-height:530px;background:radial-gradient(ellipse at 80% 50%,rgba(var(--scene-rgb),.065),transparent 60%)}
.studio .directions .section-heading{grid-column:1;align-self:end;margin-bottom:25px}.studio .directions-grid{grid-column:1;grid-template-columns:1fr;gap:23px;align-self:start}.studio .direction{padding-top:17px}.studio .direction p{max-width:400px}.studio .direction h3{font-size:20px}
.studio-lab{grid-column:2;grid-row:1/3;--orbit-y:-24deg;--orbit-x:10deg;--assembly:.3;--pane-width:180px;--pane-height:230px;--pane-depth:12px;position:relative;min-width:0;text-align:center}
.lab-surface{position:relative;width:100%;height:365px;perspective:1000px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-12px;border-radius:15px;isolation:isolate}.lab-surface:focus-visible{outline:1px solid #d8e9f7aa}.lab-surface.is-dragging{cursor:grabbing}.lab-surface[aria-disabled="true"]{cursor:default}
.lab-halo{position:absolute;inset:7% -5%;background:radial-gradient(ellipse,rgba(var(--scene-rgb),.1),transparent 67%);pointer-events:none;opacity:.8;transition:opacity .6s}.is-engaged .lab-halo{opacity:1}
.lab-sculpture{position:absolute;left:50%;top:49%;width:var(--pane-width);height:var(--pane-height);margin-left:calc(var(--pane-width)/-2);margin-top:calc(var(--pane-height)/-2);transform-style:preserve-3d;transform:rotateX(var(--orbit-x)) rotateY(var(--orbit-y));pointer-events:none}
.glass-pane{position:absolute;inset:0;transform-style:preserve-3d}.pane-0{transform:translate3d(calc(-75px * (1 - var(--assembly))),calc(-12px * (1 - var(--assembly))),-64px) rotateY(calc(-24deg * (1 - var(--assembly))))}.pane-1{transform:translateZ(0)}.pane-2{transform:translate3d(calc(75px * (1 - var(--assembly))),calc(12px * (1 - var(--assembly))),64px) rotateY(calc(24deg * (1 - var(--assembly))))}
.pane-front,.pane-back{position:absolute;inset:0;border:1px solid #c7d9eb8c;border-radius:9px;background:linear-gradient(135deg,#c2d9e924,#819aab06 42%,#19334524 80%,#d3e4f01f);box-shadow:inset 0 0 0 1px #fff1,inset 0 0 25px #c6d7e50b;backface-visibility:hidden}
.pane-front{transform:translateZ(6px);display:flex;align-items:center;justify-content:center}.pane-front:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 5%,#e4f4ff19 25%,transparent 47%);opacity:.65;transition:opacity .5s}.is-engaged .pane-front:after{opacity:1}.pane-front img{width:112px;height:auto;filter:drop-shadow(0 0 9px #dbeaf830)}.pane-back{transform:rotateY(180deg) translateZ(6px);background:linear-gradient(135deg,#7f98ac1a,#18253355);border-color:#c4d6e77d}.pane-back:after{content:'';position:absolute;inset:25px;border:1px solid #c1d3e522;border-radius:50%}
.pane-edge{position:absolute;background:linear-gradient(90deg,#c0d6e543,#c0d6e519);border:1px solid #c5d9e44a;backface-visibility:hidden}.edge-left,.edge-right{width:12px;height:230px;top:0;transform:rotateY(90deg)}.edge-left{left:-6px}.edge-right{left:174px}.edge-top,.edge-bottom{width:180px;height:12px;left:0;transform:rotateX(90deg)}.edge-top{top:-6px}.edge-bottom{top:224px}
.pane-index,.pane-footer{position:absolute;left:18px;font-size:8px;letter-spacing:.13em;line-height:1.5;color:#d5e3edb0}.pane-index{top:17px}.pane-footer{bottom:16px;font-size:6px}.pane-orbit{position:absolute;width:98px;height:98px;border:1px solid #d8eaf773;border-radius:50%;transform:rotate(-30deg)}.pane-orbit:before,.pane-orbit:after{content:'';position:absolute;inset:18px -16px;border:1px solid #d6eafa5c;border-radius:50%;transform:rotate(35deg)}.pane-orbit:after{inset:-16px 18px;transform:rotate(35deg)}
.pane-code{width:87px;display:grid;gap:9px}.pane-code i{display:block;height:3px;background:#d0e7f577;border-radius:4px}.pane-code i:nth-child(2){width:65%;margin-left:10px;background:#b9d6eb44}.pane-code i:nth-child(3){width:85%;margin-left:10px}.pane-code i:nth-child(4){width:45%;margin-left:10px;background:#b9d6eb44}.pane-code i:nth-child(5){width:20%}
.lab-crosshair{position:absolute;left:50%;bottom:14px;width:120px;height:28px;border:1px solid #c2d5e622;border-radius:50%;transform:translateX(-50%) rotateX(55deg);box-shadow:0 0 35px #bad8ed0a;pointer-events:none}
.lab-interface{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:3px}.lab-interface p{font-size:10px;color:var(--muted)}.lab-interface p span{display:none}.lab-actions{display:flex;gap:3px}.lab-actions button,.gallery-controls button{width:44px;height:44px;border:1px solid #c2d7e42c;background:#caddeb05;border-radius:50%;font-size:18px;display:grid;place-items:center;transition:background .2s,border-color .2s}.lab-actions button:hover,.gallery-controls button:hover{background:#cde4f013;border-color:#c2d7e477}.lab-actions button:focus-visible,.gallery-controls button:focus-visible{outline:2px solid #d8e9f7;outline-offset:3px}.lab-actions button:disabled,.gallery-controls button:disabled{opacity:.3;cursor:default}.lab-caption{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#cbd6dd8a;margin-top:13px}
.studio.studio-kinetics .projects{overflow:hidden}.studio.studio-kinetics .project-grid{position:relative;display:flex;gap:55px;overflow-x:auto;overflow-y:hidden;padding:28px 25px 18px;margin:0 -25px;perspective:1500px;scrollbar-width:thin;scrollbar-color:#b1c7d93d transparent;overscroll-behavior-x:contain;cursor:grab;outline-offset:5px}
.studio.studio-kinetics .project{flex:0 0 73%;min-width:0;margin-top:0;transform:translateZ(var(--gallery-depth,0)) rotateY(var(--gallery-angle,0deg)) rotateZ(var(--gallery-roll,0deg));transform-style:preserve-3d;transform-origin:center;transition:opacity .7s;opacity:1!important;user-select:none;-webkit-user-select:none}.studio.studio-kinetics .project-grid.is-dragging,.studio.studio-kinetics .project-grid.is-dragging a{cursor:grabbing}.studio.studio-kinetics .project-grid a{cursor:grab}.studio.studio-kinetics .project-image{border-radius:14px;box-shadow:0 15px 45px #0005;transform:perspective(1000px) rotateX(var(--card-y,0deg)) rotateY(var(--card-x,0deg));transition:transform .3s ease-out}.studio.studio-kinetics .project-image:after{background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#e0f2ff20,transparent 50%);mix-blend-mode:screen}.studio.studio-kinetics .project:hover img{transform:scale(1.012)}.studio.studio-kinetics .project-meta h3{font-size:26px}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.gallery-controls>span{font-size:11px;color:var(--muted);letter-spacing:.02em}.gallery-controls>span span{margin-left:12px}.gallery-controls>div{display:flex;gap:8px}
@media(min-width:1500px){.studio-lab{--pane-width:180px}.lab-surface{height:400px}.lab-sculpture{scale:1.15}}
@media(max-width:1050px){.studio .directions{column-gap:4%;grid-template-columns:1fr 1fr}.studio .direction h3{font-size:18px}.lab-sculpture{scale:.9}.studio.studio-kinetics .project-grid{gap:35px}.studio.studio-kinetics .project{flex-basis:82%}}
@media(max-width:700px){.studio .directions{display:block;min-height:0}.studio-lab{margin-top:35px}.lab-surface{height:295px}.lab-sculpture{scale:.85}.lab-interface{gap:12px}.lab-caption{margin-top:10px}.studio.studio-kinetics .project-grid{gap:20px;margin:0 -15px;padding:18px 15px}.studio.studio-kinetics .project{flex-basis:88%}.studio.studio-kinetics .project-meta{display:block}.studio.studio-kinetics .project-meta h3{font-size:22px}.studio.studio-kinetics .project-meta>span{margin-top:8px;font-size:10px}.gallery-controls>span{font-size:10px}.studio.studio-kinetics .project-image{border-radius:9px}}
@media(max-width:360px){.lab-sculpture{scale:.72}.lab-surface{height:260px}.lab-interface{flex-direction:column;gap:8px}.studio.studio-kinetics .project-grid{gap:17px}.studio.studio-kinetics .project{flex-basis:93%}}
@media(prefers-reduced-motion:reduce){.studio.studio-kinetics .hero-art{transform:none!important;will-change:auto}.studio.studio-kinetics .project,.studio.studio-kinetics .project-image{transform:none!important}.studio.studio-kinetics .project:hover img{transform:none}.pane-front:after{opacity:.65}}