@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url(/fonts/archivo-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/hanken-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/young-serif-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/young-serif-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg:#f2f3f5;--ink:#141b26;--ink-2:#4b5462;--rule:#d3d8df;--tint:#e6e9ed;--lead:#222a36;--halo:#f2f3f5e6;--fallback:linear-gradient(#e2ebef, #cadce6 55%, #7c9fb7);--f-display:"Young Serif", Georgia, serif;--f-text:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--f-meta:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--h-weight:400;--h-stretch:100%;--hero-weight:400;--hero-stretch:100%;--hero-track:-.01em;--btn-radius:6px;--pad:18px}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0e13;--ink:#e9edf2;--ink-2:#a2abb8;--rule:#e9edf224;--tint:#151a21;--lead:#c9d0da;--halo:transparent;--fallback:linear-gradient(#070d17, #1d3049 55%, #152337);--f-display:"Archivo", "Helvetica Neue", Arial, sans-serif;--f-text:"Archivo", "Helvetica Neue", Arial, sans-serif;--f-meta:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--h-weight:650;--h-stretch:112%;--hero-weight:700;--hero-stretch:118%;--hero-track:-.025em;--btn-radius:999px}@media (width>=640px){:root{--pad:40px}}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:var(--head,110px);-webkit-text-size-adjust:100%}body{font:400 17px/1.55 var(--f-text);color:var(--ink);background:var(--bg);margin:0}h1,h2,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0}a{color:inherit}img,video{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.head{z-index:5;background:var(--bg);padding:12px var(--pad);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex;position:sticky;top:0}.name{font:600 17px var(--f-text);margin-right:auto;text-decoration:none}.nav{font:600 14px/1 var(--f-text);flex-wrap:wrap;gap:2px 16px;display:flex}.nav a{color:var(--ink-2);border-bottom:2px solid #0000;padding:7px 0 5px;text-decoration:none}.nav a[aria-current]{color:var(--ink);border-color:currentColor}@media (width<=639px){.nav{flex-basis:100%;order:3}}@media (width>=640px){.head{padding-block:14px}}.content{padding:30px var(--pad) 40px;gap:40px;max-width:920px;display:grid}.content>*{min-width:0}@media (width>=640px){.content{gap:52px;padding-block:56px 48px}}.hero{gap:14px;display:grid}h1{font:var(--h-weight) clamp(30px, 4vw, 46px)/1.1 var(--f-display);font-stretch:var(--h-stretch);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:break-word}h2{font:600 22px/1.25 var(--f-text)}.lead{max-width:34em;color:var(--ink-2);font-size:19px;line-height:1.5}.cover-hero h1{font:var(--hero-weight) clamp(30px, 5.2vw, 76px)/1.03 var(--f-display);font-stretch:var(--hero-stretch);letter-spacing:var(--hero-track)}.cover-hero .lead{color:var(--lead)}.actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.btn{background:var(--ink);color:var(--bg);border-radius:var(--btn-radius);font:600 15px/1.2 var(--f-text);padding:12px 18px;text-decoration:none;display:inline-block}.text{font:600 15px var(--f-text);color:var(--ink);text-underline-offset:3px;text-decoration:underline}button.text{cursor:pointer;background:0 0;border:0;padding:0}.sec{gap:16px;display:grid}.cta-line{font:600 15px/1.45 var(--f-text)}.note{justify-self:start}.crumbs,.small,.meta,.card-meta,.cmeta,.not-live,.seam code,.rail span,.note{font:500 13px/1.45 var(--f-meta);color:var(--ink-2)}.fonts{font:500 14px/1.45 var(--f-meta);color:var(--ink-2)}.contents{max-width:560px;list-style:none;display:grid}.contents a{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;text-decoration:none;display:flex}.cname{font:600 19px/1.3 var(--f-text)}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 16px;list-style:none;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.card{align-content:start;gap:3px;text-decoration:none;display:grid}.thumb{aspect-ratio:390/540;border:1px solid var(--rule);background:var(--tint);border-radius:8px;margin-bottom:9px;display:block;overflow:hidden}.thumb img{width:100%;height:auto;display:block}.card-name{font:600 18px/1.25 var(--f-text)}.card-line{color:var(--ink-2);font-size:15px;line-height:1.4}.card-meta{margin-top:5px}.pill{font:500 13px/1.45 var(--f-meta);color:var(--ink-2);justify-self:start;margin-top:4px;display:inline-block}.filters{gap:8px;display:grid}.filters>div{flex-wrap:wrap;gap:2px 18px;display:flex}.chip{font:600 14px/1 var(--f-text);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:0;padding:8px 0}.chip span{font:500 13px/1.45 var(--f-meta);color:var(--ink-2);margin-left:2px}.chip[aria-pressed=true]{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.chip[aria-pressed=true] span{color:inherit}.empty{font:400 15px/1.5 var(--f-text);color:var(--ink-2)}.prods{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;list-style:none;display:grid}.pcard{gap:3px;text-decoration:none;display:grid}.pcard img{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--rule);background:var(--tint);border-radius:8px;width:100%;height:auto;margin-bottom:9px;display:block}.tags{flex-wrap:wrap;gap:4px 14px;display:flex}.tag{font:500 13px/1.45 var(--f-meta);color:var(--ink-2)}.tags .pill{margin-top:0}.shots{align-items:start;gap:16px;display:grid}@media (width>=640px){.shots{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr)}}.shot{border:1px solid var(--rule);background:var(--tint);border-radius:8px;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot.phone{max-width:280px}.list{gap:6px;max-width:36em;padding-left:1.2em;display:grid}.nums{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.nums div{align-content:start;gap:2px;display:grid}.nums dt{font:500 13px/1.45 var(--f-meta);color:var(--ink-2)}.nums dd{font:600 20px/1.3 var(--f-text);font-variant-numeric:tabular-nums}.nums dd.was{font:500 13px/1.45 var(--f-meta);color:var(--ink-2)}.sw{flex-wrap:wrap;gap:14px;display:flex}.sw span{font:500 13px/1.45 var(--f-meta);color:var(--ink-2);gap:5px;display:grid}.sw i{border:1px solid var(--rule);border-radius:4px;width:20px;height:20px;display:block}.media{border:1px solid var(--rule);background:#000;border-radius:8px;position:relative;overflow:hidden}.media img,.media video{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.pause{font:600 13px/1 var(--f-text);color:#fff;cursor:pointer;background:#0009;border:1px solid #fff6;border-radius:999px;padding:7px 12px;position:absolute;bottom:10px;right:10px}.job{border-top:1px solid var(--rule);gap:8px;padding-top:18px;display:grid}.seam{border-top:1px solid var(--rule);margin-top:6px}.seam a{max-width:920px;padding:12px var(--pad) 8px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-height:48px;text-decoration:none;display:flex}.seam-l{font:500 13px/1.45 var(--f-meta);color:var(--ink-2)}.seam b{font:600 20px/1.2 var(--f-text)}.seam code{overflow-wrap:anywhere}.seam a:hover b{text-underline-offset:3px;text-decoration:underline}.foot{border-top:1px solid var(--rule);padding:24px var(--pad);font:400 15px/1.5 var(--f-text);color:var(--ink-2);gap:6px;margin-top:32px;display:grid}@media (width>=640px){.foot{padding-block:28px}}.seam .down,.rail,.where{display:none}.scroll-through .seam .down{display:inline}.scroll-through .seam .across{display:none}html.scroll-through{overflow-anchor:none}@media (prefers-reduced-motion:no-preference){html.scroll-through{scroll-behavior:smooth}}.scroll-through h1:focus{outline:none}@media (width<=1099px){.scroll-through .where{font:500 13px/1.45 var(--f-meta);color:var(--ink-2);flex-basis:100%;order:4;display:block}}@media (width>=1100px){.scroll-through .rail{z-index:6;display:block;position:fixed;top:50%;right:14px;transform:translateY(-50%)}}.rail ol{justify-items:end;gap:7px;padding:4px 0;list-style:none;display:grid;position:relative}.rail ol:before{content:"";background:var(--rule);width:2px;position:absolute;top:10px;bottom:10px;right:7px}.rail a{align-items:center;gap:8px;text-decoration:none;display:flex;position:relative}.rail i{background:var(--ink-2);width:12px;height:12px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;margin-right:2px;display:block}.rail span{background:var(--bg);opacity:0;border-radius:4px;padding:4px 6px;transform:translate(4px)}.rail a:hover span,.rail a:focus-visible span,.rail a[aria-current] span{opacity:1;transform:none}.rail a[aria-current] span{color:var(--ink)}.rail a[aria-current] i{background:var(--ink);width:16px;height:16px;margin-right:0}@media (prefers-reduced-motion:no-preference){.rail span{transition:opacity .15s,transform .15s}}html{scrollbar-gutter:stable}.gate-controls{justify-content:space-between;align-items:center;display:flex}.mist-pause,.cue{color:var(--ink);cursor:pointer;font:600 14px/1 var(--f-text);background:0 0;border:0;align-items:center;gap:9px;padding:10px 0;display:inline-flex}.mist-pause:before{content:"";border-inline:3px solid;width:10px;height:12px}:root[data-paused] .mist-pause:before{border-left:10px solid;border-right:0;border-block:6px solid #0000;width:0;height:0}.cue:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:translateY(-3px)rotate(45deg)}.gate-back .cue{color:var(--ink-2)}.gate-back .cue:after{transform:translateY(2px)rotate(-135deg)}.gate-back{margin-bottom:-24px}.gate.at-hero .cover-hero .cue:after{animation:2.4s ease-in-out 1.2s infinite nudge-down}.gate:not(.at-hero) .gate-back .cue:after{animation:2.4s ease-in-out 1.2s 3 nudge-up}@keyframes nudge-down{0%,60%,to{translate:0}30%{translate:0 4px}}@keyframes nudge-up{0%,60%,to{translate:0}30%{translate:0 -4px}}.stage{z-index:-1;position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.no-gl .stage canvas{display:none}.gate .cover-hero{z-index:4;isolation:isolate;background:var(--fallback);padding:calc(var(--head,64px) + clamp(28px, 7vh, 96px)) var(--pad) 14px;grid-template-rows:auto auto auto 1fr;align-content:start;gap:18px;transition:opacity .7s,visibility 0s linear .7s;display:grid;position:fixed;inset:0;overflow:hidden}.gate .cover-hero>:not(.stage,.gate-controls){max-width:44rem}.gate .gate-controls{align-self:end}.gate .cover-hero .lead{text-shadow:0 0 16px var(--halo), 0 0 3px var(--halo)}.gate .cover-hero .actions .text,.gate .gate-controls button{filter:drop-shadow(0 0 3px var(--halo)) drop-shadow(0 0 10px var(--halo))}.gate:not(.at-hero) .cover-hero{opacity:0;visibility:hidden}.gate.at-hero .cover-hero{touch-action:none;transition:opacity .7s,visibility}.gate.at-hero{overflow:hidden}.gate .cover-hero>:not(.stage){transition:opacity .3s}.gate:not(.at-hero) .cover-hero>:not(.stage){opacity:0}.gate.at-hero .cover-hero>:not(.stage){transition-delay:.25s}.gate .head{transition:background-color .7s,border-color .7s}.gate.at-hero .head{background:0 0;border-bottom-color:#0000}.gate.at-hero .where,.gate.at-hero .rail{visibility:hidden}.gate .cover-hero~*,.gate .chapter:first-of-type>.seam,.gate .chapter~.chapter,.gate .foot{transition:opacity .7s .2s,transform .7s cubic-bezier(.2,.7,.2,1) .2s}.gate.at-hero .cover-hero~*,.gate.at-hero .chapter:first-of-type>.seam,.gate.at-hero .chapter~.chapter,.gate.at-hero .foot{opacity:0;transition-duration:.3s,.7s;transition-delay:0s;transform:translateY(min(450px,45vh))}.gate-jump .cover-hero~*,.gate-jump .chapter:first-of-type>.seam,.gate-jump .chapter~.chapter,.gate-jump .foot{transition:opacity .7s .2s}@media (prefers-reduced-motion:reduce){.gate .cover-hero,.gate.at-hero .cover-hero,.gate .cover-hero>:not(.stage),.gate.at-hero .cover-hero>:not(.stage),.gate .head,.gate .cover-hero~*,.gate .chapter:first-of-type>.seam,.gate .chapter~.chapter,.gate .foot,.gate-jump .cover-hero~*,.gate-jump .chapter:first-of-type>.seam,.gate-jump .chapter~.chapter,.gate-jump .foot{transition:none}.gate .cue:after{animation:none!important}}