:root{--ink:#111311;--paper:#eef0ea;--white:#f8f9f5;--orange:#ff5c2b;--acid:#d7ff3f;--grey:#9da29b;--line:rgba(17,19,17,.18);--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Archivo Black',sans-serif;font-weight:400;line-height:.9;letter-spacing:-.055em}em{font-style:normal;color:var(--orange)}.demo-bar{min-height:38px;padding:8px max(18px,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;background:var(--ink);color:#fff;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.04em}.demo-bar span{color:#bfc4bd}.demo-bar b{color:#fff}.site-header{width:min(1320px,calc(100% - 40px));height:94px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:48px;height:48px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;gap:2px;font-family:'Archivo Black',sans-serif;font-size:.82rem}.brand-mark b{color:var(--orange);font-size:.75rem}.brand strong{font-family:'Archivo Black',sans-serif;font-size:.8rem;line-height:.85}.desktop-nav{display:flex;gap:30px;font-family:'DM Mono',monospace;font-size:.64rem;text-transform:uppercase}.desktop-nav a:hover{color:var(--orange)}.estimate-link{justify-self:end;padding:13px 16px;background:var(--ink);color:#fff;font-family:'DM Mono',monospace;font-size:.64rem}.estimate-link b{color:var(--acid);margin-left:15px}.menu-button,.mobile-menu{display:none}.hero{width:min(1320px,calc(100% - 40px));margin:20px auto 0;display:grid;grid-template-columns:.92fr 1.08fr;min-height:750px;position:relative;background:var(--white);border:1px solid var(--ink);overflow:hidden}.hero-copy{padding:clamp(35px,5.5vw,76px);display:flex;flex-direction:column;justify-content:space-between}.hero-label{display:flex;justify-content:space-between;gap:20px;font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.08em}.hero-label b{font-weight:500;color:#666c66}.hero h1{font-size:clamp(4.7rem,7.5vw,8.4rem);margin:45px 0}.hero-intro{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.hero-intro p{max-width:430px;margin:0;color:#626761;font-size:.82rem}.hero-intro a{font-family:'DM Mono',monospace;font-size:.62rem;font-weight:500;border-bottom:1px solid var(--ink);padding-bottom:7px}.hero-intro a span{color:var(--orange);margin-left:12px}.hero-image{position:relative;min-height:750px;overflow:hidden}.hero-image img{height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,19,17,.45),transparent 42%)}.project-tag{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;padding:15px 16px;background:rgba(17,19,17,.88);color:#fff;display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;font-family:'DM Mono',monospace;font-size:.58rem}.project-tag strong{font-family:'Space Grotesk',sans-serif;font-size:.78rem}.project-tag b{color:var(--acid)}.hero-stat{position:absolute;z-index:3;padding:14px 16px;background:var(--acid);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;box-shadow:7px 7px 0 var(--ink)}.hero-stat strong{font-family:'Archivo Black',sans-serif;font-size:1.5rem}.hero-stat span{max-width:95px;font-family:'DM Mono',monospace;font-size:.52rem;line-height:1.3}.stat-one{left:47%;top:17%}.stat-two{right:4%;top:6%;background:var(--orange);color:#fff}.signal-strip{margin-top:18px;background:var(--orange);color:#fff;overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.signal-strip>div{width:max-content;display:flex;align-items:center;gap:28px;padding:11px 0;animation:marquee 26s linear infinite;font-family:'DM Mono',monospace;font-size:.63rem;letter-spacing:.08em}.signal-strip i{font-style:normal;color:var(--acid)}@keyframes marquee{to{transform:translateX(-50%)}}.section{width:min(1240px,calc(100% - 40px));margin:130px auto}.section-header{display:grid;grid-template-columns:180px 1fr .65fr;gap:50px;align-items:end;margin-bottom:55px}.section-header>span,.work-head>span,.process-title>span,.evidence-copy>p,.contact-copy>span{font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.1em}.section-header h2,.work-head h2,.process-title h2{font-size:clamp(4rem,7vw,7.2rem);margin:0}.section-header>p{margin:0;color:#626761;font-size:.8rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:470px;padding:26px;border:1px solid var(--ink);background:var(--white);display:flex;flex-direction:column}.service-card.dark{background:var(--ink);color:#fff}.service-card.accent{background:var(--acid)}.service-card>span{font-family:'DM Mono',monospace;font-size:.6rem}.service-card h3{font-size:3rem;margin:90px 0 24px}.service-card p{font-size:.8rem;color:#646963}.service-card.dark p{color:#bbc0ba}.service-card ul{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid currentColor}.service-card li{padding:10px 0;border-bottom:1px solid currentColor;font-family:'DM Mono',monospace;font-size:.58rem}.work-head{display:grid;grid-template-columns:180px 1fr auto;gap:40px;align-items:end;margin-bottom:55px}.work-head a{font-family:'DM Mono',monospace;font-size:.6rem;border-bottom:1px solid;padding-bottom:6px}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.project-card{border:1px solid var(--ink);background:var(--white);overflow:hidden}.project-large{grid-row:1/3}.project-image{height:330px;overflow:hidden}.project-large .project-image{height:720px}.project-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image img{transform:scale(1.035)}.project-info{padding:22px}.project-info>span{font-family:'DM Mono',monospace;font-size:.55rem;color:#696e68}.project-info h3{font-size:2.45rem;margin:18px 0 12px}.project-info p{margin:0;color:#656a64;font-size:.72rem}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.process-title{position:sticky;top:30px}.process-title h2{margin:35px 0}.process-title p{max-width:460px;color:#626761;font-size:.8rem}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.process-list li{display:grid;grid-template-columns:65px 1fr 35px;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}.process-list li>span{font-family:'DM Mono',monospace;font-size:.6rem;color:var(--orange)}.process-list strong{font-family:'Archivo Black',sans-serif;font-size:1.65rem}.process-list p{margin:8px 0 0;color:#656a64;font-size:.75rem;max-width:460px}.process-list b{font-size:1.2rem;color:var(--orange)}.evidence{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px;border:1px solid var(--ink)}.evidence-photo{position:relative;overflow:hidden}.evidence-photo img{height:100%;object-fit:cover}.evidence-photo span{position:absolute;left:18px;bottom:18px;padding:9px 11px;background:var(--acid);font-family:'DM Mono',monospace;font-size:.55rem}.evidence-copy{padding:clamp(40px,6vw,80px);background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center}.evidence-copy>p{color:var(--acid)}.evidence-copy h2{font-size:clamp(3.5rem,5.5vw,5.8rem);margin:28px 0 50px}.evidence-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.2)}.evidence-list span{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2);font-family:'DM Mono',monospace;font-size:.58rem}.contact{display:grid;grid-template-columns:1.05fr .95fr;background:var(--orange);color:#fff;border:1px solid var(--ink)}.contact-copy{padding:clamp(42px,6vw,82px)}.contact-copy>span{color:#2c160f}.contact h2{font-size:clamp(4.2rem,7vw,7.4rem);margin:30px 0}.contact-copy p{max-width:520px;color:#ffe1d6;font-size:.8rem}.contact-panel{padding:clamp(42px,6vw,82px);background:var(--white);color:var(--ink);display:grid;align-content:center;gap:24px}.contact-panel>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line)}.contact-panel span{font-family:'DM Mono',monospace;font-size:.55rem;color:#6a6f69}.contact-panel strong{font-size:.72rem}.contact-panel a{margin-top:20px;padding:17px 18px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:.62rem}.contact-panel a b{color:var(--acid);transition:.3s}.contact-panel a:hover b{transform:translate(3px,-3px)}footer{width:min(1320px,calc(100% - 40px));margin:100px auto 35px;padding:32px 0;border-top:1px solid var(--ink);display:grid;grid-template-columns:.75fr 1.25fr .75fr;gap:40px;align-items:start}footer p{margin:3px 0;color:#646963;font-size:.7rem;line-height:1.7}footer nav{display:flex;justify-content:flex-end;gap:20px;font-family:'DM Mono',monospace;font-size:.58rem}footer small{grid-column:1/-1;color:#8b908a;font-family:'DM Mono',monospace;font-size:.54rem}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}.js .delay-1{transition-delay:.12s}.js .delay-2{transition-delay:.22s}
@media(max-width:1020px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:680px}.stat-one{left:4%;top:52%}.section-header,.work-head{grid-template-columns:130px 1fr}.section-header>p,.work-head>a{grid-column:2}.project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:1/-1;grid-row:auto}.project-large .project-image{height:620px}.process{grid-template-columns:1fr}.process-title{position:static}.evidence,.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.demo-bar{padding:8px 14px;flex-wrap:wrap;gap:4px 12px}.site-header{width:calc(100% - 28px);height:76px}.brand-mark{width:42px;height:42px}.estimate-link{display:none}.menu-button{display:block;width:42px;height:42px;border:1px solid var(--ink);background:transparent;position:relative}.menu-button i{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:.3s}.menu-button i:first-child{top:15px}.menu-button i:last-child{top:24px}.menu-button[aria-expanded="true"] i:first-child{top:20px;transform:rotate(45deg)}.menu-button[aria-expanded="true"] i:last-child{top:20px;transform:rotate(-45deg)}.mobile-menu{display:grid;position:fixed;z-index:90;left:14px;right:14px;top:118px;padding:15px;background:var(--white);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.3s}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:13px;border-bottom:1px solid var(--line);font-family:'DM Mono',monospace;font-size:.65rem}.mobile-menu a:last-child{border:0;color:var(--orange)}.hero{width:calc(100% - 14px);margin-top:8px}.hero-copy{padding:38px 20px;min-height:590px}.hero-label{font-size:.48rem}.hero h1{font-size:clamp(4.2rem,19vw,5.8rem)}.hero-intro{grid-template-columns:1fr}.hero-image{min-height:540px}.project-tag{grid-template-columns:1fr;gap:4px}.project-tag b{display:none}.hero-stat{display:none}.signal-strip{margin-top:8px}.section{width:calc(100% - 28px);margin:88px auto}.section-header,.work-head{grid-template-columns:1fr;gap:18px}.section-header>p,.work-head>a{grid-column:auto}.section-header h2,.work-head h2,.process-title h2{font-size:4rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:400px}.service-card h3{margin-top:70px}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-large .project-image,.project-image{height:430px}.process{gap:45px}.process-list li{grid-template-columns:40px 1fr 25px}.evidence-photo{min-height:520px}.evidence-copy{padding:42px 22px}.evidence-copy h2{font-size:3.7rem}.contact-copy,.contact-panel{padding:42px 22px}.contact h2{font-size:4.1rem}.contact-panel>div{grid-template-columns:1fr;gap:7px}footer{width:calc(100% - 28px);grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-strip>div{animation:none}.js .reveal{opacity:1;transform:none;transition:none}}