.reel-block .intro{max-width:62ch}.reel{position:relative;margin:22px auto 0;width:100%;max-width:360px;aspect-ratio:var(--reel-w,9) / var(--reel-h,16);border-radius:18px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}.reel img,.reel video{width:100%;height:100%;object-fit:cover;display:block}.reel-play{position:absolute;inset:0;width:100%;height:100%;padding:0;background:none;border:0;cursor:pointer;display:block;text-decoration:none}.reel-play::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,20,25,.55),rgba(6,20,25,.05) 55%)}.reel-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(194,65,12,.94);color:#fff;z-index:1;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .15s,background-color .15s}.reel-icon svg{fill:currentColor;stroke:none}.reel-play:hover .reel-icon{transform:translate(-50%,-50%) scale(1.06);background:var(--cta-d)}.reel-play:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.reel-time{position:absolute;inset-block-end:12px;inset-inline-start:12px;z-index:1;background:rgba(6,20,25,.82);color:#dbe9ea;padding:5px 11px;border-radius:20px;font-size:12px}@media(prefers-reduced-motion:reduce){.reel-play:hover .reel-icon{transform:translate(-50%,-50%)}}