/* Shared microsite shell. Keep each animation's own component styling inside its preview. */
@font-face{font-family:Walsheim;src:url('assets/medium.ttf');font-weight:600;font-display:swap}
.motion-study{--study-width:1440px;--study-gutter:40px;background:var(--bc-surface-default,#000);color:var(--bc-body-default,#c6c6c6)}
.motion-study .study-head{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:var(--study-width);min-height:96px;height:auto;margin:0 auto;padding:24px var(--study-gutter);border:0}
.motion-study .study-head .study-brand{display:flex;flex-direction:row;align-items:center;gap:24px;min-width:0}
.motion-study .study-brand>a{display:block;flex:none;line-height:0}
.motion-study .study-brand img{display:block;width:181px;height:40px;object-fit:contain}
.motion-study .study-head .study-brand>span{display:block;margin:0;color:var(--bc-body-default);font:400 15px/1.35 Walsheim,Arial,sans-serif;letter-spacing:0}
.motion-study .study-head nav{flex:none}
.motion-study .study-head .back-link{max-width:none;white-space:nowrap;font-weight:600}
.motion-study .study-page-main{box-sizing:border-box;width:100%;max-width:var(--study-width);margin:0 auto;padding:32px var(--study-gutter) 56px}
.motion-study .study-page-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:48px;margin:0 0 32px;padding:0;text-align:left}
.motion-study .study-page-intro h1{position:static;inset:auto;z-index:auto;margin:0;color:var(--bc-heading-default);font:600 56px/1.05 Walsheim,Arial,sans-serif;letter-spacing:-.01em}
.motion-study .study-page-intro h1 em{font-style:normal;color:var(--bc-heading-emphasis)}
.motion-study .study-kicker{position:static;inset:auto;margin:0 0 16px;color:var(--bc-accent);font:600 16px/1.2 Walsheim,Arial,sans-serif;letter-spacing:.03em}
.motion-study .study-summary{margin:35px 0 0;color:var(--bc-body-default);font:400 20px/1.45 Walsheim,Arial,sans-serif;letter-spacing:-.02em;max-width:540px}
.motion-study .study-preview{box-sizing:border-box;width:100%;max-width:none;margin:0;border:1px solid var(--bc-border-default);border-radius:24px;corner-shape:squircle;background:var(--bc-surface-default);box-shadow:none}
.motion-study #stage.study-preview{border-radius:24px;corner-shape:squircle}
.motion-study .countdown-stage.study-preview{min-height:320px;justify-content:center;padding:40px}
.motion-study .countdown-stage .timer-preview{margin:0 0 28px}
.motion-study .bc-impact.study-preview{border:0;border-radius:0}
.motion-study[data-study="homepage-intro"] #stage{max-height:none;aspect-ratio:16/9}
.motion-study[data-study="homepage-intro"] #stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}
.motion-study .study-controls{width:100%;max-width:none;margin:0;padding:24px 0;box-sizing:border-box}
.motion-study .study-controls .controls{margin:0}
.motion-study .study-controls .transport,.motion-study .study-controls .countdown-transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.motion-study .study-controls button,.motion-study .study-controls label{font-weight:600}
.motion-study .study-controls .review{margin-top:24px}
.motion-study .handoff{box-sizing:border-box;width:100%;max-width:none;margin:8px 0 0;padding:32px;border-color:var(--bc-border-default);border-radius:24px;corner-shape:squircle}
.motion-study .handoff-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}
.motion-study .handoff .eyebrow{position:static;inset:auto;margin:0 0 12px;color:var(--bc-accent);font:600 16px/1.2 Walsheim,Arial,sans-serif;letter-spacing:.03em}
.motion-study .handoff h2{position:static;margin:0;color:var(--bc-heading-default);font:600 32px/1.15 Walsheim,Arial,sans-serif;letter-spacing:-.01em}
.motion-study .handoff h2 em{font-style:normal;color:var(--bc-heading-emphasis)}
.motion-study .handoff h3{color:var(--bc-heading-default);font:600 24px/1.3 Walsheim,Arial,sans-serif;letter-spacing:.01em;margin:0 0 16px}
.motion-study .handoff p,.motion-study .handoff li{color:var(--bc-body-default);font:400 17px/1.35 Walsheim,Arial,sans-serif;letter-spacing:-.01em}
.motion-study .handoff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.motion-study .handoff .copy-tools{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none;max-width:100%}
.motion-study .handoff-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
.motion-study .handoff-actions .copy-button,.motion-study .handoff-actions .figma-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;height:44px;width:auto;padding:14px 24px;border:0;border-radius:200px;corner-shape:round;background:var(--bc-action-primary,#fff);color:var(--bc-action-primary-text,#000);font:600 16px/1 Walsheim,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;text-decoration:none;text-box-trim:none;cursor:pointer;transition:background .15s ease-out}
.motion-study .handoff-actions .copy-button:hover,.motion-study .handoff-actions .figma-button:hover{background:var(--bc-action-primary-hover,#ec66c7);color:var(--bc-action-primary-text,#000);text-decoration:none}
.motion-study .handoff .copy-status{font:400 14px/1.35 Walsheim,Arial,sans-serif;letter-spacing:0;min-height:0;margin:0}
.motion-study .handoff .copy-status:empty{display:none}
.motion-study .handoff-actions :focus-visible{outline:2px solid var(--bc-accent);outline-offset:4px}
.motion-study .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.motion-study .handoff-top{flex-direction:column}.motion-study .handoff .copy-tools{align-items:flex-start}.motion-study .handoff-actions{justify-content:flex-start}}
@media(max-width:800px){.motion-study{--study-gutter:24px}.motion-study .study-page-intro{grid-template-columns:1fr;gap:20px}.motion-study .study-page-intro h1{font-size:40px}.motion-study .study-summary{margin:0}.motion-study .handoff-grid{grid-template-columns:1fr;gap:28px}.motion-study .study-head .study-brand{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:560px){.motion-study{--study-gutter:20px}.motion-study .study-head{gap:16px;padding-top:20px;padding-bottom:20px}.motion-study .study-brand img{width:140px;height:auto}.motion-study .study-head .study-brand>span{font-size:14px}.motion-study .study-head .back-link{font-size:14px;height:44px;min-height:44px;padding:12px 16px}.motion-study .study-page-main{padding-top:24px;padding-bottom:32px}.motion-study .study-page-intro{margin-bottom:28px}.motion-study .study-page-intro h1{font-size:32px}.motion-study .study-kicker{font-size:14px;margin-bottom:12px}.motion-study .study-summary{font-size:20px}.motion-study .handoff{padding:24px}.motion-study .handoff h2{font-size:24px}.motion-study .handoff h3{font-size:20px}.motion-study .handoff .copy-tools,.motion-study .handoff-actions{width:100%}.motion-study .handoff-actions .copy-button,.motion-study .handoff-actions .figma-button{width:100%}.motion-study .countdown-stage.study-preview{padding:32px 16px;min-height:280px}.motion-study .study-controls{padding:20px 0}.motion-study[data-study="homepage-intro"] #stage{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.motion-study .handoff-actions .copy-button,.motion-study .handoff-actions .figma-button{transition:none}}