:root{--ground:#0c0c0b;--stone:#191917;--bone:#ecebe5;--dust:#8e8c85;--line:#ecebe524;--feldspar:#e7a07f;--body:"Mona Sans Variable", "Helvetica Neue", Arial, sans-serif;--display:"Anton", "Arial Narrow", sans-serif;--dw:400;--dw2:400;--dw3:400;--dls:.01em;--ds:1.32;--dtt:uppercase;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}.cine{font-family:var(--body);font-size:17px;line-height:1.55;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:screen;background-image:url(/images/grain.webp);position:fixed;inset:0}.cine :focus-visible{outline:2px solid var(--feldspar);outline-offset:4px}.mono{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:11.5px}.wide{font-stretch:125%}.progress{z-index:20;background:var(--line);width:2px;position:fixed;top:0;bottom:0;right:0}.progress i{width:100%;height:calc(var(--p,0) * 100%);background:var(--bone);display:block}.cine section{z-index:1;position:relative}.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:0 clamp(16px,4vw,56px);min-height:min(100svh,980px);padding:90px clamp(16px,4vw,52px) 80px;display:grid}.runner{aspect-ratio:395/750;justify-self:center;max-width:100%;height:min(78svh,760px);position:relative}.runner:before{content:"";background:radial-gradient(closest-side,#ecebe51a,#0000 70%);position:absolute;inset:-12% -40%}.runner img{-o-object-fit:contain;object-fit:contain;filter:grayscale()contrast(1.08)brightness(.96);width:100%;height:100%;position:relative;mask-image:linear-gradient(#000 82%,#0000)}.hero h1{color:var(--bone);font-weight:900;font-stretch:125%;font-size:calc(clamp(56px, 9.6vw, 150px) * var(--ds));letter-spacing:.005em;text-transform:uppercase;margin:0;line-height:.94}.hero .role{color:var(--dust);margin:26px 0 0}.typed{font-weight:800;font-stretch:112%;font-size:calc(clamp(26px, 3.4vw, 46px) * var(--ds));letter-spacing:-.02em;white-space:nowrap;min-height:1em;margin:30px 0 0;line-height:1}.typed .caret{background:var(--feldspar);vertical-align:-.08em;width:3px;height:.9em;margin-left:6px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero .lede{color:#c9c7c0;max-width:46ch;margin:20px 0 0;font-size:18px}.cue{color:var(--dust);flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.cue:after{content:"";background:linear-gradient(var(--dust), transparent);width:1px;height:34px;animation:2.2s ease-in-out infinite drip}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.copy{align-content:center;gap:14px;display:grid}.kicker{color:var(--dust)}.role-title{letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.1}.big{font-weight:900;font-stretch:125%;font-size:calc(clamp(88px, 15vw, 220px) * var(--ds));letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:6px 0 0;line-height:.8}.unit{color:var(--dust);margin-top:8px}.impact{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px clamp(24px,5vw,80px);padding:110px clamp(16px,4vw,52px) 40px;display:grid}.impact .big{align-items:baseline;gap:.12em;display:flex}.impact .big .to{color:var(--feldspar)}.impact .big .arrow{font-family:var(--body);color:var(--dust);align-self:center;font-size:.42em}.impact .note{color:#c9c7c0;max-width:44ch;margin:18px 0 0}.bars{gap:18px;display:grid}.bar{color:var(--dust);grid-template-columns:64px minmax(0,1fr) 62px;align-items:center;gap:14px;font-size:11px;display:grid}.bar .track{background:var(--line);height:22px}.bar .fill{height:100%;width:calc(var(--w) * 100%);background:var(--bone);opacity:.55;transition:width 1.4s cubic-bezier(.2,.7,.1,1) .2s;display:block}.bar.after .fill{background:var(--feldspar);opacity:1}.bar b{color:var(--bone);text-align:right;font-weight:500}.impact.armed .bar.after .fill{width:calc(var(--from) * 100%);background:var(--bone);opacity:.55}.stats{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{align-content:start;gap:6px;padding:22px 22px 0 0;display:grid}.stat+.stat{border-left:1px solid var(--line);padding-left:22px}.stat b{font-size:calc(clamp(40px, 4.4vw, 64px) * var(--ds));line-height:.9}.stat span{color:#c9c7c0;max-width:26ch;font-size:15px}.sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.site{border:1px solid #ecebe552;gap:8px;padding:18px 16px;transition:color .5s,border-color .5s,transform .5s;display:grid}.site span{color:var(--dust);font-size:10.5px}.site b{font-size:clamp(18px,1.8vw,24px);line-height:1.05}.site:nth-child(2){transition-delay:.12s}.site:nth-child(3){transition-delay:.24s}.impact.armed .site{color:var(--dust);border-style:dashed;border-color:var(--line);transform:translateY(8px)}.tools{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tools li{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:#c9c7c0;border-radius:999px;padding:8px 14px;font-size:11.5px}.envs{counter-reset:env;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.env{letter-spacing:.1em;text-transform:uppercase;counter-increment:env;border:1px solid #ecebe552;gap:8px;padding:18px 14px;font-size:12px;transition:color .5s,border-color .5s,background .5s;display:grid;position:relative}.env:before{content:"0" counter(env);color:var(--dust);font-size:10px}.env+.env:after{content:"→";color:var(--dust);font-family:var(--body);position:absolute;top:50%;left:-19px;transform:translateY(-50%)}.env:last-child{color:var(--ground);background:var(--feldspar);border-color:var(--feldspar)}.env:last-child:before{color:var(--ground)}.env:nth-child(2){transition-delay:.15s}.env:nth-child(3){transition-delay:.3s}.env:nth-child(4){transition-delay:.45s}.impact.armed .env{color:var(--dust);border-color:var(--line);background:0 0}.builds{border-top:1px solid var(--line);padding:96px clamp(16px,4vw,52px) 40px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.sec-head h2{font-weight:900;font-stretch:125%;font-size:calc(clamp(44px, 6.6vw, 104px) * var(--ds));letter-spacing:.005em;text-transform:uppercase;margin:0;line-height:.94}.sec-head p{color:#c9c7c0;max-width:38ch;margin:0}.build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;display:grid}.build{grid-row:span 5;grid-template-rows:subgrid;border-top:1px solid var(--line);align-content:start;gap:10px;padding-top:18px;text-decoration:none;display:grid}.build h3{font-size:calc(clamp(34px, 3.6vw, 52px) * var(--ds));letter-spacing:.005em;margin:0;line-height:.9;transition:color .3s,transform .5s cubic-bezier(.2,.7,.1,1)}.build .result{color:var(--feldspar)}.build p{color:#c9c7c0;margin:0;font-size:15.5px}.build .go{font-family:var(--mono);color:var(--dust);white-space:nowrap;font-size:12px}.build:hover h3,.build:focus-visible h3{transform:translate(8px)}.build:hover .go{color:var(--bone)}.build .shot{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);filter:grayscale()contrast(1.08)brightness(.96);width:100%;height:auto;margin-bottom:6px;transition:filter .5s;display:block}.build:hover .shot,.build:focus-visible .shot{filter:none}.writing .post{grid-row:span 4}.writing .post h3{font-size:calc(clamp(26px, 2.4vw, 34px) * var(--ds));line-height:1}.writing .all{color:var(--dust);margin-top:28px;font-size:12px;text-decoration:none;display:inline-block}.writing .all:hover{color:var(--bone)}.path{padding:96px clamp(16px,4vw,52px) 60px}.timeline{border-top:1px solid var(--bone);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px;display:grid}.stop{align-content:start;gap:6px;padding:18px 18px 0 0;display:grid;position:relative}.stop:before{content:"";background:var(--ground);border:1px solid var(--bone);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:0}.stop.now:before{background:var(--feldspar);border-color:var(--feldspar)}.stop .yr{color:var(--dust)}.stop b{font-size:19px;font-weight:700;font-stretch:112%;line-height:1.15}.stop p{color:#c9c7c0;margin:0;font-size:15px}.also{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-top:72px;padding-top:26px;display:grid}.also p{color:#c9c7c0;margin:8px 0 0;font-size:15.5px}.also .mono{color:var(--dust)}.also a{text-decoration:underline;text-decoration-color:var(--feldspar);text-underline-offset:3px}.also-side{align-content:start;gap:28px;display:grid}.certs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;margin:8px 0 0;padding:0;font-size:15.5px;list-style:none;display:grid}.certs a{color:#c9c7c0;text-decoration-color:#0000;transition:color .2s,text-decoration-color .2s}.certs a:hover,.certs a:focus-visible{color:var(--bone);text-decoration-color:var(--feldspar)}.contact{gap:36px;padding:120px clamp(16px,4vw,52px) 96px;display:grid}.contact h2{font-weight:900;font-stretch:125%;font-size:calc(clamp(52px, 10vw, 170px) * var(--ds));letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;margin:0;line-height:.95}.contact h2 em{color:var(--feldspar);font-style:normal}.mailrow{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.mail{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(22px,3vw,38px);font-weight:700;font-stretch:112%}.copy-btn{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:11px 18px;font-size:11.5px}.copy-btn:hover{border-color:var(--bone)}.links{color:var(--dust);flex-wrap:wrap;gap:26px;display:flex}.links a{text-decoration:none}.links a:hover{color:var(--bone)}footer{z-index:1;border-top:1px solid var(--line);color:var(--dust);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px clamp(16px,4vw,52px) 60px;display:flex;position:relative}.hero h1,.typed,.big,.role-title,.sec-head h2,.build h3,.stat b,.stop b,.mail,.contact h2,.site b{font-family:var(--display);font-synthesis:none;letter-spacing:calc(var(--dls) + var(--own-ls,0em));font-stretch:100%}.hero h1,.big,.sec-head h2,.build h3,.contact h2{font-weight:var(--dw)}.typed{font-weight:var(--dw2);font-stretch:100%}.mail,.stop b,.site b{font-weight:var(--dw3)}.hero h1,.sec-head h2,.contact h2{text-transform:var(--dtt)}@media (width<=860px){.hero{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:80px}.runner{grid-row:1;height:46svh}.typed{white-space:normal;min-height:2em}.cue{display:none}.copy{gap:6px}.big{font-size:calc(clamp(64px, 19vw, 96px) * var(--ds))}.impact{grid-template-columns:minmax(0,1fr);padding-top:80px}.bar{grid-template-columns:48px minmax(0,1fr) 52px;gap:10px}.stats{grid-template-columns:minmax(0,1fr)}.stat,.stat+.stat{border-left:0;padding:18px 0}.stat+.stat{border-top:1px solid var(--line)}.sites{gap:6px}.envs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.env+.env:after{content:none}.site{padding:12px 10px}.site b{font-size:15px}.site span{font-size:9px}.build-grid{grid-template-columns:minmax(0,1fr);row-gap:0}.build{margin-bottom:36px}.timeline{border-top:0;border-left:1px solid var(--bone);grid-template-columns:minmax(0,1fr);margin-left:4px}.stop{padding:0 0 26px 22px}.stop:before{top:4px;left:-5px}.also,.certs{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.typed .caret,.cue:after{animation:none}.bar .fill,.site,.env,.build h3,.build .shot{transition:none}}
