:root{--orange:#ff5a1f;--black:#0a0d0e;--charcoal:#15191b;--paper:#f1f2ee;--muted:#687073;--pad:clamp(22px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%}header{position:absolute;z-index:10;top:0;left:0;right:0;height:84px;padding:0 var(--pad);display:flex;align-items:center;gap:38px;color:white;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:11px;font:800 22px/.82 'Barlow Condensed',sans-serif;letter-spacing:.055em}.brand small{display:block;margin-top:8px;color:#abb2b4;font:600 8px/1 Inter,sans-serif;letter-spacing:.32em}.brand-mark{display:grid;place-items:center;width:35px;height:42px;background:var(--orange);clip-path:polygon(0 0,100% 0,77% 100%,0 100%);font-size:26px}header nav{display:flex;gap:30px;margin-left:auto}header nav a{font-size:14px;color:#d0d5d6}.phone{font:700 19px/1 'Barlow Condensed',sans-serif}.phone small{display:block;color:#969ea0;font:600 9px/1 Inter,sans-serif;letter-spacing:.12em;margin-bottom:7px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-width:225px;padding:17px 20px;background:var(--orange);color:white;border:0;font:700 14px/1 Inter,sans-serif;cursor:pointer;transition:.2s}.btn:hover{background:#ff7041;transform:translateY(-2px)}.btn.compact{min-width:auto;padding:14px 17px}.hero{height:min(800px,100vh);min-height:690px;position:relative;background:var(--black);color:white;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.74) 39%,rgba(4,6,7,.12) 76%),linear-gradient(0deg,rgba(4,6,7,.7),transparent 45%)}.hero-copy{position:absolute;left:var(--pad);top:51%;transform:translateY(-45%);max-width:750px}.eyebrow{display:flex;align-items:center;gap:10px;color:#c4c9ca;font-size:11px;font-weight:700;letter-spacing:.18em}.eyebrow i{width:25px;height:2px;background:var(--orange)}h1,h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-.03em}h1{font-size:clamp(64px,8.5vw,126px);line-height:.83;margin:28px 0}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #9ca2a4}.hero-copy>p{max-width:590px;color:#c5cbcc;font-size:18px}.actions{display:flex;align-items:center;gap:28px;margin-top:35px}.call-link{font-size:13px;font-weight:700;border-bottom:1px solid #ffffff55;padding:10px 0}.services{display:flex;margin-top:58px;border-top:1px solid #ffffff25;max-width:680px}.services span{padding:15px 20px 0 0;margin-right:20px;font-size:11px;color:#aeb5b7;text-transform:uppercase;letter-spacing:.07em}.proof{background:var(--black);color:white;padding:0 var(--pad);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292e30}.proof div{padding:31px 35px;border-right:1px solid #292e30}.proof div:first-child{border-left:1px solid #292e30}.proof strong{display:block;font:700 22px 'Barlow Condensed';text-transform:uppercase}.proof span{font-size:12px;color:#929b9d}.projects{padding:105px var(--pad)}.heading{display:grid;grid-template-columns:1.45fr 1fr;gap:8vw;align-items:end}.heading>div>span,.quote-copy>span{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.18em}.heading h2,.quote h2{font-size:clamp(54px,6vw,88px);line-height:.87;margin:25px 0 0}.heading p{color:var(--muted);max-width:480px}.project-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px;margin-top:52px}.visual{height:335px;position:relative;overflow:hidden;background:linear-gradient(145deg,#2b3133,#090c0d)}.p2 .visual{background:linear-gradient(135deg,#858b8a,#292e2f)}.p3 .visual{background:linear-gradient(150deg,#3d4242,#111516)}.p1 .visual b{position:absolute;width:82%;height:34px;background:#70787a;top:35%;left:7%;transform:rotate(-14deg);box-shadow:8px 10px 15px #0008}.p1 .visual i{position:absolute;width:42px;height:78%;background:#52595b;left:48%;top:10%}.p2 .visual b{position:absolute;inset:17%;border:12px solid #15191a;transform:skewY(-7deg);box-shadow:0 0 0 2px #b9bdbc}.p2 .visual b:after{content:"";position:absolute;left:50%;top:-12px;width:9px;height:100%;background:#181b1c;box-shadow:-54px 0 #181b1c,54px 0 #181b1c}.p3 .visual b{position:absolute;inset:14%;border:15px solid #101314;background:repeating-linear-gradient(90deg,transparent 0 28px,#171b1c 29px 38px)}.project>div:last-child{padding-top:16px}.project small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.13em}.project h3{font:700 25px/1 'Barlow Condensed';text-transform:uppercase;margin:5px 0 7px}.project div>span{font-size:12px;color:#697174}.quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:var(--charcoal);color:white;padding:100px var(--pad)}.quote-copy p{max-width:520px;color:#a9b0b2}.quote-copy ul{list-style:none;padding:0;margin-top:35px}.quote-copy li{padding:10px 0;border-bottom:1px solid #343b3d;font-size:13px;color:#c9cecf}.quote-copy li:before{content:"✓";color:var(--orange);margin-right:12px}form{background:#202628;padding:35px;border-top:3px solid var(--orange)}label{display:block;margin-bottom:20px;color:#cbd0d1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea{display:block;width:100%;margin-top:5px;padding:11px 0;background:transparent;border:0;border-bottom:1px solid #4c5658;outline:none;color:white;font:14px Inter}input:focus,textarea:focus{border-color:var(--orange)}textarea{min-height:82px;resize:vertical}.upload{display:grid;grid-template-columns:40px 1fr;padding:18px;border:1px dashed #586264;cursor:pointer;text-transform:none}.upload input{display:none}.plus{grid-row:1/3;color:var(--orange);font-size:28px}.upload b{font-size:13px}.upload small{font-size:10px;color:#879092}.file-list{grid-column:2;color:#d6dcdd;font-size:11px;margin-top:8px}.submit{width:100%}.form-note{font-size:12px;color:#91e2b4;margin:14px 0 0}footer{background:#080a0b;color:#9da5a7;padding:44px var(--pad) 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;border-top:1px solid #262c2e}footer p{text-align:right;font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #242a2c;padding-top:20px;font-size:9px;color:#60686a}
@media(max-width:900px){header nav{display:none}.hero{min-height:760px}.proof{grid-template-columns:1fr}.proof div,.proof div:first-child{border-left:1px solid #292e30;border-bottom:1px solid #292e30}.project-grid{grid-template-columns:1fr 1fr}.project-grid .p1{grid-column:1/-1}.quote{grid-template-columns:1fr}}
@media(max-width:620px){header{height:72px}.phone{margin-left:auto;font-size:16px}.btn.compact{display:none}.hero{height:780px}.hero-copy{top:44%;transform:translateY(-40%)}.hero-copy>p{font-size:16px}.actions{flex-direction:column;align-items:flex-start;gap:10px}.services{display:grid;grid-template-columns:1fr 1fr;margin-top:36px}.heading{grid-template-columns:1fr;gap:15px}.projects{padding:75px var(--pad)}.project-grid{grid-template-columns:1fr}.project-grid .p1{grid-column:auto}.visual{height:300px}.quote{padding:75px var(--pad)}.row{grid-template-columns:1fr}form{padding:24px}footer{grid-template-columns:1fr}footer p{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.location{display:flex;flex-direction:column;gap:4px;margin-top:34px;font-size:14px}.location strong{font-family:'Barlow Condensed';font-size:19px}.location a{color:#aeb6b8}.location a:hover{color:white}
header{position:fixed;background:rgba(8,11,12,.97);border-bottom:1px solid #343a3c;box-shadow:0 8px 28px rgba(0,0,0,.28);backdrop-filter:blur(10px)}header nav a{color:#fff;font-weight:600}header nav a:hover{color:var(--orange)}header .phone{color:#fff}header .phone small{color:#ff8a60}.real-projects{padding:100px var(--pad);background:var(--paper)}.project-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:end}.project-heading>div>span{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.18em}.project-heading h2{font-size:clamp(54px,6vw,88px);line-height:.87;margin:24px 0 0}.project-heading p{max-width:470px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.photo-placeholder{height:340px;position:relative;overflow:hidden;background:#111516}.photo-placeholder img{height:100%;object-fit:cover;filter:grayscale(1) brightness(.42)}.crop-one img{object-position:66% center}.crop-two img{object-position:47% center;transform:scale(1.12)}.crop-three img{object-position:82% center;transform:scale(1.18)}.photo-placeholder span{position:absolute;left:18px;bottom:16px;padding:8px 10px;background:#0b0e0fd9;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em}.photo-grid article>small{display:block;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.13em;margin-top:16px}.photo-grid h3{font:700 25px/1 'Barlow Condensed';text-transform:uppercase;margin:7px 0 0}
@media(max-width:900px){.project-heading{grid-template-columns:1fr;gap:16px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid article:first-child{grid-column:1/-1}}
@media(max-width:620px){header{padding-right:18px}.phone small{display:none}.photo-grid{grid-template-columns:1fr}.photo-grid article:first-child{grid-column:auto}.photo-placeholder{height:300px}.real-projects{padding:75px var(--pad)}}
.photo-grid{grid-template-columns:repeat(3,1fr);align-items:start}.photo-grid .photo-placeholder,.feature-project .photo-placeholder,.photo-grid article:not(.feature-project) .photo-placeholder{height:360px;margin-top:0}.photo-grid .photo-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-grid article:first-child .photo-placeholder img{object-position:43% center}@media(max-width:900px){.photo-grid{grid-template-columns:1fr 1fr}.photo-grid article:first-child{grid-column:1/-1}.photo-grid .photo-placeholder,.feature-project .photo-placeholder,.photo-grid article:not(.feature-project) .photo-placeholder{height:340px}}@media(max-width:620px){.photo-grid{grid-template-columns:1fr}.photo-grid article:first-child{grid-column:auto}.photo-grid .photo-placeholder,.feature-project .photo-placeholder,.photo-grid article:not(.feature-project) .photo-placeholder{height:300px}}
.photo-placeholder img{filter:saturate(.9) contrast(1.05);transform:none}.photo-grid{grid-template-columns:1.35fr 1fr 1fr}.feature-project .photo-placeholder{height:410px}.photo-grid article:not(.feature-project) .photo-placeholder{height:340px;margin-top:70px}@media(max-width:900px){.photo-grid{grid-template-columns:1fr 1fr}.feature-project{grid-column:1/-1}.photo-grid article:not(.feature-project) .photo-placeholder{margin-top:0}}@media(max-width:620px){.photo-grid{grid-template-columns:1fr}.feature-project{grid-column:auto}.feature-project .photo-placeholder,.photo-grid article:not(.feature-project) .photo-placeholder{height:300px;margin-top:0}}
.project-slider{margin-top:48px;position:relative}.slider-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.slider-track::-webkit-scrollbar{display:none}.slide{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start}.slide .photo-placeholder{height:360px}.slide .photo-placeholder img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.06)}.slide>small{display:block;color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.13em;margin-top:16px}.slide h3{font:700 25px/1 'Barlow Condensed';text-transform:uppercase;margin:7px 0 0}.slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:28px}.slider-arrow{width:46px;height:46px;border:1px solid #c7cac6;background:transparent;color:var(--black);font-size:20px;cursor:pointer;transition:.2s}.slider-arrow:hover,.slider-arrow:focus-visible{background:var(--black);color:#fff;border-color:var(--black)}.slider-dots{display:flex;gap:8px;margin-right:auto}.slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#bbc0bd;cursor:pointer}.slider-dots button.active{width:28px;border-radius:6px;background:var(--orange)}@media(max-width:900px){.slide{flex-basis:calc((100% - 20px)/2)}}@media(max-width:620px){.project-slider{margin-top:36px}.slide{flex-basis:88%}.slide .photo-placeholder{height:300px}.slider-controls{justify-content:space-between}.slider-dots{margin-right:0}}
