:root{--fs-headline:clamp(2.75rem, min(1rem + 8vw, 14.5vh), 9.5rem);--fs-lede:clamp(1rem, min(.9rem + .45vw, 2.7vh), 1.25rem)}.stage{z-index:1;min-width:0;padding:calc(var(--pad) * .6) var(--pad) calc(var(--pad) * .5);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head""slot""index";display:grid;position:relative}.head{flex-direction:column;grid-area:head;gap:clamp(.75rem,2.2vh,1.9rem);display:flex}.headline{color:var(--fg);transition:color var(--theme-ms) ease-out;--glyph:.5;font-size:var(--fs-headline);letter-spacing:-.045em;text-wrap:balance;max-width:11ch;margin-left:-.05em;font-weight:500;line-height:.94;position:relative}.lede{text-wrap:balance;max-width:42ch}.slot{grid-area:slot;min-height:0}.index{grid-area:index;width:min(34rem,100%);position:relative}.index-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.7rem;padding-right:2rem;display:flex}.works{--bleed:.75rem}.row{min-height:3.125rem;margin-inline:calc(var(--bleed) * -1);padding:.55rem var(--bleed);border-radius:4px;grid-template-columns:2.25rem minmax(0,1fr) auto 1rem;align-items:center;gap:0 1rem;transition:background-color .15s ease-out;display:grid;position:relative}.row:before{content:"";inset:0 var(--bleed) auto;background:var(--hair);height:1px;transition:background-color var(--theme-ms) ease-out;position:absolute}.row.live:hover,.row.live:has(:focus-visible){background-color:rgb(var(--fg-rgb) / .05)}.who{align-items:baseline;gap:.75rem;min-width:0;display:flex}.name{font-size:var(--fs-name);letter-spacing:-.01em;white-space:nowrap;color:var(--fg);transition:color var(--theme-ms) ease-out;font-weight:500;line-height:1.25}.name a:after{content:"";position:absolute;inset:0}.name a:focus-visible{outline:none}.row.live:has(a:focus-visible){outline:2px solid var(--fg);outline-offset:0}.kind{font-family:var(--mono);font-size:var(--fs-tag);letter-spacing:.06em;color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;transition:color var(--theme-ms) ease-out;overflow:hidden}.redacted{font-family:var(--mono);letter-spacing:.04em;color:var(--fg-3);transition:color var(--theme-ms) ease-out;font-size:.9375rem;font-weight:500}.st{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.04em;color:var(--fg-3);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color var(--theme-ms) ease-out}.row.live .st{color:var(--fg)}.row.live .st:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:.5rem;display:inline-block}.go{font-family:var(--mono);font-size:var(--fs-mono);color:var(--fg);opacity:0;transition:opacity .15s ease-out, translate .3s var(--ease), color var(--theme-ms) ease-out;translate:-6px}.row.live:hover .go,.row.live:has(:focus-visible) .go{opacity:1;translate:0}.thumb{aspect-ratio:16/10;border-radius:2px;width:4.5rem;display:none}.peek{z-index:5;background:var(--bg);outline:1px solid var(--outline);outline-offset:-1px;opacity:0;transform-origin:0;pointer-events:none;will-change:translate, rotate;width:min(19rem,60vw);transition:opacity .18s ease-out, scale .36s var(--ease), background-color var(--theme-ms) ease-out, outline-color var(--theme-ms) ease-out;border-radius:6px;position:fixed;top:0;left:0;overflow:hidden;scale:.97;box-shadow:0 2px 6px #00000040,0 30px 60px -20px #000000bf}:root[data-theme=light] .peek{box-shadow:0 2px 6px #0000001f,0 30px 60px -20px #00000059}.peek.on{opacity:1;scale:1}.peek .plate{aspect-ratio:16/10;border-radius:0;outline:0}.peek figcaption{border-top:1px solid var(--hair);color:var(--fg-2);transition:color var(--theme-ms) ease-out, border-color var(--theme-ms) ease-out;padding:.55rem .75rem .65rem;font-size:.8125rem;line-height:1.4}@media (hover:none),(pointer:coarse){.peek{display:none}}.stage-404{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head""slot"}.stage-404 .headline{--fs-headline:clamp(2.25rem, min(.75rem + 5.5vw, 11vh), 6.5rem);max-width:13ch}.stage-404 .pills{margin-top:.5rem}@media (prefers-reduced-motion:no-preference){.js .field,.js .headline,.js .lede,.js .pills,.js .index-head,.js .row,.js .brand,.js .theme,.js footer.bar{opacity:0}.js .headline{visibility:hidden}[data-ready] .headline{opacity:1;visibility:visible}[data-ready] .field{opacity:1;animation:1.1s ease-out backwards fade}[data-ready] .lede,[data-ready] .pills,[data-ready] .index-head,[data-ready] .row{opacity:1;animation:1.1s cubic-bezier(.16,1,.3,1) both rise}[data-ready] .lede{animation-delay:.46s}[data-ready] .pills,[data-ready] .index-head{animation-delay:.54s}[data-ready] .row{animation-delay:calc(.6s + var(--i) * 70ms)}.works .row{--i:0}.works .row:nth-child(2){--i:1}.works .row:nth-child(3){--i:2}.works .row:nth-child(4){--i:3}.works .row:nth-child(5){--i:4}.works .row:nth-child(6){--i:5}.works .row:nth-child(7){--i:6}.works .row:nth-child(n+8){--i:7}[data-ready] .brand,[data-ready] .theme,[data-ready] footer.bar{opacity:1;animation:1s ease-out both fade}[data-ready] .theme{animation-delay:.15s}[data-ready] footer.bar{animation-delay:.75s}.row.live .st:before{animation:2.6s ease-in-out infinite pulse}}@keyframes rise{0%{opacity:0;translate:0 .6em}}@keyframes fade{0%{opacity:0}}@keyframes pulse{50%{opacity:.35}}@media (max-width:56.25rem){.field{height:100%;position:absolute}.stage{row-gap:1.5rem}.headline{max-width:12ch}.slot{min-height:min(80vw,24rem)}.index{width:100%}.row{grid-template-columns:2.25rem minmax(0,1fr) auto 4.5rem}.index-head{padding-right:5.5rem}.go{display:none}.who{flex-direction:column;align-items:flex-start;gap:.1rem}.thumb{display:block}}
