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

:root{
  --black:#191b1a;
  --black2:#111312;
  --panel:#222523;
  --panel2:#2b2e2c;
  --gold:#c59017;
  --gold2:#f2b51d;
  --white:#fff;
  --soft:#f6f3ed;
  --muted:#b7bbb7;
  --muted-dark:#666d68;
  --line:rgba(255,255,255,.12);
  --shadow:0 28px 75px rgba(0,0,0,.32);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}
a{text-decoration:none;color:inherit}
p{color:var(--muted);line-height:1.75;font-size:16px}
.container{width:min(1180px,92vw);margin:auto}
.heading{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#fff;border:0;padding:15px 30px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.04em;transition:.25s ease;cursor:pointer}
.btn:hover{background:var(--gold2);color:#141414;transform:translateY(-2px)}
.btn.dark{background:#111;color:#fff}
.btn.outline{background:transparent;border:2px solid var(--gold2);color:var(--gold2)}
.eyebrow{color:var(--gold2);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.12em;margin-bottom:12px}
.section-title{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:clamp(34px,4.5vw,62px);line-height:1.05;margin-bottom:18px}
.section-title span,.gold{color:var(--gold2)}
.center{text-align:center;max-width:820px;margin:0 auto}

.nav-wrap{position:sticky;top:0;z-index:100;background:#1c1f1e;border-bottom:1px solid var(--line)}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-family:Oswald,Impact,sans-serif;font-size:29px;font-weight:700;text-transform:uppercase}
.mark{width:80px;height:50px;position:relative;display:inline-block}
.mark:before{content:"";position:absolute;left:7px;top:14px;width:54px;height:34px;border-left:8px solid var(--gold2);border-top:8px solid var(--gold2);transform:rotate(45deg)}
.mark:after{content:"";position:absolute;left:31px;top:16px;width:45px;height:28px;border-left:7px solid var(--gold);border-top:7px solid var(--gold);transform:rotate(45deg)}
.nav ul{display:flex;list-style:none;gap:34px;align-items:center;font-family:Oswald,sans-serif;font-size:18px;text-transform:uppercase;color:#d6d6d6}
.nav a.active{border:3px solid #fff;padding:28px 22px;color:#fff}
.nav a:hover{color:var(--gold2)}
.menu{display:none;background:transparent;border:0;color:#fff;font-size:30px}

.hero{position:relative;min-height:760px;background:linear-gradient(90deg,rgba(5,5,5,.70),rgba(5,5,5,.42)),url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=2000&q=85') center/cover;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.42))}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:52px;align-items:center;padding:80px 0}
.hero-copy h1{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:clamp(46px,6vw,82px);line-height:.98;margin-bottom:20px;text-shadow:0 3px 20px rgba(0,0,0,.45)}
.hero-copy h1 span{color:var(--gold2)}
.hero-copy p{max-width:650px;color:#f1f1f1;margin-bottom:28px}
.hero-form{background:rgba(22,24,23,.88);padding:44px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}
.hero-form h2{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:42px;margin-bottom:25px}
.hero-form input,.hero-form textarea{width:100%;background:#171a19;border:1px solid rgba(255,255,255,.08);padding:17px 18px;margin-bottom:16px;color:#fff;font:inherit}
.hero-form textarea{height:128px;resize:vertical}
.quote-strip{background:var(--gold);padding:24px 0;color:#fff}
.quote-flex{display:flex;align-items:center;justify-content:space-between;gap:22px;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:21px}

.section-one{padding:85px 0;background:#191b1a}
.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center}
.about-img{height:420px;background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=85') center/cover;box-shadow:var(--shadow)}
.about-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.about-icon{text-align:center}
.about-icon span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:var(--gold);font-size:28px}
.about-icon strong{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:15px}
.capacity{background:#242725;border-left:6px solid var(--gold2);padding:24px;margin-top:28px}
.capacity p{font-size:14px;color:#d5d9d5}

.section-two{background:#111312}
.services{padding:92px 0;background:linear-gradient(rgba(17,19,18,.86),rgba(17,19,18,.93)),url('https://images.unsplash.com/photo-1590650046871-92c887180603?auto=format&fit=crop&w=1900&q=85') center/cover}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}
.service-card{background:#202322;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.service-card .photo{height:190px;background:var(--img) center/cover}
.service-card .body{padding:28px;text-align:center}
.service-card h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:22px;margin-bottom:10px}
.service-card p{font-size:14px}
.projects{padding:88px 0;background:#191b1a}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.project{height:245px;background:var(--img) center/cover;position:relative;overflow:hidden}
.project:after{content:attr(data-title);position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.84));padding:65px 20px 20px;font-family:Oswald,sans-serif;text-transform:uppercase;color:#fff;font-size:22px}
.testimonials{padding:88px 0;background:linear-gradient(rgba(12,13,13,.87),rgba(12,13,13,.88)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=85') center/cover}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}
.testimonial{background:#242725;padding:34px;border:1px solid var(--line)}
.testimonial:before{content:"“";font-family:Georgia,serif;font-size:60px;color:var(--gold2);line-height:.5}
.testimonial p{font-size:14px}
.testimonial strong{display:block;margin-top:18px;color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase}
.team{padding:88px 0;background:#191b1a}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}
.member{background:#242725;text-align:center;overflow:hidden}
.member .photo{height:250px;background:var(--img) center/cover}
.member .name{background:var(--gold);padding:14px;font-family:Oswald,sans-serif;text-transform:uppercase}
.member small{display:block;color:#111;font-family:Inter,sans-serif;text-transform:none;font-weight:700;margin-top:4px}

.section-three{padding:92px 0;background:linear-gradient(90deg,rgba(12,13,13,.90),rgba(12,13,13,.78)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1900&q=85') center/cover}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}
.contact-info{padding:28px 0}
.contact-info ul{list-style:none;display:grid;gap:16px;margin-top:26px}
.contact-info li{color:#ddd}
.contact-info strong{display:block;color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:18px}
.form{background:rgba(20,22,21,.92);padding:36px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form input,.form select,.form textarea{background:#171a19;color:#fff;border:1px solid rgba(255,255,255,.08);padding:16px 17px;font:inherit}
.form textarea{grid-column:1/-1;min-height:130px}
.security{grid-column:1/-1;background:rgba(255,196,0,.10);border-left:5px solid var(--gold2);padding:16px}
.security p{font-size:13px;color:#e6e6e6}
.policy-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.policy-row a{background:#202322;border:1px solid var(--line);padding:14px;text-align:center;font-weight:900;font-size:13px;text-transform:uppercase}
footer{background:#111312;padding:26px 0;border-top:1px solid var(--line)}
.footer-flex{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aaa;font-size:13px}
.social{display:flex;gap:8px}
.social span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold2)}

.page-hero{padding:105px 0;background:linear-gradient(rgba(12,13,13,.84),rgba(12,13,13,.92)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=85') center/cover;text-align:center}
.page-hero h1{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(42px,5vw,68px)}
.page-content{background:#f7f5ef;color:#171716;padding:70px 0}
.content-card{background:#fff;border:1px solid #e6dfd2;box-shadow:0 18px 50px rgba(0,0,0,.08);padding:34px;margin-bottom:24px}
.content-card h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:38px;margin-bottom:14px}
.content-card h3{font-size:22px;margin:24px 0 10px}
.content-card p,.content-card li{color:#626b66}
.content-card ul{padding-left:20px;line-height:1.85}
.support-form{display:grid;gap:14px}
.support-form input,.support-form select,.support-form textarea{border:1px solid #ddd;padding:15px 16px;font:inherit}
.support-form textarea{min-height:130px}

@media(max-width:1000px){
  .nav ul,.nav .btn{display:none}.menu{display:block}
  .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .service-grid,.project-grid,.testimonial-grid,.team-grid,.about-icons,.policy-row{grid-template-columns:1fr 1fr}
  .form{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nav{height:78px}.brand{font-size:23px}.mark{width:55px}
  .hero{min-height:auto}.hero-grid{padding:70px 0}.hero-copy h1{font-size:44px}
  .hero-form{padding:25px}.quote-flex{flex-direction:column;text-align:center}
  .service-grid,.project-grid,.testimonial-grid,.team-grid,.about-icons,.policy-row{grid-template-columns:1fr}
  .about-img{height:300px}.footer-flex{flex-direction:column;text-align:center}
  .form,.content-card{padding:25px}
}