:root{--ink:#151515;--char:#202020;--orange:#f26a21;--paper:#f4f1eb;--white:#fff;--muted:#a9a9a9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(20,20,20,.96);color:#fff;border-bottom:1px solid #333}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:28px;letter-spacing:-1px}.brand span{color:var(--orange)}.nav-links{display:flex;align-items:center;gap:28px;font-weight:600;font-size:14px}.nav-cta{background:var(--orange);padding:12px 17px;border-radius:4px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{position:relative;min-height:720px;color:#fff;background:url('assets/project-02.webp') center 55%/cover no-repeat;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.88) 0%,rgba(12,12,12,.65) 48%,rgba(12,12,12,.18) 100%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;padding:110px 0 80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#ff985e}.eyebrow.dark{color:#a84a17}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-4px;max-width:800px;margin:18px 0 24px}.hero-copy>p{font-size:19px;line-height:1.6;max-width:690px;color:#e8e8e8}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 20px;border-radius:4px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{border-color:#777;color:#fff;background:rgba(0,0,0,.18)}.hero-stats{display:flex;gap:32px;border-top:1px solid #666;padding-top:25px;margin-top:45px}.hero-stats div{display:flex;flex-direction:column;gap:6px}.hero-stats span{font-size:12px;color:#cfcfcf}.hero-card{background:rgba(20,20,20,.84);border:1px solid #555;padding:28px}.hero-card h2{font-size:26px;line-height:1.15}.hero-card p{color:#ccc;line-height:1.6}.kicker{font-size:12px;text-transform:uppercase;color:#ff985e;font-weight:800}.section{padding:95px 0;scroll-margin-top:88px}.light{background:var(--paper)}.section-heading{max-width:800px;margin-bottom:42px}.section-heading h2,.split h2,.about-section h2,.contact-section h2{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;line-height:1.03;margin:12px 0}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.service-card{background:#fff;padding:30px;border:1px solid #ddd}.service-card .icon{color:var(--orange);font-weight:800;font-size:13px}.service-card h3{font-size:21px}.service-card p{line-height:1.6;color:#555}.dark-section{background:var(--char);color:#fff}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.lead{font-size:18px;line-height:1.7;color:#ccc}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;color:#ddd}.quote-panel{background:#2c2c2c;border-left:4px solid var(--orange);padding:34px}.quote-panel h3{font-size:27px;line-height:1.25}.full{width:100%}.row-heading{display:flex;justify-content:space-between;align-items:end;max-width:none}.row-heading p{max-width:480px;line-height:1.6;color:#555}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:320px;gap:16px}.project{position:relative;overflow:hidden;background:#222}.project img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.025)}.project:nth-child(1){grid-column:span 8}.project:nth-child(2){grid-column:span 4}.project:nth-child(3),.project:nth-child(4),.project:nth-child(5){grid-column:span 4}.project:nth-child(6){grid-column:span 8}.project:nth-child(7){grid-column:span 4}.project:nth-child(8){grid-column:span 4}.project-label{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}.project-label span{font-size:11px;text-transform:uppercase;color:#ff985e;font-weight:800;letter-spacing:1px}.project-label h3{margin:6px 0 0}.about-section{background:#fff}.about-copy p{font-size:17px;line-height:1.75;color:#4d4d4d}.contact-section{background:#151515;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-section p{color:#ccc;line-height:1.7}.contact-points{display:flex;flex-direction:column;gap:14px;margin-top:28px}.phone-main{font-size:26px;font-weight:800;color:#ff985e}.quote-form{display:grid;gap:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#222;border:1px solid #444;color:#fff;padding:15px;font:inherit;border-radius:3px}.quote-form textarea{resize:vertical}footer{background:#0d0d0d;color:#aaa;padding:30px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between}.call-float{display:none}
@media(max-width:850px){.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#171717;padding:22px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.hero{min-height:700px;background-position:60% center}.hero-grid{grid-template-columns:1fr;padding:90px 0 50px}.hero-card{display:none}.hero h1{letter-spacing:-2.5px}.hero-stats{gap:18px;flex-wrap:wrap}.cards.four{grid-template-columns:1fr 1fr}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.row-heading{display:block}.project-grid{grid-template-columns:1fr;grid-auto-rows:280px}.project:nth-child(n){grid-column:span 1}.footer-wrap{flex-direction:column;gap:10px;text-align:center}.call-float{display:block;position:fixed;left:14px;right:14px;bottom:86px;z-index:80;background:var(--orange);color:#fff;text-align:center;padding:16px;border-radius:5px;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.3)}}@media(max-width:560px){.cards.four{grid-template-columns:1fr}.section{padding:70px 0}.hero h1{font-size:50px}.hero-actions{flex-direction:column}.field-row{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.project-grid{grid-auto-rows:240px}}
