/* Stable editorial video layout; no scroll scaling or warp. */
.product-explanations{position:relative}.explanation-intro{padding-top:50px;padding-bottom:72px}.explanation-intro>p:not(.eyebrow){margin-top:28px;color:var(--muted)}.explanation-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.explanation-links a{font-size:12px;border:1px solid #74ddeb45;border-radius:30px;padding:10px 20px;background:#0b171c88}.explanation-links a:hover{border-color:#74ddeb;color:#74ddeb}
.explanation{position:relative;margin:0 var(--pad) 90px;scroll-margin-top:70px}.explanation-stage{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto 1fr auto;gap:20px 6%;align-items:start;padding-top:36px;border-top:1px solid #ffffff24}.explanation-heading{grid-column:1;grid-row:1}.explanation-heading .eyebrow{margin-bottom:16px}.explanation-heading h3{font-size:clamp(32px,3.3vw,52px);line-height:1.08;letter-spacing:-.045em;font-weight:500}.explanation-copy{grid-column:1;grid-row:2;max-width:44ch}.explanation-copy h4{font-size:18px;line-height:1.4;margin:0 0 14px;font-weight:400}.explanation-copy p{font-size:14px;line-height:1.75;color:var(--muted)}.explanation-duration{display:block;margin-top:20px;font:10px monospace;letter-spacing:.08em;color:#74ddeb}
.explanation-screen{grid-column:2;grid-row:1/3;align-self:center;position:relative;width:100%;max-width:680px;aspect-ratio:16/9;background:#080c10;border:1px solid #a2e5ed30;border-radius:12px;overflow:hidden;isolation:isolate;box-shadow:0 18px 50px #0003}.explanation-screen video{width:100%;height:100%;object-fit:contain;display:block;background:#080c10}.explanation-tint{display:none}.explanation-play{position:absolute;inset:0;display:flex;gap:18px;justify-content:center;align-items:center;background:#050a1026;text-shadow:0 2px 14px #000;font-size:clamp(14px,1.4vw,21px);letter-spacing:-.02em}.play-disc{display:grid;place-items:center;width:58px;height:46px;border-radius:50px;background:#ecf0f1;color:#0a1419;text-shadow:none;font-size:16px;transition:background .2s}.explanation-play:hover .play-disc{background:#74ddeb}.explanation-play:focus-visible{outline-offset:-8px;border-radius:inherit}.explanation-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:8px;font:9px monospace;letter-spacing:.1em;color:#b2c7ce}.explanation-status:empty{display:none}.explanation-status{position:absolute;bottom:15%;left:5%;right:5%;font-size:13px;text-align:center;background:#0a151ddd;padding:12px;pointer-events:none}.explanation.is-watching .explanation-play{display:none}
@media(max-width:800px){.explanation{margin:0 var(--pad) 58px}.explanation-stage{grid-template-columns:1fr;grid-template-rows:auto;gap:20px;padding-top:28px}.explanation-heading,.explanation-copy,.explanation-screen,.explanation-foot{grid-column:1;grid-row:auto}.explanation-screen{max-width:none}.explanation-heading h3{font-size:34px}.explanation-copy{max-width:52ch}.explanation-play{font-size:15px}.explanation-intro{padding-bottom:42px}.explanation-foot{font-size:8px}}
