:root{--paper:#e8ece6;--paper-raised:#f2f5f0;--grid:#dce2da;--grid-major:#ced7cc;--ink:#1c2533;--ink-2:#445063;--ink-3:#687385;--rule:#c4cdc2;--blue:#2747c9;--accent:#2747c9;--stage:#000;--serif:"STIX Two Text", "STIX Two", Georgia, serif;--sans:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--gutter:clamp(16px, 4.5vw, 56px);--measure:1200px;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#151a22;--paper-raised:#1c222c;--grid:#1a2029;--grid-major:#212935;--ink:#e4e8ee;--ink-2:#b3bcc9;--ink-3:#8792a3;--rule:#2c3543;--blue:#93a9ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);font:400 17px/1.55 var(--serif);background-color:var(--paper);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:-1px -1px;background-size:120px 120px,120px 120px,24px 24px,24px 24px;margin:0}a{color:inherit}img,video{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap,.masthead,.feature,.library,.film-body,.site-footer,.empty-state{width:min(var(--measure), 100% - 2 * var(--gutter));margin-inline:auto}.masthead{padding:calc(env(safe-area-inset-top) + 22px) 0 22px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;display:flex}.wordmark{font:600 26px/1 var(--serif);letter-spacing:-.01em;text-decoration:none}.tagline{font:400 15px/1.4 var(--sans);color:var(--ink-3);margin:0}.feature{margin-top:8px}.feature-stage,.thumb{aspect-ratio:16/9;background:var(--stage);border-radius:var(--radius);display:block;position:relative;overflow:hidden}.feature-stage img,.feature-stage video,.thumb img,.thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feature-stage video,.thumb video{opacity:0;transition:opacity .4s}.is-playing video{opacity:1}.play-mark{aspect-ratio:1;background:var(--paper);width:clamp(52px,6vw,72px);box-shadow:0 0 0 6px color-mix(in srgb, var(--paper) 25%, transparent);border-radius:50%;transition:transform .2s;position:absolute;bottom:clamp(14px,2.5vw,28px);left:clamp(14px,2.5vw,28px)}.play-mark:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);width:34%;height:38%;margin:auto;position:absolute;inset:0;translate:12%}.feature-stage:hover .play-mark{transform:scale(1.06)}.feature-text{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"kicker kicker""title lede""title meta";align-items:start;column-gap:clamp(24px,4vw,64px);padding:26px 0 12px;display:grid}.feature-kicker{font:600 14px/1.4 var(--sans);color:var(--accent);grid-area:kicker;margin:0 0 6px}.feature h1{font:500 clamp(36px, 5.4vw, 64px)/1.02 var(--serif);letter-spacing:-.02em;text-wrap:balance;grid-area:title;margin:0}.feature h1 a{text-decoration:none}.feature .lede{grid-area:lede;margin:.35em 0 0}.feature .card-meta{grid-area:meta}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34em;font-size:clamp(18px,1.7vw,21px);line-height:1.5}.library{padding:clamp(48px,7vw,88px) 0 24px}.library-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:28px;padding-bottom:18px;display:flex}.library h2{font:500 clamp(24px, 2.6vw, 30px)/1.15 var(--serif);letter-spacing:-.01em;margin:0}.count{font:500 .55em/1 var(--sans);color:var(--ink-3);vertical-align:.25em;margin-left:.35em}.search input{width:min(300px,70vw);height:42px;font:400 16px/1 var(--sans);color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule);appearance:none;border-radius:999px;padding:0 16px}.search input::placeholder{color:var(--ink-3)}.search input:focus-visible{outline-offset:1px;border-radius:999px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(36px,4vw,48px) clamp(20px,2.5vw,32px);margin:0;padding:0;list-style:none;display:grid}.grid:not(.is-searching) .card[data-featured]{display:none}.card>a{border-radius:var(--radius);text-decoration:none;display:block}.card-title{font:600 22px/1.2 var(--serif);letter-spacing:-.01em;text-underline-offset:5px;margin-top:14px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .16s;display:block}.card>a:hover .card-title{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.card-summary{color:var(--ink-2);text-wrap:pretty;margin:6px 0 0}.card-meta{font:500 14px/1.3 var(--sans);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0;display:flex}.duration{font-variant-numeric:tabular-nums;align-items:center;gap:7px;display:inline-flex}.duration:before{content:"";background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%);width:9px;height:10px}.versions-note{border:1px solid var(--rule);border-radius:5px;padding:2px 8px}.no-results,.empty-state{color:var(--ink-2);margin-top:8px;font-size:19px}.empty-state{padding:80px 0}.stage-band{background:var(--stage)}.player{width:min(var(--measure), 100%, (100svh - 120px) * 16 / 9);margin-inline:auto}.player video{aspect-ratio:16/9;background:var(--stage);width:100%}.film-body{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:40px clamp(32px,5vw,80px);padding-top:clamp(24px,3.5vw,40px);display:grid}.film-text h1{font:500 clamp(32px, 4.2vw, 50px)/1.05 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0}.film-text .lede{margin:14px 0 0}.film-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 0;display:flex}.version-switch{border:1px solid var(--rule);background:var(--paper-raised);border-radius:999px;padding:3px;display:inline-flex}.version-switch button,.action{min-height:40px;font:600 15px/1 var(--sans);color:var(--ink);cursor:pointer;border-radius:999px;padding:0 18px}.version-switch button{background:0 0;border:0;min-height:36px}.version-switch button[aria-selected=true]{color:var(--paper);background:var(--ink)}.action{border:1px solid var(--rule);background:0 0;align-items:center;text-decoration:none;transition:border-color .16s;display:inline-flex}.action:hover{border-color:var(--ink-3)}.description{text-wrap:pretty;max-width:36em;margin:28px 0 0;font-size:18px;line-height:1.6}.chapters h2{font:600 16px/1.3 var(--sans);justify-content:space-between;align-items:baseline;margin:6px 0 10px;display:flex}.chapters h2 .count{vertical-align:0;font-size:14px}.chapters ol{border-bottom:1px solid var(--rule);margin:0;padding:0;list-style:none}.chapters li{border-top:1px solid var(--rule)}.chapters button{--p:0%;text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:26px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:13px 10px;display:grid}.chapters button:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.ch-num,.ch-time{font:500 14px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-3)}.ch-title{font-size:17px;line-height:1.35}.chapters button[aria-current=true]{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, transparent) var(--p), transparent var(--p))}.chapters button[aria-current=true] .ch-num{color:var(--accent);font-weight:700}.chapters button[aria-current=true] .ch-title{font-weight:600}.more{padding-top:clamp(56px,7vw,96px)}.site-footer{padding:48px 0 calc(env(safe-area-inset-bottom) + 36px);font:400 14px/1.4 var(--sans);color:var(--ink-3)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);font:600 15px/1 var(--sans);color:var(--paper);background:var(--ink);opacity:0;pointer-events:none;border-radius:999px;padding:12px 20px;transition:translate .24s,opacity .24s;position:fixed;translate:-50% 160%}.toast.is-shown{opacity:1;translate:-50%}@media (width<=760px){.feature-stage{margin-inline:calc(-1 * var(--gutter));border-radius:0}.feature-text{grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker""title""lede""meta";padding-top:18px}.feature .lede{margin-top:12px}.search,.search input{width:100%}.film-body{grid-template-columns:minmax(0,1fr)}.chapters h2{margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}