.cinema-reel{--reel-line:#ffffff24;--reel-muted:#b7b7b7;--reel-surface:#141414;--reel-text:#fff;content-visibility:visible}.reel-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.reel-heading>div{min-width:0}.reel-heading h2,.reel-description h3,.reel-description p{overflow-wrap:anywhere}.reel-heading h2{letter-spacing:0;font-size:38px;font-weight:500;line-height:1.15}.reel-heading p{color:var(--reel-muted);margin-top:10px;font-size:15px}.reel-work-link{min-height:44px;color:var(--reel-text);flex-shrink:0;align-items:center;gap:12px;font-size:14px;display:inline-flex}.reel-picture{aspect-ratio:16/9;isolation:isolate;background:#0a0a0a;border-radius:6px;position:relative;overflow:hidden}.reel-layer{object-fit:contain;pointer-events:none;background:#0a0a0a;width:100%;height:100%;display:block;position:absolute;inset:0}.reel-layer[data-state=hidden]{opacity:0;z-index:1;transition:none}.reel-layer[data-state=arming]{opacity:.01;z-index:4;transition:none}.reel-layer[data-state=under]{opacity:1;z-index:2;transition:none}.reel-layer[data-state=front]{opacity:1;z-index:3;transition:opacity var(--reel-fade,.2s) cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){.reel-layer{transition:none!important}}.reel-progress{bottom:0;z-index:4;pointer-events:none;background:#fff2;height:3px;position:absolute;inset-inline:0}.reel-progress>div{background:var(--brand-gradient-text);transform-origin:0;height:100%;transform:scaleX(0)}[dir=rtl] .reel-progress>div{transform-origin:100%}.reel-toolbar{border-bottom:1px solid var(--reel-line);justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.reel-transport{align-items:center;gap:4px;display:flex}.reel-transport button,.reel-failure button{min-width:44px;height:44px;color:var(--reel-text);border-radius:4px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.reel-transport button:hover{background:var(--reel-surface)}.reel-count{color:var(--reel-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:12px;font-size:12px}.reel-select{min-width:0}.reel-select select{width:100%;max-width:260px;height:44px;color:var(--reel-text);background:var(--reel-surface);border:1px solid var(--reel-line);border-radius:4px;padding-inline:12px;font-size:13px}.reel-description{grid-template-columns:1fr 2fr;gap:32px;margin-block:22px 26px;display:grid}.reel-description h3{color:var(--reel-text);font-size:20px;font-weight:500}.reel-description span{color:var(--reel-muted);font-size:12px}.reel-description p{color:var(--reel-muted);max-width:720px;font-size:14px;line-height:1.7}.reel-filmstrip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#666 transparent;gap:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}.reel-filmstrip button{text-align:start;scroll-snap-align:start;min-width:0;color:var(--reel-muted);flex:0 0 156px;align-self:start}.reel-filmstrip img{aspect-ratio:16/9;object-fit:contain;border:2px solid #0000;border-radius:4px;width:100%;height:auto;transition:border-color .2s}.reel-filmstrip button:hover img{border-color:var(--reel-line)}.reel-filmstrip button[aria-pressed=true] img{border-color:var(--brand-highlight)}.reel-filmstrip span{overflow-wrap:anywhere;min-height:2.8em;margin-top:8px;font-size:12px;line-height:1.4;display:block}.reel-filmstrip button:focus-visible{outline:2px solid var(--brand-highlight);outline-offset:-2px;border-radius:4px}.reel-filmstrip button[aria-pressed=true] span{color:var(--reel-text)}.reel-failure{z-index:5;text-align:center;color:#fff;background:#080a08e8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.reel-failure button{color:#fff;border:1px solid #fff6;gap:8px;padding-inline:16px}[data-theme=light] .cinema-reel{--reel-line:#00000024;--reel-muted:#555;--reel-surface:#f3f3f3;--reel-text:#161616}@media (max-width:639px){.reel-heading{margin-bottom:18px;display:block}.reel-heading h2{font-size:28px}.reel-work-link{margin-top:8px}.reel-picture{border-radius:0;margin-inline:-24px}.reel-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.reel-toolbar>.reel-transport:last-child{grid-area:1/2}.reel-select{grid-area:2/1/auto/-1}.reel-select select{max-width:none;padding-inline:12px;font-size:16px}.reel-description{grid-template-columns:1fr;gap:10px}.reel-description p{font-size:14px}.reel-filmstrip button{flex-basis:124px}}