:root{--bg: #f2eee6;--ink: #1c1b19;--muted: #5d5850;--accent: #c2410c;--accent-2: #2f5d8a;--line: rgba(28, 27, 25, .16);--veil: rgba(242, 238, 230, .86);--serif: "Newsreader", "Iowan Old Style", Georgia, serif;--sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter: clamp(16px, 5vw, 72px);--max: 1320px;color-scheme:light}:root[data-mode=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;transition:background-color .8s ease,color .8s ease}@media(prefers-reduced-motion:reduce){body{transition:none}}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--bg);padding:8px 14px;text-decoration:none}.skip:focus{top:12px}.site-header{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;align-items:center;gap:24px;padding:22px var(--gutter);font-size:14px}.wordmark{font-family:var(--serif);font-size:22px;letter-spacing:-.01em;text-decoration:none;margin-right:auto;white-space:nowrap}.wordmark em{font-style:italic;font-weight:300}.wordmark{display:flex;align-items:center;gap:12px}.wordmark-text{display:block}.logo{display:block;flex:none;width:64px;height:auto;overflow:visible}.caret{display:inline-block;width:.5em;height:2px;margin-left:3px;vertical-align:.05em;background:var(--accent);animation:caret 1.1s steps(1) infinite}@keyframes caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.caret{animation:none}}.wordmark-sub{display:block;margin-top:3px;font:400 11px/1.2 var(--mono);letter-spacing:.02em;text-transform:lowercase;color:var(--muted)}.site-header nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:13px}.site-header nav a:before{content:"/";color:var(--accent);margin-right:1px}.site-header nav a{text-decoration:none;color:var(--muted);transition:color .2s}.site-header nav a:hover{color:var(--ink)}.hero{position:relative;height:min(100svh,1000px);min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:120px var(--gutter) clamp(28px,5vh,56px);overflow:hidden;isolation:isolate}.field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-3;display:block;touch-action:pan-y}.ascii{z-index:-2;pointer-events:none}.sparks{z-index:-2;pointer-events:none;opacity:0;transition:opacity 2.5s ease}.sparks.is-on{opacity:1}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(110% 85% at 0% 100%,var(--veil) 0%,var(--veil) 38%,transparent 72%),linear-gradient(to bottom,var(--veil) 0,transparent 110px)}.hero-inner{max-width:760px;min-width:0}.eyebrow{margin:0 0 22px;font-family:var(--mono);font-size:clamp(14px,.45vw + 11px,17px);font-weight:500;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.eyebrow strong{font-weight:500;color:var(--accent)}.eyebrow-mark{color:var(--accent-2);font-weight:400}h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.8rem,1.2rem + 5.4vw,6.25rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}h1 em{font-style:italic;display:block}.lede{font-size:clamp(17px,.8vw + 13px,20px);line-height:1.55;max-width:34em;margin:0 0 28px;color:var(--ink);text-wrap:pretty}.cta{display:flex;flex-wrap:wrap;gap:12px;margin:0}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;text-decoration:none;font:500 14px var(--mono);border:1px solid var(--ink);transition:background-color .2s,color .2s}.btn-solid{background:var(--ink);color:var(--bg)}.btn-solid:hover{background:transparent;color:var(--ink)}.btn-quiet{background:var(--veil);color:var(--ink);border-color:var(--line)}.btn-quiet:hover{border-color:var(--ink)}.plate{width:380px;font-size:13px;color:var(--muted);background:var(--veil);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--line);padding:16px 18px 18px}.plate p{margin:0}.plate-code{margin:0;font:12.5px/1.65 var(--mono);color:var(--ink);white-space:pre;overflow-x:auto}.plate-code .c{color:var(--muted);font-style:italic}.plate-code .k{color:var(--accent-2)}.plate-code .s{color:var(--accent)}.plate-code .n{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.plate-seed{color:var(--ink);line-height:1.35}.seed-no{font-family:var(--serif);font-style:italic;font-size:22px;letter-spacing:-.01em;display:block}.seed-no #seed-num{font-variant-numeric:tabular-nums}.seed-note{font-size:13px;color:var(--muted)}.plate-meta{margin-top:10px!important}.progress{height:1px;background:var(--line);margin:12px 0 14px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.plate-actions{display:flex;gap:8px;flex-wrap:wrap}.chip{font:500 12px/1 var(--mono);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;transition:border-color .2s,background-color .2s}.chip:hover{border-color:var(--ink)}.chip:active{background:var(--line)}.section{max-width:var(--max);margin:0 auto;padding:clamp(72px,11vw,150px) var(--gutter) 0;display:grid;grid-template-columns:minmax(140px,3fr) 9fr;gap:24px 48px}.label{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--ink);padding-top:14px;align-self:start}.label h2{margin:0;font:500 13px/1.4 var(--mono);letter-spacing:0;text-transform:none}.label h2:before{content:"// ";color:var(--muted);font-weight:400}.num{font:400 13px var(--mono);color:var(--accent)}.section:nth-of-type(2n) .num{color:var(--accent-2)}.body{border-top:1px solid var(--line);padding-top:14px;min-width:0}.body p{max-width:38em}.big{font-family:var(--serif);font-weight:300;font-size:clamp(22px,1.2vw + 16px,34px);line-height:1.3;letter-spacing:-.01em;margin:0 0 24px;max-width:26em!important}.big em{font-style:italic}.aside{color:var(--muted)}.service-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:svc;min-width:0}.service{display:grid;grid-template-columns:88px minmax(0,1fr);gap:28px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line)}.glyph{width:88px;height:88px;display:block}.service h3{font-family:var(--serif);font-weight:400;font-size:clamp(29px,.5vw + 25px,32px);line-height:1.15;margin:0 0 6px;letter-spacing:-.01em}.service p{margin:0;max-width:36em;color:var(--muted)}.work-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);min-width:0}.project{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:0 40px;padding:40px 0;border-bottom:1px solid var(--line)}.project h3{grid-row:span 3;margin:0;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(32px,2.4vw + 18px,52px);line-height:1;letter-spacing:-.02em}.project p{margin:0}.kind{font-weight:500;margin-bottom:10px!important}.desc{color:var(--muted)}.tags{font:12.5px var(--mono);letter-spacing:0;color:var(--accent);margin-top:18px!important}.project:nth-child(2n) .tags{color:var(--accent-2)}.project h3{transition:color .25s}.project:hover h3{color:var(--accent)}.service h3{transition:color .25s}.service:hover h3{color:var(--accent)}.also{grid-column:2;margin:16px 0 0;color:var(--muted)}.also span{color:var(--ink);font-weight:500}.project h3 a{text-decoration:none}.project--case h3 a:after{content:"";display:inline-block;width:.28em;height:.28em;margin-left:.12em;vertical-align:.42em;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 8.5L8.5 1.5M3 1.5H8.5V7' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.5 8.5L8.5 1.5M3 1.5H8.5V7' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat}.project-name{grid-row:span 3}.soon{margin:10px 0 0!important;font:12px var(--mono);color:var(--muted)}.soon:before{content:"// "}.case-link{color:var(--accent);text-decoration:none;border-bottom:1px solid currentColor;font-weight:500}.case-link:hover{color:var(--ink)}.todo{background:#ffe86a;color:#1c1b19;padding:0 4px;font-style:normal}.facts{margin:36px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.facts dt{font:12.5px var(--mono);letter-spacing:0;text-transform:lowercase;color:var(--muted);padding-top:3px}.facts dd{margin:0}.stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.stack li{font:12.5px/1 var(--mono);padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,transparent);transition:border-color .2s,color .2s}.stack li:nth-child(3n+1){border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.stack li:nth-child(3n+2){border-color:color-mix(in srgb,var(--accent-2) 45%,transparent)}.stack li:hover{border-color:var(--ink)}.contact{padding-bottom:clamp(80px,10vw,140px)}.contact-line em{color:var(--accent)}.contact-line{font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.4vw + 16px,72px);line-height:1.05;letter-spacing:-.02em;margin:0 0 28px;max-width:14em!important}.email{font-family:var(--serif);font-size:clamp(22px,1.4vw + 14px,32px);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px;overflow-wrap:anywhere}.email:hover{color:var(--accent)}.social{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:32px 0 0}.social a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.social a:hover{color:var(--ink);border-color:var(--ink)}.site-footer{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;padding:24px var(--gutter) 36px;border-top:1px solid var(--line);font:12px var(--mono);color:var(--muted)}.site-footer p{margin:0}.foot-seed{margin-right:auto!important}.foot-seed span{color:var(--ink);font-variant-numeric:tabular-nums}.hero--case{height:min(78svh,780px);min-height:560px;grid-template-columns:minmax(0,1fr)}.hero--case h1{font-size:clamp(2.6rem,1rem + 5vw,5.5rem)}.hero--case h1 em{font-size:.62em;margin-top:.12em}.crumb{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.crumb:hover{border-color:var(--ink)}.facts--top{margin-top:0;border-top:0}.built{list-style:none;margin:0 0 28px;padding:0;counter-reset:built;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:0 32px}.built li{counter-increment:built;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(20px,.8vw + 15px,26px);line-height:1.25}.built li:before{content:counter(built,decimal-leading-zero);font:italic 400 14px var(--serif);color:var(--accent);margin-right:12px;vertical-align:.2em}.built li:nth-child(2n):before{color:var(--accent-2)}.next-case{margin:0 0 40px;font-size:15px;color:var(--muted)}.next-case a{color:var(--ink);font-family:var(--serif);font-size:22px;text-decoration:none;border-bottom:1px solid var(--accent);margin-left:6px}.next-case a:hover{color:var(--accent)}@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);align-content:end;gap:28px}.plate{width:100%;max-width:420px;display:grid;grid-template-columns:1fr auto;gap:0 16px;align-items:center}.plate-seed,.plate-meta{grid-column:1}.progress{grid-column:1 / -1;grid-row:3}.plate-actions{grid-column:2;grid-row:1 / span 2;flex-direction:column}}@media(max-width:820px){.site-header nav{display:none}.section{grid-template-columns:minmax(0,1fr);gap:20px}.also{grid-column:1}.project{grid-template-columns:minmax(0,1fr)}.project{padding:32px 0}.project h3,.project-name{grid-row:auto;margin-bottom:16px}.project-name h3{margin-bottom:0}.soon{margin:4px 0 0!important}}@media(max-width:560px){.logo{width:48px}.wordmark{gap:10px}.hero{min-height:0;height:auto;padding-top:clamp(260px,62vw,340px)}.hero--case{min-height:0;height:auto}.veil{background:linear-gradient(to top,var(--veil) 0%,var(--veil) 55%,transparent 75%),linear-gradient(to bottom,var(--veil) 0,transparent 90px)}.service{grid-template-columns:44px minmax(0,1fr);gap:12px 16px;padding:24px 0}.service>div{display:contents}.glyph{width:44px;height:44px;align-self:center}.service h3{grid-column:2;align-self:center;margin:0}.service p{grid-column:1 / -1}.label h2,.tags,.soon,.facts dt,.stack li,.chip,.site-footer{font-size:13px}.wordmark-sub{font-size:12px}.eyebrow{font-size:13.5px}.project h3{font-size:36px}.contact-line{font-size:32px}.facts div{grid-template-columns:minmax(0,1fr);gap:2px}.plate{grid-template-columns:minmax(0,1fr)}.plate-actions{grid-column:1;grid-row:auto;flex-direction:row}.progress{grid-row:auto}}@media(max-width:380px){.plate-code{font-size:10.5px}.site-header{gap:12px}.wordmark{font-size:20px}}