.home-coda:where(.astro-hcqoful2){--brand:#f05133;text-align:center;margin-top:4rem}.coda-rule:where(.astro-hcqoful2){border:0;border-top:2px solid var(--brand);opacity:.85;width:clamp(7rem,25%,12rem);margin:0 auto 1.5rem}.coda-line:where(.astro-hcqoful2){font-family:var(--sl-font-mono,ui-monospace, "JetBrains Mono", monospace);color:var(--sl-color-gray-3);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4rem .85rem;margin:0;font-size:.85rem;line-height:1.6;display:inline-flex}.coda-stat:where(.astro-hcqoful2){color:var(--sl-color-gray-3);align-items:baseline;gap:.3rem;text-decoration:none;transition:color .15s;display:inline-flex}.coda-stat:where(.astro-hcqoful2):hover{color:var(--brand)}.coda-stat:where(.astro-hcqoful2) .ico:where(.astro-hcqoful2){color:var(--brand);font-size:.95em}.coda-stat:where(.astro-hcqoful2) .num:where(.astro-hcqoful2){color:var(--sl-color-text);font-weight:500}.coda-line:where(.astro-hcqoful2) .dot:where(.astro-hcqoful2){color:var(--sl-color-gray-5);user-select:none}.coda-copy:where(.astro-hcqoful2){color:var(--sl-color-gray-3);align-items:baseline;gap:.3rem;display:inline-flex}.coda-copy:where(.astro-hcqoful2) .ico:where(.astro-hcqoful2){color:var(--brand);font-size:.95em}.coda-author:where(.astro-hcqoful2){color:var(--sl-color-text);text-decoration:none;transition:color .15s}.coda-author:where(.astro-hcqoful2):hover{color:var(--brand)}.home-film:where(.astro-b7bcosbd){margin-bottom:3rem}.film:where(.astro-b7bcosbd){--pane:#131111;--line:#2a2624;--text:#f1ecec;--dim:#8b7e7a;--brand:#f05133;--brand-shadow:#8b2a12;background:var(--pane);border:1px solid var(--sl-color-gray-5);font-family:var(--sl-font-mono,ui-monospace, "JetBrains Mono", monospace);color:var(--dim);border-radius:0;outline:none;font-size:.8rem;overflow:hidden}.film:where(.astro-b7bcosbd):focus-visible{box-shadow:0 0 0 2px var(--brand)}.film-bar:where(.astro-b7bcosbd){white-space:nowrap;user-select:none;align-items:center;gap:.75rem;height:2.25rem;padding:0 .9rem;display:flex}.film-bar--top:where(.astro-b7bcosbd){border-bottom:1px solid var(--line);justify-content:space-between}.film-bar--bottom:where(.astro-b7bcosbd){border-top:1px solid var(--line)}.film-prompt:where(.astro-b7bcosbd){color:var(--text)}.film-caret:where(.astro-b7bcosbd){color:var(--brand)}.film-dur:where(.astro-b7bcosbd){font-variant-numeric:tabular-nums}.film-screen:where(.astro-b7bcosbd){aspect-ratio:16/9;background:#111;position:relative}.film-video:where(.astro-b7bcosbd){object-fit:contain;cursor:pointer;background:#111;width:100%;height:100%;display:block}.film-big:where(.astro-b7bcosbd){cursor:pointer;background:#110f0f9e;border:0;border-radius:0;place-items:center;margin:0;padding:0;transition:background .2s;display:grid;position:absolute;inset:0}.film-big:where(.astro-b7bcosbd):hover{background:#110f0f80}.film-big-square:where(.astro-b7bcosbd){background:var(--brand);width:5.5rem;height:5.5rem;box-shadow:.4rem .4rem 0 var(--brand-shadow);border-radius:0;place-items:center;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s cubic-bezier(.22,1,.36,1);display:grid}.film-big-square:where(.astro-b7bcosbd) svg:where(.astro-b7bcosbd){fill:var(--text);margin-left:.3rem}.film-big:where(.astro-b7bcosbd):hover .film-big-square:where(.astro-b7bcosbd){box-shadow:.52rem .52rem 0 var(--brand-shadow);transform:translate(-.12rem,-.12rem)}.film-big:where(.astro-b7bcosbd):active .film-big-square:where(.astro-b7bcosbd){box-shadow:.15rem .15rem 0 var(--brand-shadow);transform:translate(.25rem,.25rem)}.film-big:where(.astro-b7bcosbd):focus-visible{outline:none}.film-big:where(.astro-b7bcosbd):focus-visible .film-big-square:where(.astro-b7bcosbd){outline:2px solid var(--text);outline-offset:3px}.film:where(.astro-b7bcosbd)[data-state=playing] .film-big:where(.astro-b7bcosbd){display:none}.film-key:where(.astro-b7bcosbd){font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:color .12s}.film-key:where(.astro-b7bcosbd) b:where(.astro-b7bcosbd){color:var(--text);font-weight:600}.film-key:where(.astro-b7bcosbd):hover,.film-key:where(.astro-b7bcosbd):hover b:where(.astro-b7bcosbd){color:var(--brand)}.film-key:where(.astro-b7bcosbd):focus-visible{outline:1px solid var(--brand);outline-offset:2px}.film-sep:where(.astro-b7bcosbd){color:var(--line);user-select:none}.film-progress:where(.astro-b7bcosbd){--p:0%;cursor:pointer;background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 8px);flex:1;min-width:3rem;height:.6rem;position:relative}.film-progress-fill:where(.astro-b7bcosbd){background:repeating-linear-gradient(90deg, var(--brand) 0 6px, transparent 6px 8px);clip-path:inset(0 calc(100% - var(--p)) 0 0);position:absolute;inset:0}.film-progress:where(.astro-b7bcosbd):focus-visible{outline:1px solid var(--brand);outline-offset:3px}.film-time:where(.astro-b7bcosbd){font-variant-numeric:tabular-nums;color:var(--text)}.film:where(.astro-b7bcosbd):fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}.film:where(.astro-b7bcosbd):fullscreen .film-screen:where(.astro-b7bcosbd){aspect-ratio:auto;flex:1}@media (width<=40rem){.film-opt:where(.astro-b7bcosbd){display:none}.film-big-square:where(.astro-b7bcosbd){width:3.25rem;height:3.25rem;box-shadow:.3rem .3rem 0 var(--brand-shadow)}.film-big-square:where(.astro-b7bcosbd) svg:where(.astro-b7bcosbd){width:18px;height:21px}}@media (prefers-reduced-motion:reduce){.film-big:where(.astro-b7bcosbd),.film-big-square:where(.astro-b7bcosbd),.film-key:where(.astro-b7bcosbd){transition:none}}