@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');

:root{--orange:#ff8a00;--orange2:#ffb52e;--black:#070707;--dark:#111;--gray:#d8d8d8;--white:#f7f7f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ef;color:#171717;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}
.site-header{height:86px;background:#080808;color:#fff;display:flex;align-items:center;padding:0 5.5%;position:sticky;top:0;z-index:20;border-bottom:2px solid var(--orange)}
.brand img{width:76px;height:52px;object-fit:contain}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-weight:700;font-size:14px}.nav-quote{border:2px solid var(--orange);padding:14px 20px}.phone{color:var(--orange);font-weight:800}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:690px;background:radial-gradient(circle at 78% 25%,#8b4300 0,#2b1606 28%,#090909 62%);color:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.hero-copy{padding:82px 5.5% 45px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow,.section-tag{letter-spacing:3px;font-weight:800;color:var(--orange);font-size:13px}.hero h1,.quote h2,.about h2,.projects h2,.intro h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.9;margin:18px 0 25px;font-size:clamp(54px,6.5vw,92px);font-weight:900;letter-spacing:.5px}.hero h1 span,.intro h2 span,.projects h2 span,.about h2 span,.quote h2 span{color:var(--orange)}.hero p{font-size:17px;line-height:1.55;max-width:620px;color:#ddd}.actions{display:flex;gap:16px;margin:25px 0 35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:800;letter-spacing:.7px;border:2px solid var(--orange);cursor:pointer}.btn.primary{background:var(--orange);color:#090909}.btn.outline{background:transparent;color:#fff}.hero-art{position:relative;min-height:690px}.hero-art{background:#090909;display:flex;align-items:center;justify-content:center;padding:10px}.hero-art img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #444;padding-top:22px;max-width:760px}.trust div{display:flex;flex-direction:column;gap:5px}.trust strong{font-size:12px;color:var(--orange);letter-spacing:1px}.trust small{font-size:11px;color:#bbb;line-height:1.4}
.intro,.projects{padding:95px 7%;max-width:1400px;margin:auto}.intro h2,.projects h2,.about h2{font-size:clamp(48px,5.5vw,78px);margin:12px 0}.lead{max-width:760px;color:#666;line-height:1.7;font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.service-grid article{background:#fff;border-top:3px solid var(--orange);padding:25px;min-height:170px;box-shadow:0 10px 35px #0000000a}.service-grid b{font-size:12px;color:#b36b14}.service-grid h3{font-family:'Barlow Condensed',sans-serif;font-size:27px;margin:12px 0 7px}.service-grid p{margin:0;color:#666;line-height:1.55;font-size:14px}
.audience{background:#0b0b0b;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:38px 7%;gap:1px}.audience div{padding:8px 28px;border-right:1px solid #444}.audience div:last-child{border:0}.audience span{display:block;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800}.audience small{color:var(--orange);font-weight:700;font-size:11px;letter-spacing:1px}
.projects{background:#f5f4ef}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.project-cards div{background:#111;color:#fff;padding:30px;border-left:4px solid var(--orange);min-height:150px}.project-cards strong{font-family:'Barlow Condensed',sans-serif;font-size:25px}.project-cards p{color:#bbb;line-height:1.5}
.about{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 10%}.about-copy{font-size:16px;line-height:1.8;color:#555;max-width:600px}.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.badges b{background:#111;color:var(--orange);padding:12px 16px;font-size:11px;letter-spacing:1px}
.quote{background:#0a0a0a;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:90px 10%}.quote h2{font-size:clamp(52px,5vw,78px)}.quote-copy p{color:#bbb;line-height:1.6;margin-bottom:28px}.light{border-color:#777}.quote form{display:flex;flex-direction:column;gap:16px}.quote label{font-size:12px;font-weight:800;color:var(--orange);display:flex;flex-direction:column;gap:7px}.quote input,.quote textarea{background:#151515;border:1px solid #555;color:#fff;padding:14px;font:inherit;resize:vertical}.quote .primary{border:0}.form-note{font-size:11px!important;color:#888!important;margin:0!important}
footer{background:#050505;color:#bbb;padding:40px 7%;display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.footer-brand img{width:65px;height:48px;object-fit:contain;grid-row:span 2}.footer-brand strong{color:#fff}.footer-brand span{font-size:12px}.footer-contact{display:flex;flex-direction:column;gap:7px;text-align:right;font-size:13px}.footer-contact a:first-child{color:var(--orange);font-weight:800}
@media(max-width:900px){.site-header{height:72px;padding:0 5%}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#080808;padding:20px 5%;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 7% 40px}.hero-art{height:420px;min-height:0}.trust{grid-template-columns:1fr}.service-grid,.project-cards,.audience{grid-template-columns:1fr}.audience{padding:25px 7%}.audience div{border-right:0;border-bottom:1px solid #444;padding:18px 0}.about,.quote{grid-template-columns:1fr;padding:70px 7%;gap:35px}footer{flex-direction:column;align-items:flex-start}.footer-contact{text-align:left}}
@media(max-width:520px){.hero h1{font-size:53px}.actions .btn{width:100%}.hero-art{height:330px}.intro,.projects{padding:70px 7%}}