:root{
--light:#BFC2C4;
--gold:#CCC0AB;
--dark:#2B2B2B;
--white:#FFFFFF;
}

*{box-sizing:border-box}

body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
background:var(--white);
color:var(--dark);
display:flex;
align-items:center;
justify-content:center;
min-height:100vh;
position:relative;
overflow:hidden;
}

body::before{
content:"";
position:absolute;
inset:-20% -20%;
background:
linear-gradient(155deg, rgba(191,194,196,.32) 0%, rgba(191,194,196,.32) 35%, transparent 35%),
linear-gradient(330deg, rgba(204,192,171,.22) 0%, rgba(204,192,171,.22) 30%, transparent 30%);
z-index:-1;
}

.container{
text-align:center;
max-width:900px;
padding:60px 20px;
}

.logo{
height:155px;
width:auto;
margin-bottom:30px;
}

.underline{
width:280px;
height:4px;
background:var(--gold);
margin:0 auto 50px;
border-radius:3px;
}

.eyebrow{
font-size:26px;
letter-spacing:.18em;
text-transform:uppercase;
font-weight:800;
margin-bottom:35px;
}

h1{
font-size:48px;
margin-bottom:35px;
}

.sub{
font-size:22px;
margin-bottom:35px;
line-height:1.5;
}

.body{
font-size:18px;
max-width:760px;
margin:0 auto 45px;
line-height:1.7;
}

.contact{
font-weight:700;
font-size:20px;
}

@media(max-width:768px){
.logo{height:120px;}
h1{font-size:34px;}
.sub{font-size:18px;}
.body{font-size:16px;}
.eyebrow{font-size:20px;}
}