.kinetik-showcase.motion-studies main{max-width:1160px;padding:38px clamp(20px,4vw,56px) 56px}
.motion-studies .motion-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 36px;padding-bottom:30px}
.motion-studies .back-link{font-size:13px;min-height:44px;margin-bottom:10px}
.motion-studies h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.035em;margin:0 0 16px}
.motion-studies h1 em{white-space:nowrap}
.motion-studies .motion-deck{font-size:16px;line-height:1.5;max-width:42ch;margin:0;color:var(--secondary)}
.motion-studies .motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);padding:10px 15px;font:500 13px/1.3 'Instrument Sans',sans-serif;cursor:pointer}
.motion-studies .motion-toggle:hover{border-color:var(--champagne);color:var(--champagne)}
.motion-studies .motion-toggle[aria-pressed=true]{color:var(--champagne)}
.motion-studies .motion-toggle:disabled{color:var(--secondary);cursor:default}
.motion-studies .motion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,56px);align-items:start}
.motion-studies .motion-piece{min-width:0}
.motion-studies .motion-frame{position:relative;width:min(100%,calc(54svh * 9 / 16));aspect-ratio:9/16;margin-inline:auto;border-radius:12px;overflow:hidden;background:var(--ground)}
.motion-studies .motion-frame img{display:block;width:100%;height:100%;object-fit:contain}
.motion-studies .motion-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.motion-studies .motion-frame video[data-motion-state=playing]{opacity:1}
.motion-studies .motion-caption{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-top:18px;max-width:calc(54svh * 9 / 16);margin-inline:auto}
.motion-studies .motion-caption h2{font:400 clamp(26px,2.8vw,36px)/1.1 'Instrument Serif',serif;letter-spacing:-.025em;margin:0 0 7px}
.motion-studies .motion-caption p{font-size:12px;color:var(--secondary);margin:0}
.motion-studies .motion-use{display:inline-flex;align-items:center;min-height:44px;max-width:13ch;font-size:13px;line-height:1.4;text-underline-offset:4px}
.motion-studies .motion-original{max-width:calc(54svh * 9 / 16);margin:10px auto 0;color:var(--secondary);font-size:12px}
.motion-studies .motion-original summary{min-height:44px;line-height:44px;cursor:pointer}
.motion-studies .motion-original summary::marker{color:var(--gold)}
.motion-studies .motion-original a{display:inline-flex;align-items:center;min-height:44px}
.motion-studies .media-error{font-size:13px;line-height:1.5;margin:12px auto 0;max-width:calc(54svh * 9 / 16)}
.motion-studies .motion-next{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.motion-studies .motion-next p{font-size:14px;line-height:1.6;margin:0;max-width:55ch}
.motion-studies .motion-next .action{font-size:14px;white-space:nowrap}
@media(max-width:700px){.kinetik-showcase.motion-studies main{padding:22px 20px 42px}.motion-studies .motion-intro{grid-template-columns:1fr;gap:18px;padding-bottom:28px}.motion-studies .back-link{margin-bottom:8px}.motion-studies h1{font-size:clamp(42px,11vw,60px);margin-bottom:14px}.motion-studies .motion-toggle{justify-self:start}.motion-studies .motion-grid{grid-template-columns:1fr;gap:30px}.motion-studies .motion-frame{width:100%;max-height:none}.motion-studies .motion-caption,.motion-studies .motion-original,.motion-studies .media-error{max-width:none}.motion-studies .motion-caption{padding-top:16px}.motion-studies .motion-next{align-items:start;flex-direction:column;margin-top:28px}.motion-studies .motion-next .action{white-space:normal}}
@media(forced-colors:active){.motion-studies .motion-toggle,.motion-studies .motion-frame{border:1px solid ButtonText}}