/* Product overview: warm paper, existing Fraunces/DM Sans, click-to-play. */
.video-overview{background:var(--color-paper);color:var(--color-ink);border-bottom:1px solid var(--color-line)}
.video-overview-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.video-overview-copy .eyebrow{color:var(--color-copper);display:flex;align-items:center;gap:12px;margin-bottom:24px}
.video-overview-copy .eyebrow:before{content:'';width:36px;height:2px;background:var(--color-copper)}
.video-overview h2{max-width:560px;font-size:clamp(40px,4.5vw,62px)}
.video-overview h2 em{color:var(--color-copper);font-style:normal}
.video-overview-intro{margin-top:24px;color:var(--color-muted);font-size:17px;line-height:1.7;max-width:46ch}
.video-overview-steps{list-style:none;padding:0;margin:32px 0;display:grid;gap:0}
.video-overview-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:17px 0;border-top:1px solid var(--color-line)}
.video-overview-steps li:last-child{border-bottom:1px solid var(--color-line)}
.video-overview-steps .step-number{font-family:var(--font-display);font-size:21px;line-height:1.4;color:var(--color-copper)}
.video-overview-steps strong{display:block;font-size:16px;font-weight:700;line-height:1.5}
.video-overview-steps p{font-size:15px;line-height:1.6;color:var(--color-muted);margin-top:3px}
.video-overview .button{background:var(--color-ink);color:var(--color-paper);min-height:52px}
.video-overview .button:hover{background:var(--color-night-2)}
.video-transcript{margin-top:24px;font-size:14px;color:var(--color-muted);max-width:48ch}
.video-transcript summary{cursor:pointer;min-height:44px;display:list-item;list-style:disclosure-closed inside;padding:10px 0;color:var(--color-ink);width:fit-content}
.video-transcript[open] summary{list-style-type:disclosure-open}
.video-transcript p{padding:12px 0;line-height:1.75}
.video-overview-stage{margin:0;padding:26px 28px 22px;background:var(--color-cream);border:1px solid var(--color-line);border-radius:var(--radius-large);min-width:0}
.video-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:330px;margin:0 auto 18px;font-size:12px;font-weight:700;letter-spacing:.025em;color:var(--color-copper)}
.video-stage-heading span:last-child{display:inline-flex;align-items:center;gap:7px;color:var(--color-muted);font-weight:400}
.video-stage-heading svg{width:16px;height:16px;flex:none}
.overview-player{position:relative;aspect-ratio:9/16;max-width:330px;margin:auto;background:var(--color-night);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px var(--color-shadow)}
.overview-player video{display:block;width:100%;height:100%;object-fit:contain;background:var(--color-night)}
.overview-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:100%;height:100%;color:var(--color-paper);background:linear-gradient(180deg,transparent 34%,var(--color-shadow) 78%);transition:background var(--dur-fast) var(--ease-out)}
.overview-play[hidden]{display:none}
.overview-play-disc{display:grid;place-items:center;width:76px;height:76px;background:var(--color-ink);border:1px solid var(--color-paper);border-radius:50%;box-shadow:0 8px 28px var(--color-shadow);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.overview-play-disc svg{width:26px;height:26px;margin-left:4px}
.overview-play:hover .overview-play-disc{transform:scale(1.06);background:var(--color-copper)}
.overview-play:active .overview-play-disc{transform:scale(.97)}
.overview-play:focus-visible{outline:3px solid var(--color-accent);outline-offset:-6px}
.overview-play-label{font-size:15px;font-weight:700;padding:8px 16px;background:var(--color-ink);border-radius:var(--radius-small)}
.overview-play[aria-busy=true] .overview-play-disc svg{animation:overview-loading 800ms linear infinite}
.overview-player video:focus-visible{outline:3px solid var(--color-accent);outline-offset:-5px}
.video-overview-stage figcaption{max-width:34ch;margin:18px auto 0;text-align:center;color:var(--color-muted);font-size:13px;line-height:1.6}
.video-overview-stage figcaption strong{display:block;font-size:13px;color:var(--color-ink);font-weight:600}
.video-status{min-height:24px;text-align:center;color:var(--color-copper);font-size:13px;line-height:1.6;margin-top:8px}
@keyframes overview-loading{to{transform:rotate(360deg)}}
@media(max-width:800px){.video-overview-grid{gap:36px}.video-overview-stage{padding:20px 18px}.video-overview h2{font-size:42px}.video-stage-heading{font-size:11px}.video-overview-intro{font-size:16px}}
@media(max-width:600px){.video-overview-grid{grid-template-columns:minmax(0,1fr);gap:32px}.video-overview-copy{display:contents}.video-overview-intro-block{order:0}.video-overview-stage{order:1}.video-overview-action-block{order:2}.video-overview-action-block .video-overview-steps{margin-top:0}.video-overview h2{font-size:clamp(38px,10.3vw,48px)}.video-overview-copy .eyebrow{font-size:11px;margin-bottom:20px}.video-overview-steps{margin:24px 0}.video-overview-stage{padding:20px 18px 16px;max-width:420px;width:100%;justify-self:center}.video-overview-intro{margin-top:20px}.overview-player{max-width:330px}.video-overview-stage figcaption{font-size:12px}.video-overview .button{width:100%;justify-content:center}.video-transcript{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.overview-play-disc,.overview-play{transition:none}.overview-play[aria-busy=true] .overview-play-disc svg{animation:none}}