:root{--bg:#e8e4dc;--surface:#f5f2ed;--field:#d8d4cc;--ink:#1a1a1a;--muted:#1a1a1aad;--accent:#ff4d00;--accent-hover:#e64500;--paper:#f5f2ed;--m:clamp(16px, 3vw, 40px);--r:16px;--s2:17px;--s3:clamp(24px, 2.4vw, 32px);--s4:clamp(36px, 4.4vw, 64px);--s5:clamp(52px, 8vw, 128px);--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:400 var(--s2)/1.55 "Inter", system-ui, sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.035em;font-weight:800;line-height:1.02}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{padding-inline:var(--m)}.bar{padding:24px var(--m);justify-content:space-between;align-items:baseline;gap:24px;font-size:15px;display:flex}.wordmark{font-weight:900;font-size:var(--s2);letter-spacing:-.02em;text-decoration:none}.bar nav{gap:28px;display:flex}.bar nav a{font-weight:500;text-decoration:none;transition:color .2s}.bar nav a:hover{color:var(--accent-hover)}.bar nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px;text-decoration-thickness:3px}.btn{text-align:center;background:var(--accent);min-height:56px;color:var(--ink);transition:transform .25s var(--ease), background .25s;border-radius:100px;justify-content:center;align-items:center;padding:0 32px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{background:#000}.page-head{padding:96px var(--m) 72px;grid-template-columns:7fr 5fr;align-items:end;gap:40px;display:grid}.page-head h1{font-size:var(--s5);letter-spacing:-.05em;line-height:.95}.page-head p{max-width:40ch;font-size:19px}.js .page-head>*{animation:rise .8s var(--ease) both}.js .page-head>:nth-child(2){animation-delay:.1s}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}.js .bar .wordmark,.js .bar nav a{animation:rise .6s var(--ease) both}.js .bar nav a:first-child{animation-delay:50ms}.js .bar nav a:nth-child(2){animation-delay:.1s}.js .bar nav a:nth-child(3){animation-delay:.15s}.js .bar nav a:nth-child(4){animation-delay:.2s}.js .article header>*{animation:rise .8s var(--ease) both}.js .article header>:nth-child(2){animation-delay:.1s}.js .article .cover{animation:rise 1s var(--ease) .2s both}.sec{padding:160px var(--m) 0}.sec-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:48px;display:flex}.sec-head h2{font-size:var(--s4);max-width:16ch}.sec-head a{white-space:nowrap;font-weight:700;text-decoration:none}.sec-head a:hover{color:var(--accent)}.prod{list-style:none}.prod li a{transition:transform .3s var(--ease);grid-template-columns:4fr 6fr auto;align-items:center;gap:32px;padding:28px 0;text-decoration:none;display:grid}.prod h3{font-size:var(--s3)}.prod .st{color:var(--muted);font-size:15px}.prod .go{transition:transform .3s var(--ease), color .2s;font-weight:800}.prod li a:hover .go{color:var(--accent);transform:translate(6px)}.prod li a:hover h3{color:var(--accent)}.posts{grid-template-columns:repeat(3,1fr);gap:40px 24px;list-style:none;display:grid}.posts a{text-decoration:none;display:block}.posts li:only-child{grid-column:1/-1}.posts li:only-child a{grid-template-rows:1fr auto auto auto;grid-template-columns:7fr 5fr;column-gap:40px;display:grid}.posts li:only-child img{grid-row:1/5}.posts li:only-child h2,.posts li:only-child h3,.posts li:only-child p,.posts li:only-child time{grid-column:2}.posts li:only-child h2,.posts li:only-child h3{font-size:var(--s4);align-self:end}.posts img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);width:100%;transition:transform .5s var(--ease)}.posts a:hover img{transform:scale(1.02)}.posts h3{font-size:var(--s3);margin-top:20px}.posts p{color:var(--muted);margin-top:8px}.posts time{color:var(--muted);margin-top:12px;font-size:15px;display:block}.article{padding:72px var(--m) 0}.article header{max-width:900px}.article h1{font-size:var(--s4)}.article .meta{color:var(--muted);margin-top:20px}.article .cover{aspect-ratio:21/9;object-fit:cover;object-position:50% 40%;border-radius:var(--r);width:100%;margin:56px 0}.prose{max-width:66ch;font-size:19px;line-height:1.65}.prose>*+*{margin-top:1.1em}.prose h2{font-size:var(--s3);margin-top:2em}.prose a{color:var(--ink);text-decoration-color:var(--accent);text-decoration-thickness:2px}.prose code{background:var(--field);border-radius:4px;padding:.1em .3em;font-size:.9em}.foot{background:var(--ink);color:var(--paper);padding:96px var(--m) 32px;margin-top:200px}.foot-name{letter-spacing:-.06em;font-size:clamp(64px,15vw,240px);font-weight:900;line-height:.85}.foot-row{color:#f5f2edbf;grid-template-columns:1fr auto 1fr;gap:24px;margin-top:64px;font-size:15px;display:grid}.foot-row p:last-child{text-align:right}.foot .links{gap:24px;display:flex}.foot .links a{color:var(--paper);text-decoration:none}.foot .links a:hover{color:var(--accent)}.js .reveal>*{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.js .reveal.in>*{opacity:1;transform:none}.js .reveal.in>:nth-child(2){transition-delay:80ms}.js .reveal.in>:nth-child(3){transition-delay:.16s}.js .reveal.in>:nth-child(n+4){transition-delay:.24s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js .reveal>*{opacity:1;transform:none}}@media (width<=860px){.bar{flex-wrap:wrap}.bar nav{gap:18px}.page-head{padding:56px var(--m) 48px;grid-template-columns:1fr}.page-head h1{font-size:14vw}.sec{padding-top:96px}.sec-head{flex-direction:column}.sec-head h2{font-size:10vw}.prod li a{grid-template-columns:1fr;gap:8px}.posts{grid-template-columns:1fr}.posts li:only-child a{grid-template-rows:auto;grid-template-columns:1fr;gap:0}.posts li:only-child img{grid-row:auto}.posts li:only-child h2,.posts li:only-child h3,.posts li:only-child p,.posts li:only-child time{grid-column:1}.article h1{font-size:10vw}.article .cover{aspect-ratio:4/3;margin:32px 0}.prose{font-size:17px}.foot{margin-top:120px}.foot-row{grid-template-columns:1fr;gap:8px}.foot-row p:last-child{text-align:left}}.bar .wordmark,.bar nav a,.foot .links a,.sec-head a{align-items:center;min-height:44px;display:inline-flex}.bar{padding-block:12px}@media (width<=860px){.bar nav a{padding-inline:4px}.prod{gap:10px;display:grid}.prod li a{padding:24px 20px;background:var(--surface)!important}.prod .st{margin-top:10px;display:block}.prod .go{display:none}}