.study-demo{margin-top:72px;margin-bottom:100px}
.study-stage{height:min(65vw,78vh);min-height:280px;background:var(--study-bg,#005cba);position:relative;overflow:hidden;transition:background-color .8s ease}
#study-animation{width:100%;height:100%;position:absolute;inset:0}
#study-animation svg{display:block;width:100%;height:100%}
#study-status{position:absolute;inset:45% 20px auto;color:white;text-align:center}
.study-controls{border:0;padding:0;margin:32px auto 0;text-align:center;color:inherit}
.study-controls legend{width:100%;padding:0;margin-bottom:24px;font:11px/1.5 Arial,sans-serif;letter-spacing:.08em}
.study-swatches{display:flex;justify-content:center;gap:28px;padding:10px}
.study-swatches button{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--swatch-bg);cursor:pointer;box-shadow:0 0 0 0 white;transition:box-shadow .2s ease}
.study-swatches button::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--swatch-light)}
.study-swatches button[aria-pressed=true]{box-shadow:0 0 0 10px white}
.study-swatches button:focus-visible{outline:2px solid #202829;outline-offset:13px}
.study-background path{fill:var(--study-bg)!important}
.wave-light path{fill:var(--study-light)!important}
.wave-mid path{fill:var(--study-mid)!important}
.wave-base path{fill:var(--study-base)!important}
#study-animation path{transition:fill .8s ease}
@media(max-width:600px){.study-demo{margin-top:40px;margin-bottom:56px}.study-stage{height:65vh}.study-swatches{gap:24px}.study-swatches button{width:44px;height:44px}.study-swatches button::after{inset:10px}.study-swatches button[aria-pressed=true]{box-shadow:0 0 0 8px white}}
@media(prefers-reduced-motion:reduce){.study-stage,#study-animation path,.study-swatches button{transition:none}}

.study-hero{margin-top:72px;margin-bottom:100px}.study-hero video{display:block;width:100%;height:auto}.study-stills{display:grid;grid-template-columns:1fr 1fr;gap:24px}.study-stills figure{margin:0}.study-stills img{display:block;width:100%;height:auto}.study-portrait-reference{background:#dce4e6;padding:40px;box-sizing:border-box}.study-portrait-reference video{display:block;width:100%;height:min(72vh,800px);object-fit:contain}.study-portrait-reference figcaption{font-size:13px;line-height:1.5;margin-top:24px;text-align:center}.study-note{margin-top:-60px;margin-bottom:100px}@media(max-width:600px){.study-stills{grid-template-columns:1fr;gap:16px}.study-hero{margin-top:40px;margin-bottom:56px}.study-portrait-reference{padding:24px}.study-portrait-reference video{height:65vh}.study-note{margin-top:-24px;margin-bottom:56px}}

.study-card-reference img{display:block;width:100%;height:auto}