:root{color-scheme:light dark;--bg:#fff;--surface:#f4f4f4;--surface2:#e8e8e8;--ink:#161616;--muted:#525252;--line:#d8d8d8;--blue:#0f62fe;--blue-hover:#0050e6;--inverse:#161616;--inverse-ink:#fff;--max:1280px;--pad:clamp(20px,4vw,64px);--sans:Arial,'Helvetica Neue',system-ui,sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
@media(prefers-color-scheme:dark){:root{--bg:#161616;--surface:#262626;--surface2:#393939;--ink:#f4f4f4;--muted:#c6c6c6;--line:#525252;--blue:#4589ff;--blue-hover:#78a9ff;--inverse:#f4f4f4;--inverse-ink:#161616}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:8px;top:-60px;z-index:100;background:var(--blue);color:#fff;padding:12px 16px}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.site-header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);padding:0 var(--pad);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:600}.brand-logo{width:36px;height:36px;display:block;border-radius:8px}.brand span{white-space:nowrap}.site-header nav{display:flex;height:100%}.site-header nav a{display:flex;align-items:center;padding:0 20px;border-inline-start:1px solid var(--line);font-size:14px}.site-header nav a:last-child{border-inline-end:1px solid var(--line)}.site-header nav a:hover{background:var(--surface)}.lang{justify-self:end;width:48px;height:40px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-family:var(--mono);font-size:12px}.lang:hover{background:var(--blue);border-color:var(--blue);color:#fff}.back-link{font-size:14px;justify-self:center}.back-link:hover{color:var(--blue)}
.hero,.section,.contact,footer{max-width:var(--max);margin:0 auto}.hero{padding:clamp(72px,10vw,144px) var(--pad) 0;min-height:calc(100vh - 64px);display:flex;flex-direction:column}.kicker{margin:0 0 48px;font-family:var(--mono);font-size:13px;display:flex;gap:10px;align-items:center}.status-dot{width:9px;height:9px;background:#24a148;display:inline-block}.hero h1{font-size:clamp(50px,8.1vw,116px);font-weight:300;letter-spacing:-.055em;line-height:.96;margin:0;max-width:1160px}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-bottom{margin-top:clamp(48px,7vw,96px);display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}.hero-bottom>p{font-size:clamp(18px,2vw,24px);line-height:1.42;max-width:630px;margin:0}.hero-actions{display:flex;justify-content:flex-end}.btn{min-height:56px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;border:1px solid var(--line);padding:0 20px;min-width:190px;font-size:14px}.btn:hover{background:var(--surface)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-hover)}.signal{margin-top:auto;display:grid;grid-template-columns:64px 180px 1fr auto;border-top:1px solid var(--line);min-height:72px;align-items:center;font-family:var(--mono);font-size:12px}.signal>*{padding:0 16px;border-inline-start:1px solid var(--line)}.signal>*:first-child{border:0;padding-left:0}.signal time{padding-right:0}
.section{padding:clamp(88px,11vw,152px) var(--pad);border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:32px;margin-bottom:64px}.section-head>p:first-child{font-family:var(--mono);font-size:12px;margin:4px 0;color:var(--muted)}.section-head h2{font-size:clamp(38px,5vw,72px);font-weight:300;line-height:1.05;letter-spacing:-.04em;margin:0}.section-head>p:last-child{grid-column:2;max-width:560px;color:var(--muted);font-size:18px;margin:0}.project-grid{border-top:1px solid var(--line)}.project-card{display:grid;grid-template-columns:72px minmax(0,1.5fr) minmax(260px,1fr) 60px;min-height:220px;border-bottom:1px solid var(--line);transition:background .18s}.project-card:hover{background:var(--surface)}.project-card>*{padding:28px 24px;border-inline-start:1px solid var(--line)}.project-card>.project-index{border:0;padding-left:0;font-family:var(--mono);font-size:12px;color:var(--muted)}.project-title h3{font-size:clamp(28px,3vw,42px);font-weight:400;margin:0 0 20px;letter-spacing:-.03em}.project-title p{color:var(--muted);margin:0;max-width:560px}.project-meta{display:flex;flex-direction:column;justify-content:space-between}.project-meta .status{font-family:var(--mono);font-size:12px}.project-meta .status::before{content:'';display:inline-block;width:8px;height:8px;background:#24a148;margin-right:8px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-family:var(--mono);font-size:11px;border:1px solid var(--line);padding:5px 8px}.project-arrow{font-size:26px;display:flex;align-items:flex-end;justify-content:center}.project-card:hover .project-arrow{background:var(--blue);color:#fff}.empty-project{padding:32px 0;color:var(--muted)}
.about{background:var(--surface);max-width:none}.about>*{max-width:calc(var(--max) - 2 * var(--pad));margin-inline:auto}.about-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:80px}.about-lead{font-size:clamp(24px,3.2vw,44px);line-height:1.25;letter-spacing:-.025em;margin:0}.facts{margin:0}.facts div{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:110px 1fr;gap:16px}.facts dt{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase}.facts dd{margin:0}.stack{margin-top:80px!important;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.stack span{padding:18px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px}.stack span:nth-child(5n+1){border-left:1px solid var(--line)}
.contact{padding:clamp(88px,12vw,168px) var(--pad);background:var(--blue);color:#fff}.contact>p{font-family:var(--mono);font-size:12px}.contact h2{font-size:clamp(44px,7vw,96px);font-weight:300;line-height:1.02;letter-spacing:-.05em;max-width:980px;margin:64px 0}.contact-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);padding:24px 0;font-size:clamp(18px,3vw,36px)}.contact-link:hover{background:#fff;color:var(--blue);padding-inline:20px}.email-row{display:grid;grid-template-columns:1fr auto;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55)}.email-row .contact-link{border:0}.copy-email{min-width:132px;border:0;border-left:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;font-family:var(--mono);font-size:12px;cursor:pointer}.copy-email:hover,.copy-email:focus-visible{background:#fff;color:var(--blue)}.copy-status{min-height:24px;margin:10px 0 0;font-family:var(--mono);font-size:12px}.contact-meta{display:flex;justify-content:space-between;margin-top:24px;font-family:var(--mono);font-size:12px}.contact-meta a{text-decoration:underline}footer{min-height:96px;padding:24px var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;font-family:var(--mono);color:var(--muted)}
.project-main{max-width:var(--max);margin:auto;padding:0 var(--pad) 120px}.project-hero{padding:96px 0 64px}.project-eyebrow{font-family:var(--mono);font-size:12px;color:var(--muted)}.project-hero h1{font-size:clamp(56px,9vw,124px);font-weight:300;letter-spacing:-.06em;line-height:.95;margin:32px 0}.project-tagline{font-size:clamp(20px,2.6vw,32px);max-width:760px;margin:0}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-facts div{padding:16px;border-right:1px solid var(--line)}.project-facts div:last-child{border:0}.project-facts span{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.project-shot{margin:64px 0;background:var(--surface);border:1px solid var(--line);padding:16px}.project-shot img{display:block;width:100%;height:auto}.project-content{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line)}.project-content section{grid-column:2;padding:56px 0;border-bottom:1px solid var(--line);min-width:0}.project-content section::before{content:attr(data-index);font-family:var(--mono);font-size:12px;color:var(--muted);position:absolute;margin-left:calc(-50% - 16px)}.project-content h2{font-size:32px;font-weight:400;margin:0 0 24px}.project-content p{font-size:19px;color:var(--muted);max-width:720px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr}.feature-list li::before{content:'→';color:var(--blue)}pre{max-width:100%;background:#0d0d0d;color:#f4f4f4;padding:24px;overflow:auto;font-family:var(--mono);font-size:13px;line-height:1.7} .release-box{background:var(--surface);padding:24px;border-left:4px solid var(--blue)}.release-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.loading{padding:100px 0;font-family:var(--mono)}.noscript{position:fixed;bottom:0;inset-inline:0;margin:0;padding:12px;background:#da1e28;color:#fff;text-align:center;font-size:14px;z-index:100}.error-page{min-height:100vh;max-width:900px;margin:auto;padding:clamp(48px,9vw,120px) var(--pad);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-page h1{font-size:clamp(54px,10vw,120px);font-weight:300;letter-spacing:-.06em;line-height:.95;margin:28px 0}.error-page>p:not(.project-eyebrow){font-size:20px;color:var(--muted);max-width:560px;margin:0 0 40px}.reveal{transition:opacity .45s ease,transform .45s ease}.js .reveal:not(.visible){opacity:.01;transform:translateY(24px)}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto;gap:12px}.site-header nav{display:none}.back-link{font-size:12px}.hero{min-height:auto;padding-top:72px}.kicker{margin-bottom:32px}.hero h1{font-size:clamp(44px,14vw,72px)}.hero-bottom,.section-head,.about-grid{grid-template-columns:1fr;gap:32px}.hero-actions{justify-content:flex-start;flex-wrap:wrap}.signal{margin-top:72px;grid-template-columns:48px 1fr}.signal>*{min-height:48px;display:flex;align-items:center}.signal>*:nth-child(3),.signal>*:nth-child(4){grid-column:1/3;border-left:0;border-top:1px solid var(--line);padding-left:0;min-height:48px}.section-head>p:last-child{grid-column:1}.project-card{grid-template-columns:48px 1fr 48px}.project-meta{grid-column:2;padding-top:0;border-left:1px solid var(--line)}.project-arrow{grid-column:3;grid-row:1/3}.stack{grid-template-columns:repeat(2,1fr)}.stack span:nth-child(5n+1){border-left:0}.stack span:nth-child(odd){border-left:1px solid var(--line)}.contact-meta,footer{gap:24px;align-items:flex-start;flex-direction:column}.email-row{grid-template-columns:1fr}.copy-email{border-left:0;border-top:1px solid rgba(255,255,255,.55);min-height:52px;text-align:left;padding:0 20px}.project-facts{grid-template-columns:repeat(2,1fr)}.project-facts div:nth-child(2){border-right:0}.project-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-content{grid-template-columns:1fr}.project-content section{grid-column:1}.project-content section::before{position:static;display:block;margin:0 0 16px}.project-shot{margin:40px 0;padding:8px}}
@media(max-width:480px){.brand span:last-child{display:none}.signal{font-size:11px}.hero-actions,.btn{width:100%}.project-card{grid-template-columns:40px 1fr 44px}.project-card>*{padding:22px 14px}.project-title h3{font-size:27px}.contact-link{font-size:16px;word-break:break-all}.project-facts{grid-template-columns:1fr}.project-facts div{border-right:0!important;border-bottom:1px solid var(--line)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}