/* Existing Nothing image grid, restrained live labels inspired by Apple/Dyson feature imagery. */
.video-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.video-review { min-width:0; }
.video-stage { position:relative; aspect-ratio:16/9; background:#243754; overflow:hidden; }
.video-preview { display:block; position:relative; width:100%; height:100%; }
.video-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.video-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:66px; height:66px; display:grid; place-items:center; background:#fff; color:var(--ink); border-radius:50%; box-shadow:0 3px 16px #142a3a33; transition:transform 180ms ease,background 180ms ease; }
.video-play svg { width:27px; height:27px; fill:currentColor; margin-left:3px; }
.video-duration { position:absolute; bottom:12px; right:12px; background:#172a49e6; color:white; padding:4px 7px; font:11px/1.3 var(--mono); }
.video-preview:focus-visible { outline:4px solid #253fc9; outline-offset:-4px; }
.video-stage iframe { display:block; border:0; width:100%; height:100%; position:absolute; inset:0; }
.video-review-copy { padding:20px 0 0; }
.video-meta { display:flex; gap:8px 20px; justify-content:space-between; flex-wrap:wrap; font:11px/1.4 var(--mono); color:#526078; }
.video-meta span { color:#526078; }
.video-review h3 { font-size:clamp(24px,2.5vw,34px); letter-spacing:-.05em; line-height:1.12; margin:12px 0; }
.video-description { font-size:16px; line-height:1.5; max-width:50ch; }
.video-chapters { display:flex; flex-wrap:wrap; gap:4px 22px; padding-top:16px; margin-top:16px; border-top:1px solid #bac5d8; }
.video-chapters a { display:inline-flex; gap:8px; align-items:center; min-height:36px; font-size:12px; text-decoration:none; }
.video-chapters a > span:first-child { font:11px/1.4 var(--mono); color:#253fc9; }
.video-chapters a:hover { text-decoration:underline; text-underline-offset:4px; }
.video-source { display:inline-block; margin-top:10px; font-size:12px; font-weight:650; text-underline-offset:4px; }
.video-context { margin-top:22px; font-size:11px; line-height:1.55; color:#526078; max-width:105ch; }
.written-reviews { margin-top:28px; border-block:1px solid #bac5d8; }
.written-reviews > summary { padding:22px 0; cursor:pointer; font-size:18px; font-weight:650; }
.written-reviews > summary span { display:inline-block; margin-left:20px; color:#526078; font-size:12px; font-weight:400; }
.written-reviews[open] > summary { border-bottom:1px solid #bac5d8; }
.seal-visual { display:flex; flex-direction:column; justify-content:center; height:246px; padding:8px 12px 0; }
.seal-composition { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:4px; width:100%; min-height:0; }
.seal-overview { display:block; width:100%; height:200px; overflow:hidden; }
.seal-leader { fill:none; stroke:#253754; stroke-width:2; vector-effect:non-scaling-stroke; }
.seal-dot { fill:#253754; }
.seal-macro { min-width:0; width:100%; max-width:196px; justify-self:end; padding-right:5px; }
.seal-macro svg { display:block; width:100%; border:1px solid #a19ab3; margin-top:9px; background:#e7ddf2; }
.seal-label { font-size:12px; font-weight:650; }
.seal-detail-note { display:block; font-size:10px; line-height:1.4; margin-top:7px; color:#574272; }
.seal-visual figcaption { position:relative; margin-top:auto; padding:8px 0; text-align:right; font-size:9px; color:#574272; }
@media (hover:hover) and (pointer:fine) { .video-preview:hover .video-play { transform:translate(-50%,-50%) scale(1.08); background:#ffd45a; } }
@media (max-width:950px) { .video-review-grid { gap:20px; } .video-meta { gap:7px; } }
@media (max-width:700px) {
  .video-review-grid { grid-template-columns:1fr; gap:32px; }
  .video-stage.is-playing { width:100%; height:200px; min-height:200px; aspect-ratio:auto; }
  .video-play { width:54px; height:54px; }
  .video-review-copy { padding-top:16px; }
  .video-review h3 { font-size:28px; }
  .written-reviews > summary { font-size:17px; }
  .written-reviews > summary span { display:block; margin:6px 0 0 20px; line-height:1.5; }
  .seal-visual { height:auto; min-height:190px; }
  .seal-label { font-size:11px; }
  .seal-detail-note { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) { .video-play { transition:none; } }