.reel-section{padding:64px var(--pad);background:var(--surface);color:var(--surface-ink);scroll-margin-top:105px}
.reel-inner{width:90%;max-width:1100px;margin:0 auto}
.reel-section .section-top{margin-bottom:30px;gap:20px;flex-wrap:wrap}
.reel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.reel-heading h2{font-size:clamp(44px,5.5vw,84px);letter-spacing:-.065em;line-height:.98}
.reel-heading h2 span{color:var(--accent-readable)}
.reel-heading>p{max-width:300px;font-size:18px;line-height:1.5;color:var(--surface-muted)}
.reel-format{display:flex;align-items:center;gap:9px;color:var(--surface-muted);font-size:13px;letter-spacing:1px}
.reel-format:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent-readable)}
.reel-player{overflow:hidden;border:1px solid var(--surface-line);border-radius:8px;background:var(--surface);isolation:isolate}
.reel-screen{position:relative;aspect-ratio:16/9;background:var(--surface)}
.reel-screen video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}
.reel-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:54px;display:flex;align-items:center;gap:13px;padding:17px 25px;border-radius:40px;background:var(--lime);color:var(--ink);font-size:15px;font-weight:700;box-shadow:0 8px 40px #0004}
.reel-controls{display:grid;grid-template-columns:auto auto minmax(50px,1fr) auto auto;gap:22px;align-items:center;padding:8px 18px;background:var(--surface);color:var(--surface-ink)}
.reel-controls button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:14px}
.reel-controls button:hover{color:var(--accent-readable)}
.reel-control-icon{font-size:19px;line-height:1;min-width:19px;text-align:center}
.reel-sound[aria-pressed=true]{color:var(--accent-readable)}
.reel-controls input[type=range]{--reel-progress:0%;width:100%;min-width:0;height:44px;margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent;accent-color:var(--accent-readable)}
.reel-controls input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent-readable) 0 var(--reel-progress),var(--surface-line) var(--reel-progress) 100%)}
.reel-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:12px;width:12px;border-radius:50%;margin-top:-4.5px;background:var(--accent-readable)}
.reel-controls input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:var(--surface-line)}
.reel-controls input[type=range]::-moz-range-progress{height:3px;background:var(--accent-readable)}
.reel-controls input[type=range]::-moz-range-thumb{height:12px;width:12px;border:0;border-radius:50%;background:var(--accent-readable)}
.reel-controls button:focus-visible,.reel-controls input:focus-visible,.reel-play-overlay:focus-visible{outline:2px solid var(--accent-readable);outline-offset:3px}
.reel-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--surface-muted)}
.reel-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:20px;font-size:13px;line-height:1.5;color:var(--surface-muted)}
.reel-caption>a{display:flex;gap:18px;align-items:center;color:var(--surface-ink)}
.reel-caption>a:hover{color:var(--accent-readable)}
.reel-error{padding:18px;font-size:15px;line-height:1.5;border-top:1px solid var(--surface-line)}
.reel-error a{color:var(--accent-readable);text-decoration:underline;text-underline-offset:4px}
.reel-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#000;border:0;border-radius:0;width:100%;height:100%}
.reel-player:fullscreen .reel-screen{min-height:0;flex:1;aspect-ratio:auto;background:#000}
.reel-player:fullscreen .reel-controls{flex-shrink:0}
@media(max-width:800px){.reel-section{padding-top:48px;padding-bottom:48px}.reel-inner{width:100%}.reel-heading{gap:22px}.reel-heading>p{max-width:240px;font-size:16px}.reel-controls{gap:14px;padding:7px 12px}.reel-controls button{font-size:13px}.reel-time{font-size:11px}}
@media(max-width:600px){.reel-section{padding-left:16px;padding-right:16px}.reel-section .section-top{margin-bottom:25px}.reel-heading{display:block;margin-bottom:26px}.reel-heading h2{font-size:clamp(44px,10.5vw,64px)}.reel-heading>p{max-width:330px;margin-top:20px}.reel-format{font-size:11px;letter-spacing:.5px}.reel-controls{grid-template-columns:auto 1fr auto;gap:0 18px;padding:6px 13px 9px}.reel-controls input[type=range]{grid-row:1;grid-column:1/-1;height:26px}.reel-controls [data-reel-toggle]{grid-row:2;grid-column:1}.reel-controls .reel-time{grid-row:2;grid-column:2;justify-self:end}.reel-controls [data-reel-sound]{grid-row:3;grid-column:1/3;justify-self:start;min-height:38px}.reel-controls [data-reel-fullscreen]{grid-row:3;grid-column:3;min-height:38px}.reel-fullscreen-label{display:none}.reel-caption{gap:12px;font-size:12px;padding-top:16px}.reel-play-overlay{min-height:46px;padding:13px 20px;font-size:13px}}