@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;600;700&display=swap');
:root{--navy:#071326;--blue:#12345a;--orange:#ff7900;--gold:#ffb33b;--white:#f7f9fc;--muted:#aab7c8;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;position:fixed;z-index:10;inset:0 0 auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#071326c9;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:baseline}.brand b{font:800 36px 'Barlow Condensed';letter-spacing:-1px}.brand small{color:var(--muted);letter-spacing:3px;font-size:10px}nav{display:flex;gap:30px;font-size:13px;font-weight:700}nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:92vh;padding:150px 7vw 80px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 45%,#ff790033,transparent 27%),linear-gradient(120deg,#06101f,#0b2445 52%,#17385b)}.copy{position:relative;z-index:2;max-width:620px}.copy>label,.section>label,.contact>label{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:3px}.hero h1,h2{font:800 clamp(54px,7vw,100px)/.95 'Barlow Condensed';text-transform:uppercase;margin:18px 0 25px}.hero em,h2 em{color:var(--orange);font-style:normal}.hero p{max-width:560px;color:#d5deea;font-size:17px}.btn{display:inline-block;margin:30px 12px 0 0;padding:13px 22px;background:var(--orange);color:#111;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--orange)}.btn.ghost{background:transparent;color:white}.logo{position:absolute;width:min(55vw,760px);right:-6vw;bottom:-5vw;opacity:.5;mix-blend-mode:screen;filter:drop-shadow(0 25px 45px #0008)}.construction{position:absolute;right:5vw;top:105px;color:#e53221;font:800 14px/1.05 Georgia;text-align:center;transform:rotate(-3deg)}
.section{max-width:1200px;margin:auto;padding:110px 5vw;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:.5fr 1.5fr;gap:50px}.section h2{font-size:clamp(50px,6vw,82px)}.section p{max-width:720px;color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.cards article{min-height:260px;padding:28px;border:1px solid var(--line);background:#ffffff09}.cards article>b{color:var(--orange)}.cards h3{font:700 36px 'Barlow Condensed';text-transform:uppercase;margin-top:55px}.cards p{font-size:14px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.projects>div{height:250px;padding:28px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#ff7900,#142f4f 65%);border:1px solid var(--line)}.projects>div:nth-child(2){background:radial-gradient(circle at 30% 30%,#5688ad,#06101f 65%)}.projects>div:nth-child(3){background:radial-gradient(circle at 70% 50%,#ff9b2e,#09172b 65%)}.projects small{color:var(--gold);font-weight:700;letter-spacing:2px}.projects strong{font:700 32px 'Barlow Condensed';text-transform:uppercase}.contact{padding:120px 7vw;display:grid;grid-template-columns:.5fr 1.5fr;gap:50px;background:radial-gradient(circle at 80% 20%,#ff790040,transparent 30%),#0b203a}.contact h2{margin-top:18px}.email{display:inline-block;color:var(--gold);font-size:20px;border-bottom:1px solid var(--orange)}footer{max-width:1200px;margin:auto;padding:35px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}footer b{color:white;letter-spacing:2px}footer span{letter-spacing:0}
@media(max-width:850px){nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px 7vw;background:var(--navy);flex-direction:column}.menu{display:block}.split,.contact{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr}.logo{width:90vw;right:-20vw;opacity:.25}.construction{font-size:11px;top:100px}}@media(max-width:520px){.brand small{display:none}.hero h1{font-size:62px}.cards{grid-template-columns:1fr}.section{padding:80px 7vw}.hero{padding-left:7vw;padding-right:7vw}.btn{margin-right:0}}