:root{--studio-space:24px;--studio-gap:16px;--studio-touch:44px;--studio-card-min:272px;--studio-radius:12px;--studio-body:16px;--studio-small:12px;--studio-poster-height:380px;--ink-faint:#666675}
.project-preview{isolation:isolate}
.studio-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-gap)}
.studio-services p{font-size:var(--studio-body)!important}
.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--studio-card-min)),1fr));gap:var(--studio-gap)}
.project-preview{width:100%}.project-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:var(--bg-sunk)}
.portfolio-note{color:var(--ink-dim);font-size:var(--studio-body);line-height:1.65;max-width:75ch;margin:0 0 var(--studio-space)}
.robot-poster,.robot-interactive{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center}
.robot-interactive:empty{pointer-events:none}.robot-interactive spline-viewer{width:100%;height:100%;transform:scale(.78);pointer-events:auto}
.motion-button{min-height:var(--studio-touch);padding:var(--studio-small) var(--studio-gap);border:1px solid var(--line-strong);border-radius:var(--studio-radius);background:var(--bg-elev);color:var(--ink);font:inherit;font-size:var(--studio-small);cursor:pointer}
.motion-button:hover{border-color:var(--accent);color:var(--accent)}.motion-button:active{transform:translateY(1px)}.motion-button:disabled{opacity:.5;cursor:default}
.motion-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.robot-button{position:absolute;right:var(--studio-space);bottom:var(--studio-space);pointer-events:auto}
.demo-poster{width:100%;height:100%;object-fit:cover}.demo-button{position:absolute;bottom:var(--studio-space);left:50%;transform:translateX(-50%)}
.demo-stage{position:absolute;inset:0;width:100%;height:100%}
.robot-poster{width:70%;left:auto;right:-10%}
[data-stat-row]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--studio-gap)!important}[data-stat-row]>div>div:first-child{font-size:clamp(1rem,2vw,1.7rem)!important}
[data-nav-links] a{min-height:var(--studio-touch);display:inline-flex;align-items:center}
[data-cs-meta]{overflow-wrap:anywhere}button[aria-label="Close case study"]{min-width:var(--studio-touch);min-height:var(--studio-touch)}
@media(max-width:860px){
 .studio-services{grid-template-columns:1fr}
 [data-hero-robot]{position:relative!important;inset:auto!important;height:var(--studio-poster-height);min-height:0!important;width:100%}
 [data-hero-robot]{order:1!important}
 main>section:first-child{display:flex!important;flex-direction:column;min-height:auto!important}
 main>section:first-child>div:not([aria-hidden]):not([data-hero-robot]){padding-bottom:var(--studio-space)!important}
 [data-hero-robot] .robot-poster{object-position:center;width:100%;right:0}
 main>section:first-child>div:not([aria-hidden]):not([data-hero-robot]){padding-top:128px!important}
 [data-cs-meta]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 [data-hero-cta]{width:100%!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
