:root{--bg: #000;--fg: #f2f2f0;--line: #26262a;--dim: #8b8b90;--hover: #0d0d10;--body: #c9c9cd;--body-mute: #a9a9ae;--accent: #5ff0d8;--accent2: #5ff0d8;--rain: #5ff0d8;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Libre Franklin", system-ui, -apple-system, sans-serif;--serif: Georgia, "Noto Serif", "Liberation Serif", "Times New Roman", serif;--gutter: 56px;--col: 500px;--ease: .14s ease;--ease-smooth: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity var(--ease),color var(--ease),border-color var(--ease),background-color var(--ease)}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1;margin:0}h1 strong,h2 strong{font-weight:400}p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:#fff;color:#000}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:var(--fg);color:#000;padding:12px 18px;font-family:var(--mono);font-size:12px;z-index:200}.skip:focus{left:0}.label,.meta,.rail,.foot,.nav,.btn,.row__i,.row__k,.cap__n,.stat__k,.quote footer{font-family:var(--mono);font-weight:400}#stage,#matrix{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}#matrix{z-index:0;opacity:.16}#stage{z-index:1}.veil{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,#000000f0,#000000e0 430px,#00000057 570px,#0000 700px)}.grain{position:fixed;inset:-50%;z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .7s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gutter);font-size:11px;letter-spacing:.12em;text-transform:uppercase;mix-blend-mode:difference}.nav__mark{font-weight:500}.nav__links{display:flex;gap:22px}.nav__links a{color:var(--dim)}.nav__links a:hover,.nav__links a[aria-current=true]{color:var(--fg)}.lang{display:flex;gap:14px;align-items:center}.lang a{color:#56565c}.lang a:hover,.lang a[aria-current=true]{color:var(--fg)}.rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.rail__tick{width:22px;height:1px;background:#3a3a40;transition:width .4s var(--ease-smooth),background-color .4s}.rail__tick[data-on=true]{width:42px;background:var(--fg)}main{position:relative;z-index:4}.chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--gutter);max-width:calc(var(--col) + var(--gutter) * 2)}.chapter--wide{max-width:760px}.label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:26px;display:block}.label span{color:var(--dim)}.chapter h1{font-size:clamp(40px,4.8vw,74px);margin-bottom:28px}.chapter h2{font-size:clamp(32px,5vw,54px);margin-bottom:24px}.lede{font-size:17px;line-height:1.62;color:var(--body)}.chapter p+p{margin-top:16px}.meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.js [data-reveal]{opacity:0;transform:translateY(18px)}.js [data-reveal].is-in{opacity:1;transform:none;transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px;margin-top:38px}.stat__n{font-size:30px;font-weight:300;letter-spacing:-.015em;line-height:1}.stat__k{font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:8px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.btn{font-family:var(--sans);padding:15px 34px;font-size:14px;letter-spacing:.04em}.btn--solid{background:var(--fg);color:#000;font-weight:600}.btn--solid:hover{opacity:.85}.btn--outline{border:1px solid var(--line);font-weight:500}.btn--outline:hover{border-color:var(--fg)}.rows{border-top:1px solid var(--line);margin-top:30px}.row{display:grid;grid-template-columns:62px 1fr auto;gap:6px 18px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--line);transition:transform .3s var(--ease-smooth),border-color .3s,background-color var(--ease)}.row:hover{transform:translate(10px);border-color:#3a3a40}.row__i{font-size:10px;color:var(--dim);letter-spacing:.1em}.row__t{font-size:16px}.row__k{font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase;text-align:right}.row:hover .row__i,.row:hover .row__k{color:var(--fg)}.caps{margin-top:30px;border-top:1px solid var(--line)}.cap{padding:22px 0;border-bottom:1px solid var(--line)}.cap__h{display:flex;gap:14px;align-items:baseline;margin-bottom:9px}.cap__n{font-size:10px;color:var(--dim)}.cap__t{font-size:17px}.cap p{font-size:15px;line-height:1.7;color:var(--body-mute)}.award{max-width:560px;margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}.award p+p{margin-top:16px}.award__spec{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line)}.award__spec dt{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.award__spec dd{margin:8px 0 0;font-size:16px}.talks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:var(--line);border:1px solid var(--line)}.talk{display:flex;flex-direction:column;background:#000;padding-bottom:20px;transition:background-color var(--ease)}.talk:hover{background:var(--hover)}.talk img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05);transition:filter .5s var(--ease-smooth)}.talk:hover img{filter:grayscale(0) contrast(1)}.talk__i{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:18px 18px 0}.talk__t{font-size:16px;margin:9px 18px 0}.talk__k{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:14px 18px 0}.talk:hover .talk__i,.talk:hover .talk__k{color:var(--fg)}#press .row__t .meta{display:block;margin-top:5px;text-transform:none;letter-spacing:.01em;line-height:1.5;max-width:52ch}.quote{padding:22px 0;border-bottom:1px solid var(--line);margin:0}.quote p{font-size:16px;line-height:1.6;color:var(--body)}.quote footer{margin-top:10px;font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.foot{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;padding:34px var(--gutter);border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:#000}.foot a:hover{color:var(--fg)}.foot ul{display:flex;flex-wrap:wrap;gap:20px}body.reading .nav{mix-blend-mode:normal;padding-bottom:34px;background:linear-gradient(180deg,#000000f7,#000000eb 52%,#0000)}.veil--reading{background:linear-gradient(180deg,#000000d1,#000000e6)}.article{position:relative;z-index:4;max-width:760px;margin:0 auto;padding:150px var(--gutter) 110px}.article__meta{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:22px;display:flex;gap:16px;flex-wrap:wrap}.article h1{font-size:clamp(32px,4.2vw,56px);margin-bottom:30px}.prose{font-size:17px;line-height:1.75;color:var(--body)}.prose>*+*{margin-top:22px}.prose h2{font-size:clamp(22px,2.6vw,30px);margin-top:52px;margin-bottom:4px}.prose h3{font-size:20px;margin-top:40px;margin-bottom:2px}.prose h4{font-size:17px;margin-top:32px;margin-bottom:0}.prose strong{color:var(--fg);font-weight:600}.prose em{font-style:italic}.prose a{color:var(--fg);border-bottom:1px solid var(--line)}.prose a:hover{border-color:currentColor}.prose ul,.prose ol{padding-left:22px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-top:8px}.prose li::marker{color:var(--dim)}.prose img{max-width:100%;height:auto;display:block;border:1px solid var(--line)}.prose figure{margin:34px 0}.prose figcaption{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:10px}.prose blockquote{border-left:1px solid var(--line);padding-left:20px;color:var(--body-mute)}body.work{background:var(--bg)}.work-hero,.work-outro{position:relative;z-index:4;max-width:980px;margin:0 auto;padding:150px var(--gutter) 90px}.work-outro{padding-top:40px;padding-bottom:130px}.work-hero h1{font-size:clamp(38px,5.6vw,78px);margin-bottom:26px}.work-outro h2{font-size:clamp(28px,3.6vw,46px);margin-bottom:22px}.work-hero .lede,.work-outro .lede{max-width:68ch}.work-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:54px;padding-top:34px;border-top:1px solid var(--line)}.work-split{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 60px;max-width:1560px;margin:0 auto;padding:0 var(--gutter);align-items:start}.work-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none}.work-stage canvas{width:100%;height:76%;display:block}.work-list{display:flex;flex-direction:column}.case{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:90px 0;border-top:1px solid var(--line);opacity:.34;transition:opacity .55s var(--ease-smooth)}.case[data-current=true]{opacity:1}.case:first-child{border-top:0}.case__i{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.16em;color:var(--fg);margin-bottom:20px}.case__i span{color:var(--dim)}.case__c{font-size:clamp(30px,4vw,52px);margin-bottom:14px}.case__t{font-size:19px;line-height:1.5;color:var(--body);max-width:40ch}.case__spec{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line)}.case__spec dt{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.case__spec dd{margin:7px 0 0;font-size:14px;line-height:1.45}.case__spec--page{max-width:620px;margin-top:30px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.metrics--wide{margin:34px 0 8px;padding-top:30px;border-top:1px solid var(--line)}.metric__v{font-size:clamp(26px,2.6vw,36px);font-weight:300;letter-spacing:-.02em;line-height:1}.metric__l{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:9px;line-height:1.5}.case__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px}.case__live{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.case__live:hover{color:var(--fg)}.case__pull{font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);line-height:1.35;color:var(--fg);margin-bottom:6px}[data-variant=neon] .case__pull{font-family:var(--display);font-weight:600;text-transform:none;color:var(--accent)}.case__nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:26px;border-top:1px solid var(--line)}.case__nav a{display:flex;flex-direction:column;gap:7px;font-size:17px}.case__nav-next{text-align:right}.case__nav .meta{font-size:10px}[data-variant=neon] .case__c,[data-variant=neon] .metric__v{font-family:var(--display);font-weight:700}[data-variant=neon] .case__i{color:var(--accent)}@media (max-width: 1000px){.work-split{grid-template-columns:1fr;gap:0}.work-stage{height:46vh;margin-bottom:-46vh;opacity:.5}.work-list{position:relative}.case{min-height:auto;padding:64px 0}.case:first-child{padding-top:46vh}.work-hero__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.case__spec{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr;gap:16px}.work-hero{padding-top:120px}}.form{margin-top:34px;border-top:1px solid var(--line);padding-top:30px}.field{margin-bottom:24px}.field label{display:block;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:9px}.field__opt{color:#56565c;text-transform:none;letter-spacing:.04em}.field input,.field textarea{width:100%;background:#ffffff08;border:1px solid var(--line);border-radius:0;color:var(--fg);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.55;padding:14px 16px;transition:border-color var(--ease),background-color var(--ease)}.field textarea{resize:vertical;min-height:150px}.field input:hover,.field textarea:hover{border-color:#3a3a40}.field input:focus,.field textarea:focus{outline:none;border-color:var(--fg);background:#ffffff0d}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b4483f}.field__err{margin-top:8px;font-family:var(--mono);font-weight:400;font-size:12px;color:#e2776c}.field--trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form__foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.form button[type=submit]{border:0;cursor:pointer}.form button[disabled]{opacity:.55;cursor:progress}.form__note{font-family:var(--mono);font-size:12px;color:var(--dim)}.form__note[data-kind=error]{color:#e2776c}.form__done{margin-top:34px;border-top:1px solid var(--line);padding-top:30px}.form__done-h{font-family:var(--serif);font-size:26px;margin-bottom:10px}.form__done p+p,.form__done p{color:var(--body);font-size:16px;line-height:1.65}[data-variant=neon] .form__done-h{font-family:var(--display);font-weight:700;text-transform:uppercase;color:var(--accent)}[data-variant=neon] .field input:focus,[data-variant=neon] .field textarea:focus{border-color:var(--accent2)}.article__back{display:inline-block;margin-top:64px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.article__back:hover{color:var(--fg)}.postlist{border-top:1px solid var(--line);margin-top:34px}.postlist a{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);transition:transform .3s var(--ease-smooth),border-color .3s}.postlist a:hover{transform:translate(10px);border-color:#3a3a40}.postlist__t{font-size:17px}.postlist__w{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.postlist a:hover .postlist__w{color:var(--fg)}[data-variant=neon] .postlist__t{font-family:var(--display);font-weight:600;text-transform:uppercase}[data-variant=neon] .prose a{color:var(--accent2);border-color:#00f0ff59}[data-variant=neon] .prose strong{color:var(--accent)}[data-variant=neon] .postlist a:hover{border-color:var(--accent)}[data-variant=neon] .article__back:hover{color:var(--accent)}@media (max-width: 1180px){.nav__links{gap:15px}.nav{gap:16px;padding-left:32px;padding-right:32px}}@media (max-width: 1000px){.nav__links{display:none}}@media (max-width: 900px){.talks{grid-template-columns:1fr}}@media (max-width: 860px){:root{--gutter: 22px}.nav__links{display:none}.lang{gap:11px}.award__spec{grid-template-columns:1fr 1fr;gap:16px}#press .row__t .meta{max-width:none}.rail{right:12px}.rail__tick{width:14px}.rail__tick[data-on=true]{width:26px}.chapter{padding:108px var(--gutter) 92px;max-width:none}.veil{background:linear-gradient(180deg,#0000006b,#000000b8 38%,#000000d1)}.stats{grid-template-columns:repeat(2,1fr);gap:22px 18px}.row{grid-template-columns:58px 1fr;gap:3px 14px;padding:14px 0}.row__k{grid-column:2;text-align:left}.row:hover{transform:none}.btn{padding:14px 26px}.article{padding:128px var(--gutter) 80px}.postlist a{grid-template-columns:1fr}.postlist a:hover{transform:none}}@media (prefers-reduced-motion: reduce){.grain{animation:none}.js [data-reveal]{opacity:1;transform:none}.row,.rail__tick,a,.talk,.talk img{transition:none}}[data-variant=neon]{--accent: #fcee0a;--accent2: #00f0ff;--alert: #ff003c;--rain: #00f0ff;--bg: #000;--fg: #ffffff;--line: #2a2a12;--dim: #8f8f76;--body: #cbcbc4;--body-mute: #a2a298;--display: "Chakra Petch", "Saira Condensed", system-ui, sans-serif}[data-variant=neon] h1,[data-variant=neon] h2,[data-variant=neon] h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:.94}[data-variant=neon] h1 strong,[data-variant=neon] h2 strong{font-weight:700;color:var(--accent)}[data-variant=neon] .chapter h1{font-size:clamp(38px,4.4vw,66px)}[data-variant=neon] .chapter h2{font-size:clamp(30px,4.2vw,52px)}[data-variant=neon] .cap__t,[data-variant=neon] .row__t,[data-variant=neon] .talk__t{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.01em}[data-variant=neon] .row__t .meta{font-family:var(--mono);font-weight:400;text-transform:none}[data-variant=neon] .award__spec dd{font-family:var(--display);font-weight:600}[data-variant=neon] .talk__i,[data-variant=neon] .award__spec dt{color:var(--accent)}[data-variant=neon] .talk img{filter:grayscale(1) contrast(1.1) sepia(.55) hue-rotate(6deg) saturate(2.2)}[data-variant=neon] .talk:hover img{filter:none}[data-variant=neon] .talk:hover{background:#fcee0a0d}[data-variant=neon] .talk:hover .talk__i,[data-variant=neon] .talk:hover .talk__k{color:var(--accent)}[data-variant=neon] .stat__n{font-family:var(--display);font-weight:700}[data-variant=neon] .label{color:var(--accent2)}[data-variant=neon] .label:before{content:"/// ";color:var(--accent)}[data-variant=neon] .label span{color:var(--dim)}[data-variant=neon] .row__i,[data-variant=neon] .cap__n{color:var(--accent)}[data-variant=neon] .meta,[data-variant=neon] .row__k{color:var(--dim)}[data-variant=neon] h1,[data-variant=neon] h2{text-shadow:0 0 34px rgba(252,238,10,.16)}[data-variant=neon] .btn{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}[data-variant=neon] .btn--solid{background:var(--accent);color:#000;box-shadow:0 0 26px #fcee0a59}[data-variant=neon] .btn--solid:hover{opacity:1;box-shadow:0 0 44px #fcee0aa6}[data-variant=neon] .btn--outline{border-color:var(--accent2);color:var(--accent2)}[data-variant=neon] .btn--outline:hover{background:#00f0ff1f}[data-variant=neon] .rail__tick[data-on=true]{background:var(--accent);box-shadow:0 0 12px var(--accent)}[data-variant=neon] .row:hover{border-color:var(--accent)}[data-variant=neon] .row:hover .row__k{color:var(--accent)}[data-variant=neon] #matrix{opacity:.17}[data-variant=neon] ::selection{background:var(--accent);color:#000}[data-variant=neon] :focus-visible{outline-color:var(--accent)}[data-variant=neon] .nav__links a[aria-current=true],[data-variant=neon] .lang a[aria-current=true]{color:var(--accent)}[data-variant=neon] .lang a:hover{color:var(--accent2)}[data-variant=neon] .foot a:hover{color:var(--accent)}[data-variant=neon] .veil{background:radial-gradient(115% 75% at 76% 42%,#fcee0a1a,#0000 62%),linear-gradient(100deg,#000000f2,#000000e6 430px,#00000057 570px,#0000 700px)}[data-variant=neon] .grain:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#00000052 0 1px,#0000 1px 3px),radial-gradient(120% 100% at 50% 50%,#0000 55%,#0009)}@media (max-width: 860px){[data-variant=neon] .veil{background:linear-gradient(180deg,#00000070,#000000bd 38%,#000000d6)}[data-variant=neon] #matrix{opacity:.22}}