:root{--yellow:#f6aa00;--navy:#121a25;--ink:#24272b;--grey:#f0f1f2;--line:#dfe1e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.7 Montserrat,Arial,sans-serif}a{text-decoration:none;color:inherit}img{width:100%;height:100%;object-fit:cover;display:block}.utility{height:34px;background:#1d1d1d;color:#aaa;display:flex;gap:35px;justify-content:flex-end;align-items:center;padding:0 7vw;font-size:10px}.utility a:first-of-type{color:#e8ad26}header{height:72px;background:#111820;color:#fff;display:flex;align-items:center;padding:0 7vw;gap:35px;position:sticky;top:0;z-index:8}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:.03em;margin-right:auto}.logo b{background:var(--yellow);color:#111;padding:13px 8px;font-size:19px}.logo small{display:block;font-size:7px;color:#aaa;letter-spacing:.14em}header nav{display:flex;gap:25px;font-size:10px;text-transform:uppercase;font-weight:700}.quote,.btn{background:var(--yellow);color:#111;padding:12px 18px;font-weight:700;text-transform:uppercase;font-size:10px;border:0}.menu{display:none}.hero{height:590px;background:linear-gradient(90deg,#111a 0%,#1116 48%,#1110 75%),url(images/hero.png) center/cover;display:flex;justify-content:flex-end;align-items:center;padding:60px 12vw;color:#fff}.hero-copy{max-width:670px}.hero-copy>p:first-child,.section-title span,.dark-title span,.feature span,.authority span,.contact span{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.03;margin:8px 0 14px;text-transform:uppercase}.hero h1 em{color:var(--yellow);font-style:normal}.chips{font-size:10px;letter-spacing:.1em}.lead{max-width:590px}.intro{padding:70px 12vw;background:#eee;display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.intro-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.intro-cards article{background:#fff;padding:10px 10px 20px}.intro-cards img{height:150px}.intro h2,.services h2,.projects h2,.authority h2,.contact h2{font-size:27px;line-height:1.2}.intro h3{font-size:14px}.intro p,.intro li{font-size:12px;color:#717171}.welcome ul{list-style:none;padding:0}.welcome li{padding:4px 0}.welcome li:before{content:'◈';color:var(--yellow);margin-right:10px}.notice{border-left:3px solid var(--yellow);padding-left:12px}.services{padding:70px 12vw}.section-title h2:after,.dark-title h2:after{content:'';display:block;width:40px;height:3px;background:var(--yellow);margin-top:12px}.service-layout{display:grid;grid-template-columns:270px 1fr;gap:30px;margin-top:35px}.tabs{display:flex;flex-direction:column}.tabs button{border:0;border-bottom:1px solid var(--line);background:#f5f5f5;text-align:left;padding:14px;font:700 10px Montserrat;text-transform:uppercase}.tabs button.active{background:#fff;border-left:3px solid var(--yellow);color:var(--yellow)}.tab-content{display:grid;grid-template-columns:1fr 300px;gap:35px}.tab-content img{height:300px}.tab-content p,.tab-content li{font-size:12px;color:#777}.projects{background:var(--navy);color:#fff;padding-top:55px}.dark-title{padding:0 12vw 35px}.filters{display:flex;gap:10px;margin-top:25px}.filters button{background:#172334;border:1px solid #334052;color:#9aa3ae;padding:9px 15px;font-size:9px;text-transform:uppercase}.filters button.active{background:var(--yellow);color:#111}.gallery{display:grid;grid-template-columns:repeat(3,1fr)}.gallery figure{height:250px;margin:0;position:relative;overflow:hidden}.gallery img{transition:.4s}.gallery figure:hover img{transform:scale(1.05)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;background:#0d1620cc;padding:13px;font-size:11px;text-transform:uppercase}.g2 img,.g4 img{object-position:center 65%}.g5 img{object-position:35% center}.feature{background:#f1f1f1;color:var(--ink);display:grid;grid-template-columns:1fr 1.4fr;gap:45px;padding:65px 12vw}.feature img{height:330px}.feature p{color:#777;font-size:13px}.dark-btn{display:inline-block;background:var(--navy);color:#fff}.authority{padding:70px 12vw;background:linear-gradient(90deg,#111b,#111d),url(images/hero.png) center/cover;color:#fff;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.authority-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.authority-grid article{border:1px solid #ffffff22;padding:20px;background:#131b26c7}.authority-grid b{color:var(--yellow)}.authority-grid h3{font-size:14px}.authority-grid p{font-size:11px;color:#aab0b8}.contact{padding:70px 12vw;background:#181818;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact p{color:#aaa}.contact address{font-style:normal;margin:20px 0}.contact>div>a{display:block;color:var(--yellow)}form{display:grid;gap:10px}input,textarea{background:#2a2a2a;border:1px solid #3a3a3a;color:#fff;padding:13px;font:13px Montserrat}textarea{height:120px;resize:vertical}form .btn{justify-self:start}footer{background:#0d0d0d;color:#aaa;padding:28px 7vw;display:flex;align-items:center;gap:30px;font-size:10px}footer .logo{color:#fff}footer nav{display:flex;gap:20px}.legal-hero{padding:110px 10vw 55px;background:var(--navy);color:#fff}.legal-hero h1{font-size:48px}.legal{max-width:920px;margin:auto;padding:60px 24px}.legal h2{font-size:24px}.legal p{color:#666}.legal a{text-decoration:underline}@media(max-width:900px){.utility{display:none}header{position:sticky}.menu{display:block;background:none;border:1px solid #fff;color:#fff;padding:8px}.quote,header nav{display:none}header.open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:25px;flex-direction:column}.hero{height:570px;padding:40px 24px;justify-content:flex-start}.intro,.authority,.contact{grid-template-columns:1fr;padding:55px 24px}.services{padding:55px 24px}.service-layout{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:1fr 1fr}.tab-content{grid-template-columns:1fr}.dark-title{padding:0 24px 30px}.feature{padding:55px 24px;grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}footer nav{width:100%}}@media(max-width:560px){.intro-cards,.authority-grid,.gallery{grid-template-columns:1fr}.tabs{grid-template-columns:1fr}.hero h1{font-size:39px}.gallery figure{height:220px}.contact h2{font-size:25px}footer{align-items:flex-start;flex-direction:column}}