.broll{background:var(--ink);aspect-ratio:var(--ar,16 / 9);display:block;position:relative;overflow:hidden}.broll video{object-fit:cover;background:var(--ink);width:100%;height:100%;display:block}.broll-bg{z-index:0;aspect-ratio:auto;pointer-events:none;position:absolute;inset:0}.broll-bg:after{content:"";background:linear-gradient(#1f1a168c,#1f1a16b8);position:absolute;inset:0}.broll-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--butter-d);border-radius:12px}@media (max-width:640px){.broll-card{box-shadow:4px 4px 0 var(--butter-d)}}.reel{margin-top:var(--sp-m,48px);gap:28px 22px;display:grid}.reel-portrait{grid-template-columns:repeat(4,minmax(0,1fr))}.reel-portrait[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.reel-portrait[data-n="2"],.reel-portrait[data-n="1"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}.reel-wide{grid-template-columns:minmax(0,1fr);max-width:960px}.reel-h{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin:0;font-size:12px}.reel-i{min-width:0;margin:0}.reel-i figcaption{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:4px;margin-top:14px;font-size:12px;display:flex}.reel-i figcaption b{color:var(--ink);font-weight:600}@media (max-width:760px){.reel{gap:22px 14px}.reel-portrait,.reel-portrait[data-n="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-i figcaption{margin-top:10px;font-size:11px}}
