.rbv-band{background:var(--sand);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.rbv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:center}
.rbv-copy h2{margin-top:.2em}
.rbv-copy p{color:var(--soft);max-width:34ch}
.rbv-frame{position:relative;aspect-ratio:16/9;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);overflow:hidden;background:#0f2a33;min-width:0}
.rbv-frame video,.rbv-cover,.rbv-cover img{position:absolute;inset:0;width:100%;height:100%;display:block}
.rbv-frame video{object-fit:contain;background:#0f2a33}
.rbv-cover{border:0;padding:0;background:none;cursor:pointer}
.rbv-cover img{object-fit:cover}
.rbv-play{position:absolute;left:50%;top:86%;width:84px;height:84px;margin:-42px 0 0 -42px;border:2px solid var(--ink);border-radius:50%;background:var(--orange);box-shadow:3px 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .15s}
.rbv-play:after{content:"";margin-left:7px;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent var(--ink)}
.rbv-cover:hover .rbv-play{transform:scale(1.07)}
.rbv-cover:focus-visible{outline:3px solid #9C4A00;outline-offset:-6px}
.rbv-frame.is-playing .rbv-cover{display:none}
.rbv-label{position:absolute;left:14px;bottom:12px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}
.rbv-note{font-size:13px;color:var(--soft);margin:12px 0 0}
@media(max-width:900px){.rbv-grid{grid-template-columns:1fr;gap:24px}.rbv-copy p{max-width:none}}
@media(max-width:640px){.rbv-frame{aspect-ratio:9/16;width:min(100%,360px);margin:0 auto}.rbv-play{top:30%;width:72px;height:72px;margin:-36px 0 0 -36px}}