/* Music-led motion: content is visible by default, even if JavaScript fails. */
.motion-line{display:block;overflow:clip;padding:.12em .07em;margin:-.12em -.07em}
.motion-line-content{display:block;transform-origin:0 100%}
.sonic-curtain{position:fixed;inset:0;z-index:1000;display:flex;pointer-events:none;visibility:hidden;contain:strict}
.sonic-curtain.is-active{visibility:visible}
.sonic-curtain-bar{flex:1;margin-right:-1px;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:50% 100%}
.sonic-curtain-bar:nth-child(3n){background:var(--ink)}
.design-editorial .sonic-curtain-bar{background:#bb3a20}
.design-editorial .sonic-curtain-bar:nth-child(3n){background:#e5dfd1}
.design-studio .sonic-curtain-bar{background:#1935d4}
.design-studio .sonic-curtain-bar:nth-child(3n){background:#e1ff68}
.sonic-curtain[data-transition=home]{background:var(--bg)}
.sonic-curtain[data-transition=home] .sonic-curtain-bar{display:none}
.sonic-curtain[data-transition=portfolio]{flex-direction:column;overflow:hidden}
.sonic-curtain[data-transition=portfolio] .sonic-curtain-bar{flex:1;width:100%;height:25%;margin:0;background:var(--surface);transform:translateX(-105%)}
.sonic-curtain[data-transition=portfolio] .sonic-curtain-bar:nth-child(2n){background:var(--bg)}
.sonic-curtain[data-transition=portfolio] .sonic-curtain-bar:nth-child(n+5){display:none}
.sonic-curtain[data-transition=studios]{background:var(--bg)}
.sonic-curtain[data-transition=studios] .sonic-curtain-bar{display:none}
.sonic-curtain[data-transition=services]{flex-direction:column}
.sonic-curtain[data-transition=services] .sonic-curtain-bar{width:100%;height:25%;margin:0;transform:scaleX(0);transform-origin:left center;background:var(--surface)}
.sonic-curtain[data-transition=services] .sonic-curtain-bar:nth-child(2n){background:var(--bg)}
.sonic-curtain[data-transition=services] .sonic-curtain-bar:nth-child(n+5){display:none}
.sonic-curtain[data-transition=roster] .sonic-curtain-bar{height:100%;background:var(--surface);transform:translateY(105%)}
.sonic-curtain[data-transition=roster] .sonic-curtain-bar:nth-child(2n){background:var(--bg)}
.sonic-curtain[data-transition=roster] .sonic-curtain-bar:nth-child(n+7){display:none}
.sonic-curtain[data-transition=work] .sonic-curtain-bar{height:100%;margin:0;background:var(--bg);transform:translateX(-105%)}
.sonic-curtain[data-transition=work] .sonic-curtain-bar:nth-child(2){background:var(--surface);transform:translateX(105%)}
.sonic-curtain[data-transition=work] .sonic-curtain-bar:nth-child(n+3){display:none}
.sonic-ribbon{position:relative;min-width:0;height:76px;overflow:hidden;pointer-events:none;contain:layout paint}
.sonic-ribbon canvas{display:block;width:100%;height:100%}
.hero>.sonic-ribbon{position:relative;width:220px;max-width:65%;height:24px;margin:24px 0 0;opacity:.7}
.editorial-hero>.sonic-ribbon{grid-column:1/-1;width:220px;height:24px;margin:0;opacity:.7}
.studio-hero>.sonic-ribbon{width:220px;height:24px;margin-top:20px;opacity:.7}
.page-hero>.sonic-ribbon{width:180px;height:22px;margin-top:20px;opacity:.65}
.button,.nav-cta{position:relative;isolation:isolate;overflow:hidden}
.sonic-ripple{position:absolute;inset:-80%;border:1px solid currentColor;border-radius:50%;pointer-events:none;opacity:0;z-index:-1}
.sonic-ripple:before,.sonic-ripple:after{content:'';position:absolute;inset:14%;border:1px solid currentColor;border-radius:50%}
.sonic-ripple:after{inset:28%}
.release-cover,.work-image{transform-origin:50% 50%;backface-visibility:hidden}
.card-spectrum{position:absolute;left:16px;right:80px;bottom:16px;height:32px;display:flex;gap:3px;align-items:stretch;pointer-events:none;opacity:0;transition:opacity .2s}
.card-spectrum i{display:block;flex:1;max-width:8px;background:var(--accent);transform:scaleY(.07);transform-origin:50% 100%;box-shadow:0 0 8px #0003}
.release-card:hover .card-spectrum,.release-card:focus-visible .card-spectrum{opacity:1}
.design-editorial .card-spectrum i{background:#f7f7f3}
.spectrum-panel{padding:18px 0 6px;min-width:0}
.spectrum-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.spectrum-caption .spectrum-state{letter-spacing:.02em;text-transform:none}
.audio-spectrum{display:block;width:100%;height:112px;margin-top:12px;border-block:1px solid var(--line);contain:strict}
.player-section.is-playing{border-color:var(--accent)}
.player-section.is-playing .spectrum-caption{color:var(--accent)}
.player-section.is-playing .spectrum-caption:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}
.design-studio .spectrum-caption{color:#e0e5ff}.design-studio .audio-spectrum{border-color:#ffffff40}
.motion-controls{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;background:var(--bg);border:1px solid var(--line);padding:8px 12px;margin-top:20px}
.motion-controls:hover{border-color:var(--accent);color:var(--ink)}
.motion-controls svg{width:16px;height:16px;flex-shrink:0}
.motion-controls[aria-pressed=true]{color:var(--accent)}
.motion-enabled .desktop-nav.is-open{animation:sonic-menu .4s cubic-bezier(.2,.8,.2,1)}
@keyframes sonic-menu{from{clip-path:inset(0 0 100% 0);transform:translateY(-8px)}to{clip-path:inset(0);transform:translateY(0)}}
@media(max-width:720px){.hero>.sonic-ribbon{position:relative;width:220px;max-width:65%;height:24px;margin:24px 0 0;opacity:.7}.page-hero>.sonic-ribbon{width:180px;height:22px;margin-top:20px;opacity:.65}.editorial-hero>.sonic-ribbon{grid-column:1/-1;width:220px;height:24px;margin:0;opacity:.7}.audio-spectrum{height:94px}.card-spectrum{left:10px;bottom:10px;right:58px;gap:2px;height:25px}.spectrum-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sonic-curtain,.sonic-ribbon,.card-spectrum{display:none!important}.motion-line{overflow:visible}.motion-controls{display:none}.sonic-ripple{display:none}}
.motion-paused .sonic-curtain,.motion-paused .sonic-ribbon,.motion-paused .card-spectrum{display:none!important}