:root {

--black:#080808;
--dark:#111;
--card:#151515;
--border:#252525;
--white:#f4f4f4;
--grey:#999;
--gold:#c58b3c;

}


* {

box-sizing:border-box;

}


html {

scroll-behavior:smooth;

}


body {

margin:0;
background:var(--black);
color:white;
font-family:'Inter',sans-serif;

}


.container {

width:100%;
max-width:1200px;
margin:auto;
padding:0 25px;

}





header {

position:absolute;
top:0;
width:100%;
z-index:10;

}


.header-inner {

display:flex;
justify-content:space-between;
align-items:center;
padding-top:28px;

}


.logo-main {

font-size:32px;
font-weight:800;
letter-spacing:-1px;

}


.logo-sub {

font-size:9px;
letter-spacing:2px;
color:#aaa;
margin-top:5px;

}


.header-button {

font-size:12px;
letter-spacing:2px;
color:white;
text-decoration:none;

border:1px solid #444;

padding:12px 20px;

border-radius:50px;

}





.hero {

min-height:100vh;

display:flex;

align-items:center;

background:

linear-gradient(
90deg,
rgba(0,0,0,.85),
rgba(0,0,0,.55)
),

url("hero.jpg");


background-size:cover;

background-position:center;

}


.hero-content {

padding-top:120px;

}



.eyebrow {

color:var(--gold);

font-size:11px;

letter-spacing:4px;

margin-bottom:25px;

}



h1 {

font-size:48px;

line-height:1.05;

letter-spacing:-2px;

margin:0 0 25px;

font-weight:800;

}



.hero p {

font-size:18px;

line-height:1.6;

color:#ddd;

margin-bottom:35px;

}



.button {

display:inline-block;

background:var(--gold);

color:#000;

padding:16px 30px;

border-radius:50px;

font-weight:700;

text-decoration:none;

}





.services {

padding:80px 0;

background:#0e0e0e;

}



.gold-line {

height:3px;

width:60px;

background:var(--gold);

margin-bottom:20px;

}



h2 {

font-size:40px;

letter-spacing:-1px;

margin-top:0;

}



.cards {

display:flex;

flex-direction:column;

gap:20px;

}



.card {

background:var(--card);

border:1px solid var(--border);

padding:30px;

border-radius:12px;

}


.card h3 {

font-size:24px;

margin-top:0;

}


.card p {

color:var(--grey);

line-height:1.6;

}






.statement {

padding:90px 0;

text-align:center;

}


.statement h2 {

font-size:42px;

}


.statement p {

color:#aaa;

font-size:18px;

line-height:1.7;

}





.contact {

background:#101010;

padding:80px 0;

}


.contact h2 {

font-size:40px;

}


input,
textarea {

width:100%;

padding:18px;

margin-bottom:15px;

background:#080808;

border:1px solid #333;

border-radius:8px;

color:white;

font-size:16px;

}



button {

width:100%;

padding:18px;

background:var(--gold);

border:none;

border-radius:8px;

font-weight:800;

font-size:15px;

}



.footer-inner {

padding:35px 0;

display:flex;

justify-content:space-between;

color:#888;

}





@media(min-width:900px){


.container {

padding:0 45px;

}


h1 {

font-size:78px;

}


.hero p {

font-size:22px;

max-width:700px;

}


.cards {

flex-direction:row;

}


.card {

flex:1;

}


.statement h2 {

font-size:65px;

}


}