:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1014;--ink:#e7ebee;--ink-soft:#9ea8b2;--accent:#ff9a57;--rule:#e7ebee24;--halo:#0c1014f2;--well:#1a1f25;--font-display:"Newsreader","Iowan Old Style",Georgia,serif;--font-body:"Newsreader","Iowan Old Style",Georgia,serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--aged:sepia(.14) saturate(.85) contrast(.95) brightness(.96);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.6}#scene{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.page{z-index:1;box-sizing:border-box;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:clamp(64px,11vh,128px) 40px;position:relative}.col{max-width:74rem;margin-left:clamp(0px,5vw,88px)}header,.body{text-shadow:0 0 14px var(--halo),0 0 3px var(--halo)}.nav{flex-wrap:wrap;gap:4px 20px;font-size:1.04rem;line-height:1.4;display:flex}.nav a{color:var(--ink-soft);text-underline-offset:6px;text-decoration:none}.nav a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:22px 0 10px;font-size:clamp(2.2rem,1.5rem + 2.4vw,3.2rem);font-weight:400;line-height:1.02}.lede{max-width:34rem;color:var(--ink-soft);margin:0}.sample{max-width:40rem;font:.72rem/1.5 var(--font-mono);color:var(--accent);margin:10px 0 0}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.split{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);margin-top:clamp(40px,7vh,72px);display:grid}.group{min-width:0}.group-main{padding-right:clamp(28px,3.2vw,48px)}.group-side{border-left:1px solid var(--rule);padding-left:clamp(28px,3.2vw,48px)}.stick{position:sticky;top:32px}.group-h{border-bottom:1px solid var(--rule);font:500 .72rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 10px var(--halo);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 22px;padding-bottom:10px;display:flex}.group-h .n{color:var(--accent);font-variant-numeric:tabular-nums}.group-h .what{color:var(--ink-soft);letter-spacing:.04em;text-transform:none;margin-left:auto;font-weight:400}.mains{gap:56px;display:grid}.card{min-width:0;position:relative}.cover{aspect-ratio:16/10;background:var(--well);isolation:isolate;border-radius:3px;max-width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e7ebee14}.media{object-fit:cover;object-position:50% 0;width:100%;height:100%;filter:var(--aged);transition:filter .7s,transform .7s;display:block;position:absolute;inset:0}.media.pan{object-fit:fill;--travel:72.4;height:auto;animation:32s ease-in-out infinite pan;bottom:auto}.cover:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(125% 95% at 50% 42%,#0a080600 52%,#0a080661 100%),linear-gradient(#ffcc9608,#ffcc9608);transition:opacity .7s;position:absolute;inset:0}.cover:after{content:"";z-index:2;pointer-events:none;background-image:var(--grain);opacity:.22;mix-blend-mode:overlay;background-size:200px 200px;transition:opacity .7s;animation:1s steps(5,end) infinite grain;position:absolute;inset:-60%}.card:hover .media,.card:focus-within .media,.card.in-focus .media{filter:none}.card:hover .media:not(.pan),.card:focus-within .media:not(.pan){transform:scale(1.03)}.card:hover .cover:before,.card:focus-within .cover:before,.card.in-focus .cover:before{opacity:0}.card:hover .cover:after,.card:focus-within .cover:after,.card.in-focus .cover:after{opacity:.08}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@keyframes pan{0%,9%{transform:translateY(0)}34%,44%{transform:translateY(calc(var(--travel) * -0.45%))}70%,84%{transform:translateY(calc(var(--travel) * -1%))}to{transform:translateY(0)}}.body{gap:6px;min-width:0;margin-top:16px;display:grid}.card h3{font:500 1.42rem/1.2 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent)}.role{font:.7rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0}.desc{max-width:34rem;color:var(--ink-soft);margin:2px 0 0;font-size:1rem;line-height:1.55}.stat{font:.76rem/1.5 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;margin:4px 0 0}.stat b{color:var(--accent);font-weight:500}.links{font:500 .68rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:4px 18px;margin:4px 0 0;display:flex}.links a{color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:1px;text-decoration:none}.links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.sides{display:grid}.side{border-bottom:1px solid var(--rule);padding:26px 0}.side:first-child{padding-top:0}.side:last-child{border-bottom:0}.side .body{margin-top:12px}.side h3{font-size:1.18rem}.side .desc{font-size:.95rem}.figbar{z-index:1;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:8px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));font:.7rem/1.5 var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;text-shadow:0 0 8px var(--halo);flex-wrap:wrap;justify-content:space-between;gap:4px 24px;margin:0;display:flex;position:relative}.figbar p{margin:0}.figbar .fig{color:var(--ink);font-weight:500}.figbar .val{color:var(--accent)}@media (prefers-reduced-motion:reduce){.media,.cover:before,.cover:after{transition:none}.cover:after,.media.pan{animation:none}}@media (width<=880px){.split{grid-template-columns:minmax(0,1fr)}.group-main{padding-right:0}.group-side{border-left:0;margin-top:clamp(48px,8vh,72px);padding-left:0}.stick{position:static}.side{grid-template-columns:minmax(0,15.5rem) minmax(0,1fr);align-items:start;gap:24px;padding:22px 0;display:grid}.side .body{margin-top:0}}@media (width<=760px){.page{padding-block:clamp(56px,9vh,96px) 24px}.mains{gap:44px}.group-h .what{flex-basis:100%;margin-left:0}}@media (width<=560px){body{font-size:16.5px}.side{grid-template-columns:minmax(0,1fr);gap:14px}.figbar{font-size:.62rem}.figbar .opt{display:none}}.draft-tag{border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:0 4px;line-height:1.5;display:inline-block}.split.solo{grid-template-columns:minmax(0,1fr)}.split.solo .group-main{max-width:48rem;padding-right:0}.split.solo .group-side{border-left:0;max-width:48rem;padding-left:0}.split.solo .stick{position:static}