:root{

--bg:#0d0d0d;
--panel:#141414;

--gold:#b58d52;

--cream:#f5f1ea;

--line:#30261a;

}

*{
margin:0;
padding:0;

box-sizing:border-box;
}

html{

scroll-behavior:smooth;

}

body{

background:var(--bg);

color:var(--cream);

font-family:'Inter',sans-serif;

line-height:1.7;

}



img{

width:100%;

display:block;

}



h1,
h2,
h3{

font-family:'Cormorant Garamond',serif;

font-weight:500;

}



section{

padding:120px 10%;

}



.navbar{

position:fixed;

top:0;

left:0;

right:0;

height:90px;

display:flex;

justify-content:space-between;

align-items:center;

padding:0 7%;

background:rgba(0,0,0,.85);

backdrop-filter:blur(12px);

z-index:999;

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

}



.logo{

font-size:34px;

letter-spacing:1px;

color:var(--gold);

line-height:1;

}



.logo span{

display:block;

font-size:15px;

margin-top:6px;

}



.nav-links{

display:flex;

gap:34px;

}



.nav-links a{

color:#d4c4ac;

text-decoration:none;

font-size:13px;

letter-spacing:2px;

}



.nav-links a:hover{

color:var(--gold);

}



.phone{

padding:12px 18px;

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

}



.hero{

height:100vh;

position:relative;

overflow:hidden;

}



.slides{

position:absolute;

inset:0;

}



.slide{

position:absolute;

inset:0;

opacity:0;

background-size:cover;

background-position:center;

transition:opacity 2s ease;

}



.slide.active{

opacity:1;

}



.overlay{

position:absolute;

inset:0;

background:

linear-gradient(
rgba(0,0,0,.25),
rgba(0,0,0,.55)
);

}



.hero-content{

position:relative;

z-index:5;

height:100%;

display:flex;

flex-direction:column;

justify-content:center;

padding-left:10%;

max-width:820px;

}



.hero h1{

font-size:78px;

line-height:.95;

margin-bottom:35px;

}



.hero p{

font-size:22px;

max-width:620px;

color:#d0c7bc;

}



.buttons{

margin-top:45px;

display:flex;

gap:20px;

}



.gold-button{

padding:18px 34px;

background:var(--gold);

color:black;

cursor:pointer;

}



.outline-button{

padding:18px 34px;

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

}



.section-image{

margin-bottom:45px;

}



.section-image img{

height:650px;

object-fit:cover;

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

}



.section-copy{

max-width:900px;

}



.eyebrow{

color:var(--gold);

letter-spacing:3px;

margin-bottom:14px;

}



.section-copy h2{

font-size:62px;

margin-bottom:20px;

}



.section-copy p{

font-size:19px;

color:#d2ccc4;

}



.brand-grid{

display:grid;

grid-template-columns:1fr;

gap:35px;

margin-top:50px;

}



.brand{

background:var(--panel);

padding:30px;

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

}



.brand img{

width:100%;

max-width:700px;

height:auto;

aspect-ratio:1 / 1;

object-fit:contain;

background:#111;

padding:20px;

border:1px solid rgba(181,141,82,.18);

margin-bottom:28px;

display:block;

margin-left:auto;

margin-right:auto;

}



.brand h3{

font-size:40px;

}



#info{

background:#111;

}



.info-grid{

display:grid;

grid-template-columns:1fr;

gap:18px;

margin-top:40px;

}



.info-grid div{

padding:30px;

background:var(--panel);

border-left:4px solid var(--gold);

}



.contact-placeholder{

height:300px;

border:2px dashed var(--gold);

margin-top:50px;

display:flex;

align-items:center;

justify-content:center;

}



@media(max-width:900px){

.nav-links{

display:none;

}

.hero h1{

font-size:48px;

}

.hero p{

font-size:18px;

}

.section-image img{

height:420px;

}

.section-copy h2{

font-size:42px;

}

section{

padding:90px 7%;

}

.buttons{

flex-direction:column;

}

}