:root{
  --black:#0d0d0d;
  --white:#f3f0e8;
  --paper:#e9e5db;
  --acid:#d8ff3e;
  --blue:#3155ff;
  --orange:#ff5c35;
  --pink:#ff9db3;
  --line:rgba(13,13,13,.22);
  --pad:clamp(18px,3.3vw,54px);
  --sans:Arial,Helvetica,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--black);font-family:var(--sans);-webkit-font-smoothing:antialiased;max-width:100%;overflow-x:clip}
a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit}::selection{background:var(--acid);color:var(--black)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{height:68px;position:fixed;z-index:80;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);background:rgba(13,13,13,.88);color:var(--white);border-bottom:1px solid rgba(255,255,255,.17);backdrop-filter:blur(12px)}
.brand{text-decoration:none;font-weight:900;letter-spacing:-.045em;font-size:20px;display:inline-flex;gap:8px;align-items:center;width:max-content}.brand span{color:var(--acid);font-size:14px}.nav{display:flex;gap:28px}.nav a{font:11px/1 var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--acid);transition:right .25s}.nav a:hover:after{right:0}.status{justify-self:end;display:flex;align-items:center;gap:9px;font:10px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em}.status i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(216,255,62,.12)}
.menu-button{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px}.menu-button span{display:block;height:1px;background:var(--white);margin:7px 0}.mobile-menu{display:none}
.hero{min-height:100svh;background:var(--black);color:var(--white);padding:104px var(--pad) 36px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:68px 0 0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:calc(100vw/12) 100%,calc(100vw/12) 100%;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.hero-meta{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;font:10px/1.35 var(--mono);letter-spacing:.08em}.hero-meta span:nth-child(2){justify-self:center}.hero-meta span:last-child{justify-self:end}
.hero h1{position:relative;z-index:1;margin:auto 0 0;font-size:clamp(76px,14.3vw,242px);line-height:.73;letter-spacing:-.092em;font-weight:900;text-transform:uppercase;max-width:100%}.hero h1>span{display:block}.hero h1>span:nth-child(2){margin-left:8.2vw}.hero h1>span:nth-child(3){display:flex;align-items:flex-end;gap:.06em;margin-left:1.2vw}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;text-transform:lowercase;letter-spacing:-.08em;color:var(--acid)}.hero h1 b{font-family:var(--sans);font-size:.28em;line-height:1;margin:0 0 .28em auto;color:var(--orange);font-weight:400}
.hero-copy{position:relative;z-index:2;margin-top:clamp(32px,4vw,64px);display:grid;grid-template-columns:minmax(280px,680px) 1fr;gap:10vw;align-items:end;border-top:1px solid rgba(255,255,255,.28);padding-top:20px}.hero-copy p{font-size:clamp(18px,2vw,31px);line-height:1.16;letter-spacing:-.035em;margin:0}.hero-code{justify-self:end;display:grid;grid-template-columns:34px auto;gap:12px;font:10px/1.45 var(--mono);text-transform:uppercase;color:#a9a9a9}.hero-code span{color:var(--acid)}.scroll-cue{position:absolute;right:var(--pad);bottom:30px;text-decoration:none;display:none}
.statement{background:var(--acid);border-bottom:1px solid var(--black);overflow:hidden}.statement-rail{font:700 12px/38px var(--mono);height:38px;border-bottom:1px solid var(--black);white-space:nowrap;animation:rail 26s linear infinite;letter-spacing:.08em}.statement-body{padding:clamp(54px,8vw,130px) var(--pad);display:grid;grid-template-columns:1fr 5fr;gap:24px}.eyebrow{font:10px/1.3 var(--mono);letter-spacing:.08em}.statement-body p{margin:0;font-size:clamp(42px,7.5vw,118px);line-height:.88;letter-spacing:-.07em;font-weight:800}.statement-body s{text-decoration-thickness:.07em;text-decoration-color:var(--orange)}.statement-body mark{background:none;color:var(--blue);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}
@keyframes rail{to{transform:translateX(-50%)}}
.work{background:var(--paper);padding:clamp(70px,10vw,150px) var(--pad)}.section-title{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:30px;align-items:start;margin-bottom:clamp(50px,7vw,100px)}.section-title>span,.method-top>span,.stack-intro>span,.about-label,.contact-index{font:10px/1.3 var(--mono);letter-spacing:.08em}.section-title h2,.method-top h2,.stack-intro h2{font-size:clamp(58px,8.8vw,138px);line-height:.78;letter-spacing:-.075em;margin:0;font-weight:900}.section-title p,.stack-intro p{font-size:16px;line-height:1.45;margin:4px 0 0;max-width:390px}
.cases{display:flex;flex-direction:column;gap:26px}.case{min-height:min(760px,82vh);border:1px solid var(--black);display:grid;grid-template-columns:minmax(340px,.72fr) 1.28fr;position:relative;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s}.case:hover{transform:translateY(-4px);box-shadow:9px 9px 0 var(--black)}.case-info{padding:clamp(24px,3vw,46px);display:flex;flex-direction:column;border-right:1px solid var(--black)}.case-top{display:flex;justify-content:space-between;font:10px/1.2 var(--mono);letter-spacing:.08em}.case-info h3{font-size:clamp(37px,4.6vw,75px);line-height:.9;letter-spacing:-.055em;margin:clamp(46px,8vh,100px) 0 18px}.case-info p{font-size:clamp(17px,1.45vw,23px);line-height:1.28;letter-spacing:-.02em;max-width:580px;margin:0}.case-tech{margin:auto 0 22px;display:flex;flex-wrap:wrap;gap:7px}.case-tech span{border:1px solid currentColor;padding:6px 8px;font:9px/1 var(--mono);text-transform:uppercase}.case-open{border:0;border-top:1px solid currentColor;background:none;padding:15px 0 0;display:flex;justify-content:space-between;cursor:pointer;font:700 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em}.case-open b{font-size:20px;line-height:.5}.case-visual{min-width:0;padding:clamp(16px,2.5vw,38px);display:grid;place-items:stretch}.tone-1{background:var(--orange)}.tone-2{background:var(--white)}.tone-3{background:var(--blue);color:var(--white)}.tone-4{background:var(--pink)}
.viz{height:100%;min-height:460px;border:1px solid currentColor;position:relative;overflow:hidden;background:var(--white);color:var(--black)}.case-photo{height:100%;min-height:460px;overflow:hidden;border:1px solid currentColor}.case-photo img{width:100%;height:100%;object-fit:cover;display:block}.viz-bar{height:42px;border-bottom:1px solid var(--black);display:flex;align-items:center;padding:0 14px;font:9px/1 var(--mono);letter-spacing:.07em}.viz-bar span:nth-child(2){margin-left:auto}.viz-bar i{width:8px;height:8px;background:var(--orange);border-radius:50%;margin-left:10px}.auto-grid{height:calc(100% - 42px);display:grid;grid-template-columns:31% 1fr}.filters-mini{border-right:1px solid var(--black);padding:26px 18px;display:flex;flex-direction:column;gap:0}.filters-mini b{font-size:clamp(21px,2.4vw,39px);letter-spacing:-.05em;margin-bottom:30px}.filters-mini span{border-top:1px solid var(--black);padding:11px 0;font:10px var(--mono)}.filters-mini button{margin-top:auto;background:var(--acid);border:1px solid var(--black);padding:12px;font:700 9px var(--mono)}.cars-mini{padding:22px;display:flex;flex-direction:column}.cars-mini>div{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;border-bottom:1px solid var(--black);padding:19px 0}.cars-mini strong{font-size:clamp(22px,2.8vw,44px);letter-spacing:-.06em}.cars-mini small{font:9px var(--mono)}.cars-mini em{font-style:normal;font:700 10px var(--mono)}.route-svg{position:absolute;right:-8%;bottom:-4%;width:76%;height:32%;pointer-events:none}.route-svg path{fill:none;stroke:var(--blue);stroke-width:3}.route-svg circle{fill:var(--blue)}
.viz-portfolio{background:#f7d8b8}.port-label{position:absolute;top:18px;left:18px;font:9px var(--mono)}.port-word{font:900 clamp(90px,10vw,180px)/.72 var(--sans);letter-spacing:-.1em;position:absolute;left:-.035em;top:18%;transform:rotate(-90deg) translateX(-64%);transform-origin:left top;color:#141414}.port-cards{position:absolute;inset:13% 8% 10% 34%}.pc{position:absolute;border:1px solid var(--black);padding:14px;font:700 clamp(16px,1.8vw,28px)/1 var(--sans);box-shadow:5px 5px 0 var(--black)}.pc small{font:9px var(--mono)}.pc.one{background:var(--blue);color:white;width:64%;height:35%;left:10%;top:0;transform:rotate(3deg)}.pc.two{background:var(--acid);width:58%;height:36%;right:0;top:30%;transform:rotate(-5deg)}.pc.three{background:var(--orange);width:68%;height:34%;left:0;bottom:0;transform:rotate(2deg)}.port-lang{position:absolute;right:18px;bottom:17px;font:10px var(--mono)}
.viz-portal{background:#e8e8e8}.portal-top{height:54px;background:var(--black);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:9px var(--mono)}.portal-top span{color:var(--acid)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:26px 18px;height:calc(100% - 100px)}.kanban>div{background:white;border:1px solid var(--black);padding:16px;display:flex;flex-direction:column}.kanban small{font:9px var(--mono)}.kanban b{font-size:clamp(46px,5vw,82px);letter-spacing:-.08em;margin:8px 0 auto}.kanban p{border-top:1px solid #bbb;margin:0;padding:10px 0;font-size:11px}.portal-foot{height:46px;border-top:1px solid var(--black);display:flex;gap:8px;align-items:center;padding:0 18px;overflow:hidden}.portal-foot span{font:8px var(--mono);border:1px solid var(--black);padding:5px 7px;white-space:nowrap}
.viz-flow{background:var(--black);color:white}.flow-title{position:absolute;left:22px;top:22px;font:900 clamp(34px,5.5vw,84px)/.82 var(--sans);letter-spacing:-.07em;color:var(--acid)}.nodes{position:absolute;inset:0}.nodes span{position:absolute;z-index:2;width:74px;height:74px;border-radius:50%;background:var(--white);color:var(--black);display:grid;place-items:center;border:1px solid white;font:700 9px var(--mono);box-shadow:0 0 0 7px rgba(255,255,255,.08)}.nodes .n1{left:8%;bottom:12%}.nodes .n2{left:43%;bottom:28%;background:var(--orange)}.nodes .n3{right:7%;bottom:47%;background:var(--acid)}.nodes .n4{right:20%;bottom:8%;background:var(--blue);color:white}.nodes .n5{left:29%;bottom:5%}.nodes svg{position:absolute;width:68%;height:52%;right:2%;bottom:1%}.nodes path{fill:none;stroke:white;stroke-width:1.2;stroke-dasharray:5 5}
.viz-calc{background:#d9e5ff}.calc-head{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--black);font:9px var(--mono)}.calc-screen{display:grid;grid-template-columns:28% 1fr;height:calc(100% - 90px)}.calc-screen aside{border-right:1px solid var(--black);padding:18px 14px;display:flex;flex-direction:column}.calc-screen aside b{font:10px var(--mono);margin-bottom:20px}.calc-screen aside span{padding:10px 0;border-top:1px solid var(--black);font-size:11px}.calc-screen main{padding:clamp(20px,3vw,40px)}.calc-screen main small{font:9px var(--mono)}.calc-screen h4{font-size:clamp(40px,5.5vw,82px);line-height:.88;letter-spacing:-.06em;margin:20px 0}.calc-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.calc-options span{background:white;border:1px solid var(--black);padding:13px;font:10px var(--mono)}.calc-bottom{height:42px;background:var(--blue);color:white;padding:0 15px;display:flex;align-items:center;font:9px var(--mono);letter-spacing:.08em}
.viz-terminal{background:#101010;color:#eae8df;padding:0 24px}.term-head{height:52px;margin:0 -24px;border-bottom:1px solid #464646;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font:9px var(--mono)}.term-head span:last-child{color:var(--acid)}.viz-terminal pre{font:clamp(12px,1.5vw,22px)/1.8 var(--mono);margin:clamp(38px,8vh,90px) 0 0;white-space:pre-wrap}.viz-terminal pre span{color:var(--acid)}.term-key{position:absolute;bottom:18px;right:18px;font:9px var(--mono);color:#7a7a7a}
.viz-shop{background:#f5f2e9}.shop-word{position:absolute;left:16px;top:18px;font:900 clamp(78px,9vw,150px)/.68 var(--sans);letter-spacing:-.09em}.shop-ticket{position:absolute;width:min(52%,390px);right:7%;top:17%;background:var(--acid);border:1px solid var(--black);padding:20px;transform:rotate(3deg);box-shadow:8px 8px 0 var(--black)}.shop-ticket small{font:9px var(--mono)}.shop-ticket b{display:block;font-size:clamp(27px,3.8vw,56px);line-height:.9;letter-spacing:-.055em;margin:30px 0 20px}.shop-ticket p{font:10px/1.6 var(--mono)}.shop-ticket>div{border-top:1px solid var(--black);margin-top:26px;padding-top:12px;display:flex;justify-content:space-between;font:9px var(--mono)}.shop-foot{position:absolute;left:18px;bottom:18px;font:9px var(--mono)}
.viz-performance{background:var(--black);color:white}.perf-score{position:absolute;left:22px;top:22px}.perf-score small{display:block;font:9px var(--mono);color:var(--acid)}.perf-score strong{font-size:clamp(100px,12vw,190px);line-height:.8;letter-spacing:-.1em}.perf-score span{font:12px var(--mono)}.perf-chart{position:absolute;right:5%;bottom:72px;width:52%;height:58%;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #777}.perf-chart i{flex:1;background:var(--acid);border:1px solid var(--black)}.perf-metrics{position:absolute;left:22px;right:22px;bottom:20px;border-top:1px solid #555;padding-top:12px;display:flex;gap:25px;font:9px var(--mono)}.perf-metrics b{color:var(--acid)}
.viz-default{padding:25px;display:flex;flex-direction:column}.viz-default span{font:9px var(--mono)}.viz-default strong{font-size:clamp(50px,7vw,110px);line-height:.82;letter-spacing:-.06em;margin:auto 0}.viz-default i{font-size:50px;align-self:flex-end}
.archive{margin-top:clamp(80px,10vw,150px);border-top:1px solid var(--black)}.archive-head{display:grid;grid-template-columns:1fr 3fr;align-items:end;padding:20px 0 30px}.archive-head span{font:10px var(--mono)}.archive-head h3{font-size:clamp(42px,6vw,86px);letter-spacing:-.06em;margin:0}.archive-row{display:grid;grid-template-columns:70px 1fr 240px 32px;gap:14px;align-items:center;border-top:1px solid var(--black);padding:24px 0;cursor:pointer;transition:padding .22s,background .22s}.archive-row:last-child{border-bottom:1px solid var(--black)}.archive-row:hover{background:var(--acid);padding-left:15px;padding-right:15px}.archive-num,.archive-type{font:9px var(--mono)}.archive-row h4{font-size:clamp(22px,3vw,44px);letter-spacing:-.045em;margin:0}.archive-row b{font-size:28px}
.method{background:var(--black);color:var(--white);padding:clamp(80px,10vw,150px) var(--pad)}.method-top{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:30px;align-items:start}.method-top h2 i{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--acid)}.method-top p{font-size:16px;line-height:1.45;margin:4px 0 0;max-width:400px}.steps{margin-top:clamp(70px,9vw,140px)}.steps article{display:grid;grid-template-columns:1fr 1.3fr 2.2fr;gap:28px;border-top:1px solid #484848;padding:24px 0}.steps article:last-child{border-bottom:1px solid #484848}.steps>article>span{font:10px var(--mono);color:var(--acid)}.steps small{font:9px var(--mono);color:#999}.steps h3{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em;margin:4px 0 0}.steps p{font-size:15px;line-height:1.5;margin:0;max-width:560px;color:#bdbdbd}
.stack-section{background:var(--blue);color:white;padding:clamp(80px,10vw,150px) var(--pad)}.stack-intro{display:grid;grid-template-columns:1fr 2.3fr 1fr;gap:30px}.stack-intro p{color:#d8ddff}.stack-wall{margin-top:clamp(70px,9vw,130px);border-top:1px solid rgba(255,255,255,.55)}.stack-group{display:grid;grid-template-columns:70px minmax(160px,.7fr) 2fr;gap:20px;border-bottom:1px solid rgba(255,255,255,.55);padding:22px 0;align-items:start}.stack-index{font:9px var(--mono);color:var(--acid)}.stack-group h3{font-size:clamp(25px,3vw,45px);margin:0;letter-spacing:-.04em}.stack-items{display:flex;flex-wrap:wrap;gap:8px}.stack-items span{font:10px var(--mono);padding:8px 10px;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.04)}
.about{background:var(--white);padding:26px var(--pad) clamp(80px,11vw,160px)}.about-label{display:flex;justify-content:space-between;border-top:1px solid var(--black);padding-top:12px}.about-main{display:grid;grid-template-columns:1.45fr 1fr;gap:7vw;margin-top:clamp(65px,8vw,110px)}.about-main h2{font-size:clamp(88px,12.5vw,200px);line-height:.7;letter-spacing:-.095em;margin:0}.about-main h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--orange);font-size:.82em}.about-copy{padding-top:8px}.about-copy .big{font-size:clamp(29px,3.2vw,51px);line-height:.98;letter-spacing:-.045em;margin:0 0 32px}.about-copy>p:not(.big){font-size:17px;line-height:1.55;max-width:590px}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.about-tags span{font:9px var(--mono);border:1px solid var(--black);padding:8px 10px}
.contact{background:var(--acid);min-height:78vh;padding:30px var(--pad) 0;display:flex;flex-direction:column;overflow:hidden}.contact h2{font-size:clamp(95px,15vw,240px);line-height:.7;letter-spacing:-.095em;margin:auto 0 55px;text-transform:uppercase}.contact h2 em{font-family:Georgia,"Times New Roman",serif;text-transform:none;font-weight:400;color:var(--blue)}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--black);padding:20px 0 34px}.contact-bottom p{max-width:520px;font-size:18px;line-height:1.4;margin:0}.contact-actions{display:flex;flex-direction:column}.contact-actions a,.contact-actions button{display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--black);background:none;text-decoration:none;padding:9px 0;font:700 11px var(--mono);cursor:pointer;text-align:left}.contact-actions a:first-child,.contact-actions button:first-child{border-top:1px solid var(--black)}.contact-marquee{font:900 clamp(44px,7vw,100px)/.8 var(--sans);letter-spacing:-.06em;white-space:nowrap;margin:10px 0 -11px;transform:translateX(-2vw)}
.footer{background:var(--black);color:#aaa;min-height:62px;padding:0 var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font:9px var(--mono);letter-spacing:.04em}.footer span:nth-child(2){justify-self:center}.footer a{justify-self:end;color:var(--acid)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.75,.2,1),transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}
.modal{position:fixed;inset:0;z-index:120;pointer-events:none;visibility:hidden}.modal.open{pointer-events:auto;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);opacity:0;transition:opacity .28s}.modal.open .modal-backdrop{opacity:1}.modal-sheet{position:absolute;right:0;top:0;width:min(980px,94vw);height:100%;overflow:auto;background:var(--white);transform:translateX(102%);transition:transform .44s cubic-bezier(.2,.85,.2,1);padding:0 var(--pad) 55px}.modal.open .modal-sheet{transform:none}.modal-head{position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(10px);z-index:2;height:67px;border-bottom:1px solid var(--black);display:flex;justify-content:space-between;align-items:center;font:9px var(--mono)}.modal-close{border:0;background:none;font:700 10px var(--mono);cursor:pointer;padding:10px 0}.modal-title-row{display:grid;grid-template-columns:80px 1fr;gap:15px;margin-top:55px}.modal-number{font:10px var(--mono);padding-top:8px}.modal-title-row h2{font-size:clamp(45px,6.3vw,91px);line-height:.85;letter-spacing:-.065em;margin:0}.modal-summary{font-size:clamp(21px,2.6vw,35px);line-height:1.13;letter-spacing:-.03em;margin:45px 0 70px;max-width:800px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--black)}.modal-block{padding:22px 22px 32px 0;border-bottom:1px solid var(--black)}.modal-block:nth-child(even){padding-left:22px;border-left:1px solid var(--black)}.modal-block.wide{grid-column:1/-1;border-left:0;padding-left:0}.modal-block label{display:block;font:9px var(--mono);color:#666;text-transform:uppercase;margin-bottom:16px}.modal-block p{font-size:16px;line-height:1.5;margin:0}.modal-block ol{list-style:none;margin:0;padding:0;counter-reset:w}.modal-block li{counter-increment:w;border-top:1px solid #c6c2ba;padding:12px 0 12px 38px;position:relative;font-size:15px;line-height:1.45}.modal-block li:before{content:counter(w,decimal-leading-zero);position:absolute;left:0;font:9px var(--mono)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{border:1px solid var(--black);padding:7px 9px;font:9px var(--mono)}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.nav,.status{display:none}.menu-button{display:block}.mobile-menu{display:block;position:fixed;z-index:70;inset:68px 0 auto;background:var(--acid);border-bottom:1px solid var(--black);transform:translateY(-120%);transition:transform .35s}.mobile-menu.open{transform:none}.mobile-menu nav{display:flex;flex-direction:column;padding:20px var(--pad)}.mobile-menu a{font-size:40px;letter-spacing:-.05em;text-decoration:none;border-bottom:1px solid var(--black);padding:7px 0}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta span:nth-child(2){justify-self:end}.hero-meta span:last-child{display:none}.hero h1{font-size:clamp(69px,14.8vw,145px)}.hero-copy{grid-template-columns:1fr}.hero-code{justify-self:start}.statement-body,.section-title,.method-top,.stack-intro{grid-template-columns:1fr}.statement-body{gap:35px}.section-title>span,.method-top>span,.stack-intro>span{margin-bottom:5px}.case{grid-template-columns:1fr;min-height:0}.case-info{border-right:0;border-bottom:1px solid var(--black);min-height:410px}.case-info h3{margin-top:60px}.case-visual{min-height:480px}.archive-row{grid-template-columns:55px 1fr 26px}.archive-type{display:none}.method-top p,.section-title p,.stack-intro p{max-width:620px}.steps article{grid-template-columns:50px 1fr}.steps article p{grid-column:2}.stack-group{grid-template-columns:45px 1fr}.stack-items{grid-column:2}.about-main{grid-template-columns:1fr}.contact-bottom{grid-template-columns:1fr;gap:36px}.footer{grid-template-columns:1fr auto}.footer span:nth-child(2){display:none}}
@media(max-width:640px){
:root{--pad:17px}
.topbar{height:60px}.brand{font-size:clamp(25px,8vw,32px);letter-spacing:-.05em}.mobile-menu{inset:60px 0 auto}
.hero{padding:82px var(--pad) 24px;min-height:100svh;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:clip}
.hero-grid{inset:60px 0 0;background-size:25vw 100%,25vw 100%;mask-image:linear-gradient(to bottom,black,transparent 94%)}
.hero-meta{grid-template-columns:1fr;row-gap:8px;align-self:start;min-width:0}
.hero-meta span{min-width:0}.hero-meta span:nth-child(2){display:block;justify-self:start;color:#8d8d8d;font-size:9px;line-height:1.35}.hero-meta span:last-child{display:none}
.hero h1{align-self:start;width:100%;min-width:0;margin:clamp(28px,5svh,52px) 0 0;font-size:clamp(52px,17.2vw,74px);line-height:.75;letter-spacing:-.088em;overflow:visible}
.hero h1>span{max-width:100%;white-space:nowrap}.hero h1>span:nth-child(2){margin-left:0;font-size:.82em;letter-spacing:-.078em}.hero h1>span:nth-child(3){margin-left:0;font-size:1.03em}.hero h1 em{letter-spacing:-.07em}.hero h1 b{display:none}
.hero-copy{align-self:end;width:100%;min-width:0;margin-top:0;padding-top:15px;grid-template-columns:minmax(0,1fr);gap:0}
.hero-copy p{font-size:clamp(16px,4.7vw,19px);line-height:1.18;letter-spacing:-.025em;max-width:100%;overflow-wrap:anywhere}.hero-code{display:none}
.statement-body{padding:62px var(--pad)}.statement-body p{font-size:clamp(42px,12vw,69px);line-height:.9;overflow-wrap:anywhere}
.work,.method,.stack-section{padding-top:75px;padding-bottom:75px}.section-title h2,.method-top h2,.stack-intro h2{font-size:clamp(57px,16vw,92px)}.section-title{margin-bottom:45px}
.case{box-shadow:5px 5px 0 var(--black);max-width:100%}.case:hover{transform:none;box-shadow:5px 5px 0 var(--black)}.case-info{min-height:390px;padding:22px 18px;min-width:0}.case-info h3{font-size:clamp(39px,11.5vw,61px);margin-top:58px;overflow-wrap:anywhere}.case-info p{font-size:16px}.case-tech{margin-top:35px}.case-visual{padding:12px;min-height:390px;min-width:0}.viz,.case-photo{min-height:365px;max-width:100%}
.auto-grid{grid-template-columns:37% minmax(0,1fr)}.filters-mini{padding:16px 10px;min-width:0}.filters-mini b{font-size:20px}.cars-mini{padding:12px;min-width:0}.cars-mini>div{grid-template-columns:minmax(0,1fr);padding:12px 0}.cars-mini strong{overflow-wrap:anywhere}.cars-mini small,.cars-mini em{font-size:7px}.route-svg{display:none}
.port-word{font-size:90px}.port-cards{right:5%;min-width:0}.kanban{padding:12px 9px;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.kanban>div{padding:8px;min-width:0}.kanban b{font-size:36px}.kanban p{font-size:8px;overflow-wrap:anywhere}.flow-title{font-size:37px}.nodes span{width:51px;height:51px;font-size:7px}.calc-screen{grid-template-columns:32% minmax(0,1fr)}.calc-screen main{padding:15px;min-width:0}.calc-screen h4{font-size:38px}.shop-word{font-size:77px}.shop-ticket{width:64%;right:5%}.perf-score strong{font-size:107px}
.archive-head{grid-template-columns:1fr}.archive-head span{margin-bottom:16px}.archive-row{padding:19px 0;grid-template-columns:40px minmax(0,1fr) 24px;min-width:0}.archive-row h4{font-size:24px;min-width:0;overflow-wrap:anywhere}
.steps article{grid-template-columns:35px minmax(0,1fr);gap:10px;padding:20px 0;min-width:0}.steps p{font-size:14px}.stack-group{grid-template-columns:30px minmax(0,1fr);gap:10px;min-width:0}.stack-items{grid-column:1/-1;margin-top:8px;min-width:0}.stack-items span{max-width:100%;overflow-wrap:anywhere}
.about{padding-top:20px}.about-main{margin-top:60px;min-width:0}.about-main h2{font-size:clamp(70px,21vw,108px);max-width:100%}.about-copy{min-width:0}.about-copy .big{font-size:32px}.about-copy>p:not(.big){font-size:15px;overflow-wrap:anywhere}
.contact{min-height:80vh;max-width:100%}.contact h2{font-size:clamp(76px,23vw,118px);margin-bottom:40px;max-width:100%}.contact-bottom{min-width:0}.contact-bottom p{font-size:16px;overflow-wrap:anywhere}.contact-actions{min-width:0}.contact-actions a,.contact-actions button{min-width:0;gap:10px;overflow-wrap:anywhere}.contact-marquee{font-size:55px}
.modal-sheet{width:100%;max-width:100vw;padding-left:18px;padding-right:18px}.modal-title-row{grid-template-columns:minmax(0,1fr);margin-top:35px}.modal-number{margin-bottom:-4px}.modal-title-row h2{overflow-wrap:anywhere}.modal-grid{grid-template-columns:minmax(0,1fr)}.modal-block,.modal-block:nth-child(even){padding-left:0;border-left:0;min-width:0}.modal-block.wide{grid-column:auto}.footer{font-size:8px;min-width:0}
}
@media(max-width:640px) and (max-height:680px){
.hero{padding-top:74px;padding-bottom:18px}.hero-meta{row-gap:5px}.hero-meta span:first-child{font-size:9px}.hero-meta span:nth-child(2){font-size:8px}.hero h1{margin:15px 0;font-size:clamp(48px,15.8vw,64px);line-height:.73}.hero-copy{padding-top:11px}.hero-copy p{font-size:clamp(14px,4.25vw,17px);line-height:1.14}
}
@media(max-width:360px){
:root{--pad:14px}.brand{font-size:24px}.hero{padding-left:var(--pad);padding-right:var(--pad)}.hero h1{font-size:16.4vw}.hero h1>span:nth-child(2){font-size:.80em}.hero-copy p{font-size:15px}.statement-body p{font-size:39px}.contact h2{font-size:22vw}.about-main h2{font-size:20vw}
}
@media(min-width:981px) and (max-height:820px){
.hero{padding-top:88px;padding-bottom:24px}.hero-meta{font-size:9px}.hero h1{font-size:min(12.4vw,180px);line-height:.72}.hero-copy{margin-top:clamp(22px,3vw,34px);padding-top:14px}.hero-copy p{font-size:clamp(17px,1.65vw,24px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.statement-rail{animation:none}.reveal{opacity:1;transform:none;transition:none}.case,.modal-sheet,.mobile-menu{transition:none}}