:root{--ink:#1b1d1f;--blueprint:#1d3e53;--blueprint-light:#4a7a94;--sand:#efeae1;--paper:#faf8f4;--teak:#7a4b2e;--brass:#b08d57;--brass-light:#c9a96e;--concrete:#8b8983;--line:#1b1d1f1f;--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teak);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--teak);width:22px;height:1px;display:inline-block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.08}.ruler{background:var(--sand);z-index:200;border-bottom:1px solid var(--line);height:5px;position:fixed;top:0;left:0;right:0}.ruler-fill{background:linear-gradient(90deg, var(--brass), var(--brass-light));width:0%;height:100%;transition:width 80ms linear}.ruler-ticks{pointer-events:none;display:flex;position:absolute;inset:0}.ruler-ticks span{border-right:1px solid #1b1d1f14;flex:1}.ruler-ticks span:nth-child(5n){border-right:1px solid #1b1d1f2e}.reg-marks{position:relative}.reg-marks:before,.reg-marks:after{content:"";border:none;border-top:1px solid #1b1d1f38;border-left:1px solid #1b1d1f38;width:14px;height:14px;position:absolute;top:24px}.reg-marks:before{left:24px}.reg-marks:after{border-left:none;border-right:1px solid #1b1d1f38;right:24px}@media (width<=720px){.reg-marks:before,.reg-marks:after{display:none}}header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#faf8f4eb;position:sticky;top:5px}.nav{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:16px 32px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-mark{object-fit:cover;border-radius:8px;flex-shrink:0;width:42px;height:42px}.footer-mark{border-radius:10px;width:52px;height:52px}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text strong{font-family:var(--font-display);letter-spacing:.02em;font-size:19px;font-weight:700}.brand-text span{font-family:var(--font-mono);letter-spacing:.08em;color:var(--concrete);text-transform:uppercase;white-space:nowrap;margin-top:2px;font-size:9.5px}.nav-links{gap:34px;font-size:14.5px;font-weight:500;display:flex}.nav-links a{color:var(--ink);padding:4px 0;position:relative}.nav-links a:after{content:"";background:var(--brass);width:0%;height:1.5px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}.nav-cta{align-items:center;gap:16px;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.03em;border-radius:2px;align-items:center;gap:8px;padding:11px 20px;font-size:12.5px;transition:transform .15s,background .15s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--blueprint);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1px solid #1b1d1f40}.btn-ghost:hover{border-color:var(--ink)}.btn-brass{background:var(--brass);color:var(--paper)}.btn-brass:hover{background:#98784a;transform:translateY(-1px)}.phone-link{font-family:var(--font-mono);font-size:13px;display:none}.menu-toggle{flex-direction:column;gap:5px;padding:6px;display:none}.menu-toggle span{background:var(--ink);width:22px;height:1.5px;display:block}.nav-links.mobile-open{background:var(--paper);border-bottom:1px solid var(--line);z-index:99;flex-direction:column;gap:16px;padding:20px 32px;display:flex;position:absolute;top:100%;left:0;right:0}@media (width<=900px){.nav-links{display:none}.nav-links.mobile-open,.menu-toggle{display:flex}}.hero{border-bottom:1px solid var(--line);padding:88px 0 100px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blueprint-light);background:#1d3e5312;border:1px solid #1d3e532e;margin-bottom:26px;padding:6px 12px;font-size:12px;display:inline-block}.hero h1{margin-bottom:22px;font-size:56px}.hero h1 em{color:var(--teak);font-style:normal}.hero p.lede{color:#42474a;max-width:480px;margin-bottom:36px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:52px;display:flex}.hero-actions .btn{padding:14px 26px;font-size:13px}.stat-strip{border-top:1px solid var(--line);grid-template-columns:repeat(4,auto);gap:0;padding-top:22px;display:grid}.stat{padding-right:24px}.stat .num{font-family:var(--font-mono);color:var(--ink);align-items:baseline;gap:2px;font-size:26px;font-weight:500;display:flex}.stat .num small{color:var(--brass);font-size:14px}.stat .label{color:var(--concrete);letter-spacing:.01em;margin-top:4px;font-size:11.5px}.hero-visual{aspect-ratio:1/1.05;border:1px solid var(--line);background:var(--sand);position:relative}.hero-visual svg{width:100%;height:100%;display:block}.hv-photo{clip-path:inset(0 0 100%);background-image:url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=80);background-position:50%;background-size:cover;animation:2.6s cubic-bezier(.6,0,.2,1) .6s forwards reveal-photo;position:absolute;inset:0}@keyframes reveal-photo{to{clip-path:inset(0 0 0%)}}.hv-line{stroke:var(--blueprint);fill:none;stroke-width:1.3px;position:absolute;inset:0}.hv-caption{background:var(--paper);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.05em;color:var(--concrete);padding:6px 10px;font-size:10.5px;position:absolute;bottom:14px;left:14px}@media (prefers-reduced-motion:reduce){.hv-photo{clip-path:inset(0 0 0%);animation:none}}@media (width<=960px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.stat-strip{grid-template-columns:repeat(2,1fr);row-gap:20px}}section{border-bottom:1px solid var(--line);padding:96px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.section-head h2{max-width:560px;font-size:36px}.section-head p{color:#54585b;max-width:360px;font-size:15px}.services-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 26px;transition:background .2s}.service-card:hover{background:var(--sand)}.service-icon{width:38px;height:38px;color:var(--brass);margin-bottom:26px}.service-icon svg{stroke:currentColor;fill:none;stroke-width:1.4px;width:100%;height:100%}.service-num{font-family:var(--font-mono);color:var(--concrete);margin-bottom:8px;font-size:11px}.service-card h3{margin-bottom:12px;font-size:19px;font-weight:600}.service-card p{color:#54585b;font-size:14px}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services-grid{grid-template-columns:1fr}}.process{background:var(--blueprint);color:var(--paper);border-bottom:1px solid var(--line)}.process .eyebrow{color:var(--brass-light)}.process .eyebrow:before{background:var(--brass-light)}.process .section-head h2{color:var(--paper)}.process .section-head p{color:#faf8f4a6}.process-list{border-top:1px solid #faf8f429}.process-item{border-bottom:1px solid #faf8f429;grid-template-columns:90px 1fr 1fr;align-items:start;gap:24px;padding:26px 0;display:grid}.process-item .pnum{font-family:var(--font-mono);color:var(--brass-light);padding-top:2px;font-size:14px}.process-item h4{font-size:19px;font-weight:600}.process-item p{color:#faf8f4b8;font-size:14px}@media (width<=760px){.process-item{grid-template-columns:50px 1fr}.process-item p{grid-column:2/3}}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.04em;color:var(--concrete);text-transform:uppercase;border:1px solid #1b1d1f33;padding:9px 16px;font-size:12px}.filter-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.portfolio-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.project-card{background:var(--paper)}.project-visual{aspect-ratio:4/3;background:var(--sand);cursor:pointer;position:relative;overflow:hidden}.project-visual img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .6s;transform:scale(1.04)}.project-visual.revealed img{opacity:1;transform:scale(1)}.bp-layer{background:var(--blueprint);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.project-visual.revealed .bp-layer{opacity:0}.bp-layer svg{stroke:#faf8f4bf;fill:none;stroke-width:1px;width:72%;height:72%}.scan{background:var(--brass-light);opacity:0;height:2px;position:absolute;top:0;left:0;right:0}.project-visual.revealed .scan{animation:.9s ease-out scan-sweep}@keyframes scan-sweep{0%{opacity:1;top:0%}95%{opacity:1}to{opacity:0;top:100%}}.project-info{padding:20px 4px 8px}.project-info .ptag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);font-size:10.5px}.project-info h3{margin:8px 0 4px;font-size:17px;font-weight:600}.project-info .ploc{color:var(--concrete);font-size:12.5px}@media (width<=900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.portfolio-grid{grid-template-columns:1fr}}.why-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.why-card{background:var(--paper);padding:30px 28px}.why-card .wnum{font-family:var(--font-mono);color:var(--brass);margin-bottom:14px;font-size:11px;display:block}.why-card h4{margin-bottom:10px;font-size:16.5px;font-weight:600}.why-card p{color:#54585b;font-size:13.5px}@media (width<=900px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.why-grid{grid-template-columns:1fr}}.testi-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.testi-card{border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:220px;padding:30px 26px;display:flex}.testi-mark{font-family:var(--font-display);color:var(--brass);margin-bottom:6px;font-size:34px;line-height:1}.testi-card p.quote{color:#33373a;margin-bottom:22px;font-size:14.5px}.testi-who{font-family:var(--font-mono);color:var(--concrete);border-top:1px solid var(--line);padding-top:14px;font-size:12px}.testi-who strong{color:var(--ink);font-family:var(--font-body);margin-bottom:2px;font-size:13.5px;font-weight:600;display:block}@media (width<=900px){.testi-grid{grid-template-columns:1fr}}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--concrete);margin-bottom:8px;font-size:11px;display:block}.field input,.field select,.field textarea{background:var(--paper);width:100%;font-family:var(--font-body);color:var(--ink);border:1px solid #1b1d1f40;border-radius:2px;padding:12px 14px;font-size:14.5px}.field textarea{resize:vertical;min-height:100px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blueprint)}.contact-form .btn{align-self:flex-start;margin-top:8px;padding:14px 30px;font-size:13px}.offices{flex-direction:column;gap:0;display:flex}.office{border-bottom:1px solid var(--line);padding:22px 0}.office:first-child{padding-top:0}.office h4{margin-bottom:8px;font-size:16px;font-weight:600}.office p{color:#54585b;font-size:13.5px;line-height:1.6}.office .mono{color:var(--blueprint-light);margin-top:6px;font-size:12.5px;display:block}.quick-contact{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}@media (width<=860px){.contact-grid,.form-row{grid-template-columns:1fr}}footer{background:var(--ink);color:#faf8f4b3;padding:70px 0 30px}.footer-top{border-bottom:1px solid #faf8f424;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;display:grid}.footer-brand .brand-text strong{color:var(--paper)}.footer-brand p{color:#faf8f48c;max-width:260px;margin-top:16px;font-size:13.5px}.footer-col h5{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-light);margin-bottom:18px;font-size:11px}.footer-col ul li{margin-bottom:11px;font-size:14px}.footer-col ul li a:hover{color:var(--paper)}.footer-bottom{color:#faf8f466;font-size:12px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:26px;display:flex}@media (width<=860px){.footer-top{grid-template-columns:1fr 1fr}}.wa-float{z-index:150;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 18px #00000040}.wa-float:hover{transform:scale(1.06)}.wa-float svg{fill:#fff;width:28px;height:28px}.form-success{font-family:var(--font-mono);color:var(--blueprint);background:#1d3e5314;border:1px solid #1d3e5333;margin-top:4px;padding:12px 16px;font-size:13px}