.studio-section{background:#1b1916;color:#f7f1e6;overflow:hidden}
.motion-toggle{position:fixed;z-index:35;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.6rem .82rem;border:1px solid #665f55;border-radius:999px;background:var(--soot);color:#f7f1e6;font:800 .66rem/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.motion-toggle span{width:.55rem;height:.55rem;border-radius:50%;background:var(--signal);box-shadow:0 0 0 .2rem rgba(217,75,36,.22)}.motion-toggle b{font:inherit}.motion-toggle[aria-pressed="false"] span{background:#8b857c;box-shadow:none}.motion-toggle:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.studio-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,6vw,90px);align-items:end;margin-bottom:clamp(36px,6vw,78px)}
.studio-heading .kicker{color:#d37b4c}
.studio-heading h2{max-width:900px;margin:.15em 0 0;color:#f7f1e6;font-size:clamp(3rem,7vw,7.5rem);line-height:.88;letter-spacing:-.06em}
.studio-heading>p:last-child{max-width:520px;color:#bbb2a5;font:400 1.05rem/1.65 Georgia,serif}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}
.studio-study{position:relative;min-height:520px;overflow:hidden;border:1px solid #665f55;background:#0e0d0c;color:#f7f1e6}
.studio-onde{grid-row:span 2;min-height:1058px}
.studio-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-study::after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:62%;background:#0e0d0ce8;pointer-events:none}
.studio-code{position:absolute;z-index:2;top:22px;right:24px;font:800 .65rem ui-monospace,monospace;letter-spacing:.16em}
.studio-copy{position:absolute;z-index:3;left:clamp(24px,4vw,54px);right:clamp(24px,4vw,54px);bottom:clamp(26px,5vw,58px)}
.studio-copy p{color:#d37b4c;font:800 .64rem ui-monospace,monospace;letter-spacing:.14em}
.studio-copy h3{margin:.2em 0;color:#fff;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.9;letter-spacing:-.055em}
.studio-copy strong{display:block;max-width:520px;color:#c7beb0;font:400 1rem/1.5 Georgia,serif}
.studio-copy a{display:inline-flex;min-height:44px;align-items:center;gap:16px;margin-top:24px;border-bottom:1px solid #d37b4c;color:#fff;font:800 .72rem ui-monospace,monospace;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.studio-preview{position:absolute;inset:0;display:grid;place-items:center}
.studio-onde .studio-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,.12),rgba(7,8,7,.18) 42%,rgba(7,8,7,.92) 76%);pointer-events:none}
.studio-onde-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;opacity:.82;filter:saturate(.82) contrast(1.08)}
.studio-onde-ring{position:relative;z-index:1;width:min(40vw,430px);aspect-ratio:1;border:54px solid #292724;border-radius:50%;box-shadow:inset 10px 10px 18px #4b4740,inset -12px -12px 20px #050505,0 42px 80px #000,0 0 80px rgba(181,101,56,.2);transform:translateY(-12%) rotateX(64deg) rotateZ(-9deg)}
.operating-transition{margin:0;border-block:2px solid var(--soot);background:#24251f;color:#f7f1e6}.operating-transition video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#24251f}.operating-transition figcaption{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.2fr) minmax(220px,.9fr);gap:18px;align-items:start;padding:20px max(22px,calc((100vw - 1180px)/2));border-top:2px solid var(--soot)}.operating-transition figcaption span{color:#ef9c68;font:900 .66rem/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.operating-transition figcaption strong{font:700 clamp(1.25rem,2.3vw,2rem)/1.02 Georgia,serif}.operating-transition figcaption small{color:#c5d5cf;font:400 .78rem/1.45 Georgia,serif}
@media(max-width:820px){.motion-toggle{top:82px;right:14px;bottom:auto}.studio-heading,.studio-grid{grid-template-columns:1fr}.studio-onde{grid-row:auto;min-height:640px}.studio-study{min-height:620px}.studio-heading h2{font-size:clamp(3rem,14vw,5.4rem)}.studio-onde-ring{width:260px;border-width:38px}}
@media(max-width:760px){.operating-transition figcaption{grid-template-columns:1fr;gap:11px;padding:18px}.operating-transition figcaption strong{max-width:18ch}}
@media(prefers-reduced-motion:reduce){.studio-onde-ring{transform:rotateX(64deg) rotateZ(-9deg)}}