/* The reel: one big player, the clips listed beneath; plays inline (YouTube privacy-enhanced embed) and runs on to the next clip */
.reel{margin-top:28px;max-width:960px}
.reel .stage{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000 center/cover;box-shadow:0 24px 40px -26px rgba(31,21,17,.7)}
.reel .stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.reel .go{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(180deg,rgba(20,10,5,.05),rgba(20,10,5,.55));cursor:pointer;padding:0}
.reel .go span{display:inline-flex;align-items:center;gap:12px;padding:14px 22px 14px 18px;border-radius:999px;background:rgba(244,236,219,.95);color:#1f1511;font:600 1rem/1 var(--body,Figtree,sans-serif)}
.reel .go span::before{content:"";border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor}
.reel .go:focus-visible span{outline:3px solid var(--brass,#c9a15a);outline-offset:3px}
.reel ol{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reel li button{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.reel li .th{position:relative;display:block;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:#000;box-shadow:0 10px 18px -14px rgba(31,21,17,.7)}
.reel li img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.reel li button:hover img{transform:scale(1.03)}
.reel li .th::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 var(--brass,#c9a15a);border-radius:4px;transition:box-shadow .2s}
.reel li[aria-current="true"] .th::after{box-shadow:inset 0 0 0 3px var(--brass,#c9a15a)}
.reel li .now{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:999px;background:rgba(20,10,5,.8);color:#f4ecdb;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;display:none}
.reel li[aria-current="true"] .now{display:block}
.reel li b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--head,Georgia,serif);font-weight:400;font-size:1.02rem;line-height:1.25;text-wrap:balance}
.reel li small{display:block;color:var(--muted,#6a5849);font-size:.82rem;margin-top:2px}
.reel li button:focus-visible .th{outline:3px solid var(--brass,#c9a15a);outline-offset:3px}
@media (max-width:640px){.reel ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
