.masthead.svelte-yxunt a:where(.svelte-yxunt){color:var(--accent);font-weight:700}.video-grid.svelte-yxunt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem 1rem}.video-card.svelte-yxunt{display:flex;flex-direction:column;gap:.55rem}.frame.svelte-yxunt{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--code-bg);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.frame.svelte-yxunt:has(.poster:where(.svelte-yxunt):hover),.frame.svelte-yxunt:has(.poster:where(.svelte-yxunt):focus-visible){transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 24px #211a141f}.poster.svelte-yxunt,iframe.svelte-yxunt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.poster.svelte-yxunt{padding:0;background:none;cursor:pointer}.poster.svelte-yxunt:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}img.svelte-yxunt{width:100%;height:100%;object-fit:cover}.play.svelte-yxunt{position:absolute;left:50%;top:50%;width:3.4rem;height:3.4rem;translate:-50% -50%;border-radius:999px;background:#211a14b8;transition:background .2s var(--ease),scale .2s var(--ease)}.play.svelte-yxunt:after{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;border-style:solid;border-width:.6rem 0 .6rem 1rem;border-color:transparent transparent transparent var(--paper)}.poster.svelte-yxunt:hover .play:where(.svelte-yxunt),.poster.svelte-yxunt:focus-visible .play:where(.svelte-yxunt){background:var(--accent);scale:1.08}.length.svelte-yxunt{position:absolute;right:.5rem;bottom:.5rem;padding:.1rem .4rem;border-radius:6px;background:#211a14cc;color:var(--paper);font-family:var(--mono);font-size:.75rem}.title.svelte-yxunt{font-size:.95rem;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:none}.title.svelte-yxunt:hover,.title.svelte-yxunt:focus-visible{color:var(--accent);text-decoration:underline}@media(max-width:560px){.video-grid.svelte-yxunt{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.frame.svelte-yxunt,.play.svelte-yxunt{transition:none}.frame.svelte-yxunt:has(.poster:where(.svelte-yxunt):hover),.frame.svelte-yxunt:has(.poster:where(.svelte-yxunt):focus-visible){transform:none}.poster.svelte-yxunt:hover .play:where(.svelte-yxunt),.poster.svelte-yxunt:focus-visible .play:where(.svelte-yxunt){scale:1}}