body{--gutter: clamp(1rem, 4vw, 4rem);--col: min(100% - 2 * var(--gutter), 84rem);--line: 1px solid var(--theme-divider);--inset: clamp(1.5rem, 3.5vw, 3.5rem);margin:0;background:var(--theme-navbar-bg);color:var(--theme-text);font-family:var(--font-body)}.page[data-astro-cid-j7pv25f6]{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-block:clamp(1rem,4vh,3rem)}.guides[data-astro-cid-j7pv25f6]{pointer-events:none;position:absolute;inset-block:0;left:50%;z-index:1;width:var(--col);transform:translate(-50%);border-inline:var(--line)}.spacer[data-astro-cid-j7pv25f6]{flex:1}.row-top[data-astro-cid-j7pv25f6]{border-top:var(--line)}.row-card[data-astro-cid-j7pv25f6]{border-block:var(--line)}.row-actions[data-astro-cid-j7pv25f6]{border-bottom:var(--line)}.col[data-astro-cid-j7pv25f6]{width:var(--col);margin-inline:auto}.masthead[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem;padding-inline:clamp(1rem,2vw,1.25rem);font-family:var(--font-mono)}.wordmark[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:.625rem;color:inherit;font-size:1.125rem;font-weight:600;text-decoration:none;white-space:nowrap}.masthead-link[data-astro-cid-j7pv25f6]{color:var(--theme-text-light);font-size:.8125rem;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.masthead-link[data-astro-cid-j7pv25f6]:hover{color:var(--theme-text-accent)}.card[data-astro-cid-j7pv25f6]{display:grid;background:var(--theme-bg)}.copy[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;justify-content:center;gap:1.75rem;padding:var(--inset)}h1[data-astro-cid-j7pv25f6]{margin:0;font-family:var(--font-mono);font-size:clamp(1.75rem,1.25rem + 1.75vw,2.75rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.copy[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0;color:var(--theme-text-light);font-size:clamp(.9rem,.75rem + .375vw,1rem);line-height:1.65em;text-wrap:pretty}.media[data-astro-cid-j7pv25f6]{order:-1;display:grid;place-items:center;padding:clamp(1rem,2.5vw,2.5rem);border-bottom:var(--line)}.player-frame[data-astro-cid-j7pv25f6]{width:100%;aspect-ratio:16 / 9}.player-frame[data-astro-cid-j7pv25f6] video-skin[data-astro-cid-j7pv25f6]{height:100%;width:100%}.actions[data-astro-cid-j7pv25f6]{display:grid}.action[data-astro-cid-j7pv25f6]{--sweep-duration: .18s;--sweep-ease: cubic-bezier(.7, 0, .3, 1);display:grid;min-height:4.5rem;color:var(--theme-text);font-family:var(--font-mono);font-size:1rem;font-weight:600;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.action[data-astro-cid-j7pv25f6][data-sweep=videojs]{--sweep: #ff6200}.action[data-astro-cid-j7pv25f6][data-sweep=media-chrome]{--sweep: #00aa3c}.action[data-astro-cid-j7pv25f6]+.action[data-astro-cid-j7pv25f6]{border-top:var(--line)}.action[data-astro-cid-j7pv25f6]:focus-visible{outline:2px solid var(--sweep);outline-offset:-2px}.action-layer[data-astro-cid-j7pv25f6]{grid-area:1 / 1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem 1rem calc((1.25rem + var(--inset)) / 2)}.action-fill[data-astro-cid-j7pv25f6]{background:var(--sweep);color:#fff;clip-path:inset(0 100% 0 0);transition:clip-path var(--sweep-duration) var(--sweep-ease)}.action[data-astro-cid-j7pv25f6]:is(:hover,:focus-visible) .action-fill[data-astro-cid-j7pv25f6]{clip-path:inset(0 0 0 0)}.action-primary[data-astro-cid-j7pv25f6]{background:var(--theme-text);color:var(--theme-bg)}@media (prefers-reduced-motion: reduce){.action-fill[data-astro-cid-j7pv25f6]{transition:none}}@media (min-width: 40rem){.actions[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(3,minmax(0,1fr))}.action[data-astro-cid-j7pv25f6]+.action[data-astro-cid-j7pv25f6]{border-top:0;border-left:var(--line)}}@media (min-width: 60rem){.card[data-astro-cid-j7pv25f6]{grid-template-columns:var(--card)}.media[data-astro-cid-j7pv25f6]{order:0;border-bottom:0;border-left:var(--line)}.actions[data-astro-cid-j7pv25f6]{grid-template-columns:var(--actions)}}body{--card: minmax(0, 1fr) minmax(0, 1fr);--actions: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr)}@media (min-width: 90rem){body{--card: minmax(0, 5fr) minmax(0, 7fr);--actions: minmax(0, 10fr) minmax(0, 7fr) minmax(0, 7fr)}}