.live-reels{--reel-height:clamp(330px,36vw,490px);--reel-gutter:5vw;color:#16120f;padding:44px 0 40px;scroll-margin-top:110px;overflow:hidden}
.reels-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.reels-heading h2{font-family:var(--chunk,'Cantiere Chunk',sans-serif);font-size:clamp(21px,2.2vw,32px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0}
.reels-navigation{display:flex;gap:7px;flex-shrink:0}
.reels-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #16120f36;border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:0;transition:background .15s,color .15s}
.reels-arrow:hover{background:#16120f;color:#f5f1ea}
.reels-arrow:disabled{opacity:.28;cursor:default;background:transparent;color:inherit}
.reels-arrow[data-auto]{border-color:transparent;margin-right:10px}
.reels-track{display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--reel-gutter);padding:0 var(--reel-gutter);scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.reels-track::-webkit-scrollbar{display:none}
.reels-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.reel{position:relative;flex:0 0 auto;width:calc(var(--reel-height)*9/16);aspect-ratio:9/16;margin:0;padding:0;overflow:hidden;background:#16120f;scroll-snap-align:start;isolation:isolate}
.reel-wide{width:min(calc(var(--reel-height)*16/9),calc(100vw - 2*var(--reel-gutter)));aspect-ratio:16/9}
.reel-square{width:calc(var(--reel-height)*1080/1280);aspect-ratio:1080/1280}
.reel-cover,.reel-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;pointer-events:none;user-select:none}
.reel-video{opacity:0;transition:opacity .2s linear}
.reel.has-frame .reel-video{opacity:1}
.reel-actions{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:24px 9px 9px;background:linear-gradient(transparent,#0008);transition:opacity .2s}
.reel-control{display:grid;place-items:center;width:40px;height:40px;border:1px solid #fff5;border-radius:50%;background:#10101075;color:white;padding:0;cursor:pointer;flex:0 0 auto;backdrop-filter:blur(5px)}
.reel-control:hover{background:#dc2c18;border-color:#dc2c18}
.reel-spacer{flex:1}
.reels-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:20px}
.reels-progress{display:block;width:150px;height:2px;background:#16120f25;overflow:hidden}
.reels-progress>span{display:block;height:100%;width:25%;background:#dc2c18;transform:translateX(0)}
.reels-footer a{font-size:13px;font-weight:700;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:22px;padding:8px 0}
.reels-footer a>span{font-size:25px;line-height:1}
.live-reels [hidden]{display:none!important}
.reels-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.reel-fallback{position:absolute;bottom:12px;left:12px;padding:8px 12px;background:#fff;color:#16120f}
.live-reels button:focus-visible,.live-reels a:focus-visible,.reels-track:focus-visible{outline:3px solid #dc2c18;outline-offset:-3px}
.reel:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;background:#000;display:block}
.reel:fullscreen .reel-video{object-fit:contain;pointer-events:auto}
.reel:fullscreen .reel-actions{max-width:700px;margin:auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.live-reels-compact{width:100%;max-width:100%;min-width:0;order:2;--reel-height:350px;--reel-gutter:0px;margin:30px 0;padding:12px 0 20px}
.live-reels-compact .reels-heading h2{font-size:22px}
.live-reels-compact .reels-heading{gap:10px;margin-bottom:18px}
.live-reels-compact .reels-navigation{gap:3px}
.live-reels-compact .reels-arrow{width:34px;height:34px}
.live-reels-compact .reels-arrow[data-auto]{margin-right:2px}
.live-reels-compact .reels-track{gap:10px}
.live-reels-compact .reels-footer{margin-top:12px}
@media(hover:hover) and (pointer:fine){.reel-actions{opacity:0}.reel:hover .reel-actions,.reel:focus-within .reel-actions,.reel:fullscreen .reel-actions{opacity:1}}
@media(max-width:760px){.live-reels{--reel-height:min(112vw,460px);--reel-gutter:20px;padding:30px 0 28px}.reels-heading{gap:12px;margin-bottom:17px}.reels-heading h2{font-size:21px;max-width:9em}.reels-navigation{gap:4px}.reels-arrow{width:34px;height:34px}.reels-arrow[data-auto]{margin-right:3px}.reels-track{gap:9px}.reel-square{width:min(calc(var(--reel-height)*1080/1280),calc(100vw - 40px))}.reel-wide{width:calc(100vw - 40px)}.reel-actions{opacity:1}.reels-footer{margin-top:12px}.reels-progress{width:100px}.live-reels-compact{--reel-height:350px;--reel-gutter:0px;padding-top:5px}.live-reels-compact .reels-heading h2{font-size:18px}.live-reels-compact .reel-square{width:calc(100vw - 40px)}.live-reels-compact .reels-progress{width:85px}}
@media(prefers-reduced-motion:reduce){.reel-video,.reel-actions,.reels-arrow{transition:none}.reels-track{scroll-behavior:auto}}