/* researchism trailer player: dark, warm-white ink, the lamp as the playhead. Pairs with player.js
   (progressive enhancement: without JS the native controls stay). */
.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--rule,#3a3733);border-radius:3px;overflow:hidden;box-shadow:0 0 90px rgba(255,241,220,.05);--pl-ink:#f6f1e8;--pl-dim:#a39e94;--pl-lamp:#fff1dc;--pl-glow:255,236,205}
.player video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border:0;border-radius:0;box-shadow:none}
.player .pl-big,.player .pl-bar{display:none}
.player.js .pl-big,.player.js .pl-bar{display:flex}
.player.js video{cursor:pointer}

/* big lamp play button */
.pl-big{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(255,241,220,.45);background:radial-gradient(closest-side,rgba(10,10,12,.55),rgba(10,10,12,.35));color:var(--pl-ink);cursor:pointer;box-shadow:0 0 0 0 rgba(var(--pl-glow),0),0 0 38px rgba(var(--pl-glow),.18);transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.pl-big:hover,.pl-big:focus-visible{transform:scale(1.06);box-shadow:0 0 0 6px rgba(var(--pl-glow),.08),0 0 54px rgba(var(--pl-glow),.35)}
.pl-big svg{width:30px;height:30px;margin-left:4px;filter:drop-shadow(0 0 6px rgba(var(--pl-glow),.7))}
.pl-big.replay svg{margin-left:0}
.player.playing .pl-big{opacity:0;pointer-events:none}

/* control bar */
.pl-bar{position:absolute;left:0;right:0;bottom:0;flex-direction:column;gap:6px;padding:28px 14px 10px;background:linear-gradient(to top,rgba(8,8,10,.86),rgba(8,8,10,.5) 55%,rgba(8,8,10,0));transition:opacity .3s ease,transform .3s ease}
.player.playing.idle .pl-bar{opacity:0;transform:translateY(6px);pointer-events:none}
.player.playing.idle{cursor:none}
.pl-row{display:flex;align-items:center;gap:6px}
.pl-btn{appearance:none;border:0;background:transparent;color:var(--pl-ink);width:36px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;opacity:.86;transition:opacity .15s ease,background .15s ease}
.pl-btn:hover,.pl-btn:focus-visible{opacity:1;background:rgba(255,241,220,.08)}
.pl-btn svg{width:20px;height:20px}
.pl-time{font:500 13px/1 ui-sans-serif,-apple-system,"Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--pl-dim);letter-spacing:.02em;margin:0 4px;white-space:nowrap}
.pl-time b{color:var(--pl-ink);font-weight:500}
.pl-sp{flex:1}
.pl-vol{width:82px;accent-color:var(--pl-lamp)}
@media (max-width:560px){.pl-vol{display:none}.pl-bar{padding:24px 8px 6px}}

/* scrubber: thin rule, warm progress, the lamp as the head */
.pl-scrub{position:relative;height:18px;cursor:pointer;touch-action:none;outline:none}
.pl-track{position:absolute;left:0;right:0;top:8px;height:2px;background:rgba(255,241,220,.18);border-radius:2px}
.pl-buf{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,241,220,.14)}
.pl-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--pl-lamp);box-shadow:0 0 8px rgba(var(--pl-glow),.6)}
.pl-head{position:absolute;top:50%;left:0;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--pl-lamp);box-shadow:0 0 4px rgba(255,255,255,.9),0 0 12px rgba(var(--pl-glow),.8),0 0 26px rgba(var(--pl-glow),.45);transition:transform .15s ease}
.pl-scrub:hover .pl-head,.pl-scrub:focus-visible .pl-head{transform:scale(1.25)}
.pl-scrub:hover .pl-track,.pl-scrub:focus-visible .pl-track{height:3px;top:7.5px}
.player :focus-visible{outline:2px solid var(--pl-lamp);outline-offset:2px}
.player:fullscreen{border:0;border-radius:0}
@media (prefers-reduced-motion:reduce){.pl-big,.pl-bar,.pl-head{transition:none}}