:root{--paper:#f3f5fb;--surface:#fff;--ink:#0b0d17;--muted:#5a6075;--line:#d6dbe8;--ghost:#e2e6f1;--blue:#2340f0;--blue-soft:#e3e8ff;--on-blue:#fff;--deep:#070b22;--deep-ink:#eef1fa;--deep-muted:#8e95b3;--deep-ghost:#12183a;--type-1:#f08a00;--type-2:#6b3bff;--type-3:#2340f0;--type-4:#00a9bc;--type-5:#e5487f;--type-6:#17a673;--display:"Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;--body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;--step-hero:clamp(3.4rem, 9.5vw, 8.5rem);--step-h2:clamp(2.6rem, 6vw, 5.2rem);--step-h3:clamp(1.4rem, 2.2vw, 1.75rem);--step-body:1.0625rem;--step-small:.875rem;--step-label:.75rem;--radius-pill:999px;--wrap:1240px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0a0d19;--surface:#121629;--ink:#eef1f8;--muted:#9aa1ba;--line:#262c45;--ghost:#141932;--blue:#3b58ff;--blue-soft:#1a2250;--on-blue:#fff;--deep:#03050f;--deep-ink:#eef1fa;--deep-muted:#8e95b3;--deep-ghost:#0e1330;--type-3:#6c84ff;color-scheme:dark}}:root[data-theme=dark]{--paper:#0a0d19;--surface:#121629;--ink:#eef1f8;--muted:#9aa1ba;--line:#262c45;--ghost:#141932;--blue:#3b58ff;--blue-soft:#1a2250;--on-blue:#fff;--deep:#03050f;--deep-ink:#eef1fa;--deep-muted:#8e95b3;--deep-ghost:#0e1330;--type-3:#6c84ff;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--step-body);margin:0;line-height:1.55;overflow-x:hidden}img{max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;margin:0;font-weight:400;line-height:.92}p{margin:0}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.wrap{max-width:var(--wrap);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}@media (width>=720px){.wrap{padding-left:max(40px, env(safe-area-inset-left,0px));padding-right:max(40px, env(safe-area-inset-right,0px))}}.eyebrow{font-size:var(--step-label);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:10px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--blue);width:24px;height:2px}.pill{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:10px;padding:14px 22px;font-size:15px;line-height:1;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.pill:hover{background:var(--blue-soft)}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pill .dot{border-radius:50%;flex:none;width:10px;height:10px}.pill--blue{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}.pill--blue:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pill--sm{border-width:1px;border-color:var(--line);padding:9px 15px;font-size:13px}.tag{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--ink);background:var(--surface);align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.nav-shell{top:env(safe-area-inset-top,0px);z-index:20;pointer-events:none;padding-block:14px;position:sticky}.nav{pointer-events:auto;background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:4px;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:6px 6px 6px 18px;display:flex;box-shadow:0 6px 24px -12px #0b0d1740}.nav .logo{color:var(--ink);align-items:center;margin-right:10px;display:inline-flex}.nav .logo svg{display:block}.nav .links{gap:2px;display:flex}.nav .links a{color:var(--muted);border-radius:var(--radius-pill);padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.nav .links a:hover,.nav .links a[aria-current]{color:var(--ink);background:var(--blue-soft)}.nav .pill{margin-left:6px;padding:10px 16px;font-size:13px}@media (width<=620px){.nav .links{display:none}}.hero{padding-block:24px 48px;position:relative;overflow:hidden}.hero .ghost{z-index:0;pointer-events:none;user-select:none;font-family:var(--display);text-transform:uppercase;color:var(--ghost);white-space:nowrap;font-size:22.5vw;line-height:.8;position:absolute;bottom:-6vw;left:-2vw}.hero-grid{z-index:1;grid-template-columns:1fr;align-items:stretch;gap:40px;min-height:440px;display:grid;position:relative}.hero-copy{text-align:right;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:28px;min-width:0;display:flex}.hero-copy .aside{font-size:var(--step-small);color:var(--muted);max-width:26ch}.hero h1{font-size:var(--step-hero)}.hero h1 em{color:var(--blue);font-style:normal}.cta-round{align-items:center;gap:14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.cta-round .circle{background:var(--ink);width:56px;height:56px;color:var(--paper);border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.cta-round:hover .circle{background:var(--blue);color:var(--on-blue);transform:rotate(-45deg)}.hero-foot{z-index:1;font-size:var(--step-small);color:var(--muted);text-align:right;justify-content:flex-end;margin-top:28px;display:flex;position:relative}@media (width<=760px){.hero-copy{text-align:left;align-items:flex-start}}section.block{border-top:1px solid var(--line);padding-block:88px}.head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.head-row h2{font-size:var(--step-h2);margin-top:14px}.head-row .note{font-size:var(--step-small);color:var(--muted);max-width:40ch}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:64px;display:grid}.stat{border-top:2px solid var(--ink);padding-top:14px}.stat b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(3rem,6vw,5rem);font-weight:400;line-height:1;display:block}.stat span{margin-top:8px;font-weight:600;display:block}.stat small{color:var(--muted);font-size:13px}@media (width<=760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.filters{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.cards{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:14px;min-width:0;padding:22px;transition:border-color .2s,transform .2s;display:flex}.card:hover{border-color:var(--blue);transform:translateY(-3px)}.card .top{justify-content:space-between;align-items:center;gap:10px;display:flex}.card .type{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;display:inline-flex}.card .type .dot{border-radius:50%;width:9px;height:9px}.card .year{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.card h3{font-size:var(--step-h3);line-height:1.02}.card .by{color:var(--muted);margin-top:-6px;font-size:14px}.card .tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;display:flex}.empty{color:var(--muted);grid-column:1/-1;padding:32px 0}.essays{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;display:grid}@media (width<=860px){.essays{grid-template-columns:1fr}}.essays h2{font-size:var(--step-h2);margin-top:14px}.essays .intro p{color:var(--muted);max-width:38ch;margin-top:20px}.rows{margin:0;padding:0;list-style:none}.rows li a{border-top:1px solid var(--line);grid-template-columns:92px minmax(0,1fr) 32px;align-items:start;gap:20px;padding-block:24px;text-decoration:none;display:grid}.rows li:last-child a{border-bottom:1px solid var(--line)}.rows time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:6px;font-size:13px}.rows h3{font-size:var(--step-h3);text-transform:none;font-family:var(--body);letter-spacing:-.01em;font-weight:700;line-height:1.2}.rows p{color:var(--muted);max-width:58ch;margin-top:6px;font-size:15px}.rows .arrow{justify-self:end;font-size:22px;transition:transform .2s,color .2s}.rows a:hover h3{color:var(--blue)}.rows a:hover .arrow{color:var(--blue);transform:translate(3px,-3px)}@media (width<=560px){.rows li a{grid-template-columns:minmax(0,1fr) 24px}.rows time{grid-column:1/-1;padding:0}}.projects{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}@media (width<=820px){.projects{grid-template-columns:1fr}}.project{flex-direction:column;justify-content:space-between;gap:40px;min-height:300px;padding:32px;text-decoration:none;display:flex}.project--main{background:var(--blue);color:var(--on-blue)}.project--alt{border:1.5px solid var(--ink)}.project .kicker{flex-wrap:wrap;gap:8px;display:flex}.project .kicker span{border-radius:var(--radius-pill);border:1px solid;padding:5px 11px;font-size:12px;font-weight:600}.project h3{font-size:clamp(2.4rem,5vw,4.4rem)}.project p{opacity:.9;max-width:44ch;margin-top:12px;font-size:15px}.project--feature{min-height:420px;margin-bottom:20px;transition:background .2s}.project--feature:hover{background:color-mix(in srgb, var(--blue) 88%, #000)}.project--feature h3{font-size:clamp(3rem,8vw,7rem)}.feature-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.feature-top .open{align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.feature-top .circle{background:var(--on-blue);width:48px;height:48px;color:var(--blue);border-radius:50%;place-items:center;font-size:18px;transition:transform .2s;display:grid}.project--feature:hover .circle{transform:rotate(45deg)}.feature-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:40px;display:grid}@media (width<=820px){.feature-body{grid-template-columns:1fr}}.feature-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.feature-stats div{border-top:2px solid var(--on-blue);padding-top:10px}.feature-stats b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;line-height:1;display:block}.feature-stats span{font-size:13px;font-weight:600}.media-browse{border-top:1px solid color-mix(in srgb, var(--on-blue) 40%, transparent);padding-top:20px}.media-browse h4{text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:12px;font-weight:600}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.media-link{border:1px solid color-mix(in srgb, var(--on-blue) 55%, transparent);min-width:0;color:inherit;flex-direction:column;gap:8px;padding:12px;text-decoration:none;transition:background .18s;display:flex}.media-link:hover{background:color-mix(in srgb, var(--on-blue) 12%, transparent)}.media-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;gap:8px;font-size:16px;display:flex}.media-types{opacity:.85;font-size:12px;line-height:1.4}@media (width<=900px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-head{padding-block:48px 72px;position:relative;overflow:hidden}.page-head .ghost{z-index:0;pointer-events:none;user-select:none;font-family:var(--display);text-transform:uppercase;color:var(--ghost);white-space:nowrap;font-size:24vw;line-height:.8;position:absolute;top:8px;right:-2vw}.page-head .wrap{z-index:1;position:relative}.page-head h1{font-size:var(--step-hero);margin-top:18px}.page-head h1 em{color:var(--blue);font-style:normal}.page-head .lede{max-width:52ch;color:var(--muted);margin-top:24px;font-size:1.125rem}.page-head .stats{margin:48px 0 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library{padding-block:0 96px}.controls{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.controls .search{flex:280px;min-width:0}.controls input,.controls select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-pill);padding:13px 20px;font-size:15px}.controls input:focus,.controls select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.controls .select{flex:0 240px;min-width:0}.controls select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(-45deg, transparent 50%, var(--muted) 50%);background-position:right 22px center,right 17px center;background-repeat:no-repeat;background-size:5px 5px;padding-right:44px}.result-count{color:var(--muted);margin-bottom:12px;font-size:13px}.table-wrap{border-top:2px solid var(--ink)}.entries{border-collapse:collapse;width:100%}.entries th{text-align:left;font-size:var(--step-label);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px 14px 0;font-weight:600}.entries th button{all:unset;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.entries th button:after{content:"↕";opacity:.4}.entries th button[aria-sort=ascending]:after{content:"↑";opacity:1;color:var(--blue)}.entries th button[aria-sort=descending]:after{content:"↓";opacity:1;color:var(--blue)}.entries th button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.entries td{border-bottom:1px solid var(--line);vertical-align:top;padding:18px 16px 18px 0;font-size:15px}.entries tbody tr:hover td{background:color-mix(in srgb, var(--blue-soft) 45%, transparent)}.entries .title{width:38%}.entries .title a,.entries .title>span{font-size:1.0625rem;font-weight:700;text-decoration:none}.entries .title a:hover{color:var(--blue)}.entries .commentary{color:var(--muted);max-width:60ch;margin-top:6px;font-size:14px}.entries .type{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.entries .type .dot{border-radius:50%;width:9px;height:9px}.entries .year{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.entries .tags{flex-wrap:wrap;gap:6px;display:flex}@media (width<=760px){.entries thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.entries,.entries tbody,.entries tr,.entries td{width:100%;display:block}.entries tr{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:8px 12px;padding-block:18px;display:grid}.entries tr[hidden]{display:none}.entries td{border:0;padding:0}.entries .title{grid-column:1/-1;width:auto}.entries td[data-label=Creator],.entries td[data-label=Identities]{color:var(--muted);grid-column:1/-1}.entries tbody tr:hover td{background:0 0}}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:32px 48px;display:grid}.about-grid>.eyebrow{padding-top:8px}@media (width<=760px){.about-grid{grid-template-columns:1fr}}.prose{flex-direction:column;align-items:flex-start;gap:18px;max-width:62ch;font-size:1.125rem;display:flex}.prose p{line-height:1.65}.placeholder{border:1.5px dashed var(--blue);color:var(--muted);background:color-mix(in srgb, var(--blue-soft) 40%, transparent);border-radius:16px;padding:18px 22px}.closing{background:var(--deep);color:var(--deep-ink);position:relative;overflow:hidden}.closing .ghost{font-family:var(--display);text-transform:uppercase;color:var(--deep-ghost);pointer-events:none;user-select:none;white-space:nowrap;font-size:22.5vw;line-height:.8;position:absolute;bottom:-4.5vw;right:-1.5vw}.closing .inner{z-index:1;flex-direction:column;justify-content:flex-start;min-height:clamp(260px,24vw,380px);padding-block:88px 40px;display:flex;position:relative}.closing footer{color:var(--deep-muted);flex-direction:column;align-items:flex-start;gap:20px;font-size:13px;display:flex}.closing footer .brand{color:var(--deep-ink);display:inline-flex}.closing footer .brand svg{display:block}.closing footer nav{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.closing footer a{color:var(--deep-ink);text-decoration:none}.closing footer a:not(.pill){font-size:15px;font-weight:500}.closing footer a:not(.pill):hover{color:var(--blue)}.closing footer .pill{color:var(--on-blue);margin-top:4px;padding:10px 16px;font-size:13px}.closing footer .pill:hover{background:var(--deep-ink);border-color:var(--deep-ink);color:var(--deep)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}