.stage[data-astro-cid-n24nsdkk]{margin:0}.frame[data-astro-cid-n24nsdkk]{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:.625rem;position:relative;overflow:hidden}.vid[data-astro-cid-n24nsdkk]{object-fit:contain;background:var(--color-bg);width:100%;height:100%;display:block}.progress[data-astro-cid-n24nsdkk]{background:color-mix(in srgb, var(--color-text) 12%, transparent);height:2px;margin-top:.5rem;display:block}.progress[data-astro-cid-n24nsdkk] i[data-astro-cid-n24nsdkk]{background:var(--color-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}figcaption[data-astro-cid-n24nsdkk]{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);font:var(--step--1) / 1.5 var(--font-mono);color:var(--color-text-muted);flex-wrap:wrap;margin-top:.25rem;display:flex}.caption-text[data-astro-cid-n24nsdkk]{max-width:46rem}.controls[data-astro-cid-n24nsdkk]{gap:.25rem;display:inline-flex}.controls[data-astro-cid-n24nsdkk][hidden]{display:none}.controls[data-astro-cid-n24nsdkk] button[data-astro-cid-n24nsdkk]{min-height:2.75rem;color:var(--color-text-muted);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .15s var(--ease), background-color .15s var(--ease);background:0 0;border:0;border-radius:.375rem;padding:0 .875rem}:is(.controls[data-astro-cid-n24nsdkk] button[data-astro-cid-n24nsdkk]:hover,.controls[data-astro-cid-n24nsdkk] button[data-astro-cid-n24nsdkk]:focus-visible){color:var(--color-text);background:var(--color-hover)}.reveal-ready [data-reveal]{opacity:0;transform:translateY(16px)}.reveal-ready [data-reveal].is-in{opacity:1;transition:opacity .6s var(--ease) var(--rd,0s), transform .6s var(--ease) var(--rd,0s);transform:none}@media (prefers-reduced-motion:reduce){.reveal-ready [data-reveal]{opacity:1;transform:none}}.hero{gap:var(--space-3);padding-block:var(--space-2) var(--space-4);display:grid}.hero h1{margin-top:var(--space-1);font:400 clamp(3rem, 1.6rem + 6.4vw, 6.75rem) / .92 var(--font-display);letter-spacing:-.035em}.lede{max-width:30rem;font:400 var(--step-2) / 1.3 var(--font-display);letter-spacing:-.01em}.sub{max-width:34rem;margin-top:var(--space-1);color:var(--color-text-muted)}.meta{gap:var(--space-2) var(--space-3);margin:var(--space-3) 0 0;padding-top:var(--space-2);border-top:1px solid var(--color-rule);font-size:var(--step--1);grid-template-columns:minmax(0,1fr);display:grid}.meta dt{font:500 .75rem / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.meta dd{overflow-wrap:anywhere;margin:.125rem 0 0}@media (min-width:30rem){.meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.hero{gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end}.meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.band{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-rule);gap:var(--space-3);display:grid}.band-head h2{font:400 var(--step-2) / 1.2 var(--font-display)}.band-head .eyebrow{margin-bottom:.25rem}.band-body{gap:var(--space-3);min-width:0;display:grid}.band-body>p,.band-body .points,.two p{max-width:var(--measure)}@media (min-width:64rem){.band{margin-top:var(--space-6);gap:var(--space-5);grid-template-columns:14rem minmax(0,1fr)}.band-head{top:var(--space-4);align-self:start;position:sticky}}.two{gap:var(--space-3);display:grid}@media (min-width:52rem){.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.muted{color:var(--color-text-muted);font-size:.9375rem}.tag{font:500 var(--step--1) / 1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-top:var(--space-1)}.tag+.points{margin-top:var(--space-1)}.lead{font:400 1.125rem / 1.45 var(--font-display)}.shot{margin:0}.shot img{border:1px solid var(--color-rule);border-radius:.5rem;width:100%;height:auto;display:block}.zoom{cursor:zoom-in;border-radius:.5rem;display:block}.tap-only,.tap{display:none}@media (hover:none),(max-width:47.99rem){.tap-only{display:block}.tap{display:inline}}.shot figcaption{margin-top:var(--space-1);font:var(--step--1) / 1.5 var(--font-mono);color:var(--color-text-muted)}.duo{margin-top:var(--space-5);gap:var(--space-3);align-items:center;display:grid}.duo-text{max-width:26rem}.duo-text h3{margin:.25rem 0 var(--space-1);font:400 var(--step-2) / 1.2 var(--font-display)}.duo-text p:last-child{color:var(--color-text-muted)}@media (min-width:64rem){.duo{margin-top:var(--space-6);gap:var(--space-5);grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.duo--flip{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.duo--flip .shot{order:2}.duo--flip .duo-text{justify-self:end}}.steps{counter-reset:none;gap:0;display:grid}.steps li{padding-block:var(--space-2);border-top:1px solid var(--color-rule);gap:.25rem;display:grid}.steps li:last-child{border-bottom:1px solid var(--color-rule)}.steps .n{font:500 .75rem / 1.4 var(--font-mono);letter-spacing:.1em;color:var(--color-accent)}.steps h3{font:400 1.25rem / 1.2 var(--font-display)}.steps p{color:var(--color-text-muted);max-width:var(--measure);font-size:.9375rem}@media (min-width:40rem){.steps{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.steps li,.steps li:last-child{border-top:1px solid var(--color-rule);border-bottom:0;align-content:start}}@media (min-width:80rem){.steps{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr))}.steps li,.steps li:last-child{border-top:1px solid var(--color-rule);border-bottom:0;align-content:start}}.decisions{gap:0;margin:0;display:grid}.decisions>div{padding-block:var(--space-2);border-top:1px solid var(--color-rule)}.decisions dt{font:400 1.25rem / 1.25 var(--font-display)}.dk{font:500 .75rem / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.25rem;display:block}.decisions dd{color:var(--color-text-muted);max-width:36rem;margin:.375rem 0 0;font-size:.9375rem}@media (min-width:52rem){.decisions{column-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.points{gap:var(--space-1);padding-inline-start:1.1rem;font-size:.9375rem;list-style:outside;display:grid}.points li::marker{color:var(--color-text-muted)}.more{gap:.25rem var(--space-3);color:var(--color-text-muted);flex-wrap:wrap;font-size:.9375rem;display:flex}.more .ext-link{color:var(--color-text)}.cta-line{font:400 var(--step-2) / 1.3 var(--font-display)}.code{gap:0;display:grid}.code li{gap:.25rem var(--space-3);border-top:1px solid var(--color-rule);font-size:var(--step--1);padding-block-start:.75rem;padding-block-end:.75rem;display:grid}.code li:last-child{border-bottom:1px solid var(--color-rule)}.code-label{font:500 var(--step--1) / 1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.code-links{gap:.25rem var(--space-3);font-family:var(--font-mono);flex-wrap:wrap;display:flex}@media (min-width:40rem){.code li{grid-template-columns:14rem minmax(0,1fr)}}