/* Shared work-in-progress media treatment; keeps the reference page layout. */
.ba .coming-soon{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;pointer-events:none;background:linear-gradient(135deg,rgba(14,16,11,.9),rgba(14,16,11,.5))}
.ba .coming-soon strong{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(28px,5vw,46px);line-height:1.1;color:var(--laser);background:#0e100be8;padding:8px 14px;border-radius:8px}
.ba .coming-soon span{color:#d7dacd;font-size:clamp(13px,1.8vw,16px);line-height:1.5;background:#0e100be8;padding:5px 12px;border-radius:5px}
.ba:has(.coming-soon) .layer .disp,.ba:has(.coming-soon) .layer small{visibility:hidden}
.ba:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.video-coming-soon{cursor:default;flex-direction:column;gap:14px;text-align:center;padding:28px}
.video-coming-soon>strong{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,5vw,48px);color:var(--laser)}
.video-coming-soon>span{color:#c4c9b7;font-size:16px}.video-coming-soon .btn{margin-top:10px;white-space:normal;max-width:100%;text-align:center}
.hero .micro{display:block;max-width:52ch;margin-left:auto;margin-right:auto}
.compare td{overflow-wrap:break-word}
@media(max-width:600px){.video-coming-soon{aspect-ratio:auto;min-height:280px}.compare th,.compare td{padding:12px 9px;font-size:13px}.ba .coming-soon{padding:14px}.ba .coming-soon span{max-width:95%}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.video-frame .play{animation:none}}