.sr-section{padding-block:6rem}.sr-screen{background:var(--bg);contain:layout paint size;height:min(56.25vw,100svh - 5rem);margin-inline:calc(50% - 50vw);position:relative;overflow:hidden}.sr-still,.sr-video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.sr-still{z-index:1;transition:opacity var(--dur-slow,.6s) var(--ease-out-quad,ease-out)}.sr-screen[data-started] .sr-still{opacity:0}.sr-video{z-index:0}.sr-play{z-index:3;cursor:pointer;color:var(--fg);background:color-mix(in srgb, var(--bg) 26%, transparent);transition:background-color var(--dur-base,.3s) var(--ease-out-quad,ease-out);padding:0;display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.sr-play:hover,.sr-play:focus-visible{background:color-mix(in srgb, var(--bg) 14%, transparent)}}.sr-play-disc{border:1px solid color-mix(in srgb, var(--fg) 32%, transparent);background:color-mix(in srgb, var(--bg) 52%, transparent);-webkit-backdrop-filter:blur(6px);width:clamp(56px,6vw,72px);height:clamp(56px,6vw,72px);transition:transform var(--dur-base,.3s) var(--ease-out-quad,ease-out), border-color var(--dur-base,.3s) var(--ease-out-quad,ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.sr-play-label{font-family:var(--font-mono,inherit);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--fg) 78%, transparent);white-space:nowrap;text-shadow:0 1px 12px color-mix(in srgb, var(--bg) 90%, transparent);font-size:.8125rem;position:absolute;top:calc(50% + clamp(2.6rem,4vw,3.2rem));left:50%;translate:-50%}@media (hover:hover) and (pointer:fine){.sr-play:hover .sr-play-disc,.sr-play:focus-visible .sr-play-disc{border-color:var(--neon);transform:scale(1.08)}}.sr-controls{z-index:4;gap:.5rem;display:flex;position:absolute;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.sr-ctl{border:1px solid color-mix(in srgb, var(--fg) 26%, transparent);background:color-mix(in srgb, var(--bg) 52%, transparent);-webkit-backdrop-filter:blur(6px);width:36px;height:36px;color:var(--fg);cursor:pointer;opacity:.8;transition:opacity var(--dur-fast,.2s) var(--ease-out-quad,ease-out), border-color var(--dur-fast,.2s) var(--ease-out-quad,ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.sr-ctl:after{content:"";border-radius:50%;position:absolute;inset:-4px}.sr-ctl:hover,.sr-ctl:focus-visible{opacity:1;border-color:color-mix(in srgb, var(--fg) 48%, transparent)}.sr-ctl[data-flag]{opacity:1;border-color:color-mix(in srgb, var(--fg) 46%, transparent)}@media (prefers-reduced-motion:reduce){.sr-still,.sr-play-disc,.sr-ctl{transition:none}.sr-screen[data-started] .sr-still{opacity:1}}@media print{.sr-play,.sr-controls{display:none}}