.studio-showroom{padding:28px clamp(18px,4.5vw,64px) 64px}.studio-intro{max-width:900px;font-size:18px;line-height:1.85;margin:32px 0}.studio-hall{--hall-accent:var(--gold);position:relative;isolation:isolate;overflow:clip;border:1px solid var(--line);border-radius:12px;min-height:520px;padding:26px 32px;background:radial-gradient(ellipse at 70% 45%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 65%),var(--surface)}.studio-hall[data-area="1"]{--hall-accent:var(--blue)}.studio-hall[data-area="2"]{--hall-accent:var(--green)}.hall-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px;opacity:.22;transform:perspective(500px) rotateX(28deg) scale(1.4);mask-image:linear-gradient(transparent,#000 60%,transparent)}.hall-beam{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.18;background:linear-gradient(110deg,transparent 30%,var(--hall-accent) 49%,transparent 68%);animation:hall-sweep 9s ease-in-out infinite;animation-play-state:paused;will-change:transform}.hall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.hall-toolbar button{min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:24px;letter-spacing:0;text-transform:none;font-size:12px;background:var(--surface)}.hall-instrument{position:absolute;right:-2%;top:35px;width:62%;height:440px;fill:none;stroke:color-mix(in srgb,var(--hall-accent) 65%,var(--ink));stroke-width:.8;opacity:.85;pointer-events:none}.hall-ring,.hall-orbit{transform-origin:300px 240px;animation:hall-turn 32s linear infinite;animation-play-state:paused}.hall-orbit{animation-duration:23s;animation-direction:reverse;stroke:color-mix(in srgb,var(--blue) 65%,var(--ink));stroke-width:1.2}.hall-core{stroke-width:1.2;animation:hall-breathe 7s ease-in-out infinite;animation-play-state:paused}.studio-hall[data-running=true] .hall-ring,.studio-hall[data-running=true] .hall-orbit,.studio-hall[data-running=true] .hall-core,.studio-hall[data-running=true] .hall-beam{animation-play-state:running}.hall-copy{position:relative;margin:100px 0 70px;max-width:54%;z-index:1}.hall-status{font-size:10px;letter-spacing:1.5px;color:var(--hall-accent);text-transform:uppercase}.hall-copy h2{font:400 clamp(34px,4vw,57px)/1.12 Arial,sans-serif;letter-spacing:-1.5px;margin:20px 0}.hall-copy>p:last-child{font-size:14px;line-height:1.9;max-width:43ch;color:var(--muted)}.hall-switch{display:flex;gap:12px;position:relative;z-index:2}.hall-switch button{min-height:44px;padding:12px 22px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:13px}.hall-switch button[aria-pressed=true]{border-color:var(--hall-accent);color:var(--hall-accent)}.studio-offer,.studio-example{display:grid;grid-template-columns:1.7fr 1fr;gap:48px;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.studio-offer h2,.studio-example h2{font-size:30px;line-height:1.4;font-weight:400;margin:0 0 16px}.studio-offer p{font-size:15px;line-height:1.9;color:var(--muted);max-width:75ch}.studio-offer>a,.studio-example>a{justify-self:end}.studio-example h2{font-size:22px;margin:0}@keyframes hall-turn{to{transform:rotate(360deg)}}@keyframes hall-sweep{0%,100%{transform:translateX(-55%)}50%{transform:translateX(50%)}}@keyframes hall-breathe{50%{opacity:.4}}@media(max-width:700px){.studio-hall{padding:18px;min-height:510px}.hall-toolbar{letter-spacing:.7px;font-size:10px}.hall-toolbar button{font-size:11px;padding:8px 10px}.hall-instrument{width:110%;height:340px;top:60px;right:-40%;opacity:.6}.hall-copy{max-width:100%;margin:100px 0 45px}.hall-copy h2{font-size:39px;max-width:10ch}.hall-copy>p:last-child{max-width:29ch}.hall-status{max-width:25ch;line-height:1.8}.hall-switch{gap:6px;flex-wrap:wrap}.hall-switch button{font-size:12px;padding:11px 13px}.studio-offer,.studio-example{grid-template-columns:1fr;gap:18px}.studio-offer>a,.studio-example>a{justify-self:start}.studio-offer h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.studio-hall *{animation:none!important}.hall-beam{display:none}}