*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
background:#050505;
color:#fff;
font-family:'Inter',sans-serif;
overflow-x:hidden;
}

/* HERO */

.hero{
height:100vh;
position:relative;
background:#050505;
display:flex;
align-items:center;
padding:0 8%;
overflow:hidden;
}

.hero::before{
content:"";
position:absolute;
right:-150px;
top:-100px;
width:900px;
height:1200px;
background:radial-gradient(
ellipse at center,
rgba(198,156,77,.22) 0%,
rgba(198,156,77,.08) 40%,
transparent 75%
);
filter:blur(60px);
}

.hero-logo{
position:absolute;
top:45px;
left:50px;
z-index:10;
}

.hero-logo img{
width:220px;
height:auto;
display:block;
}

.hero-content{
position:relative;
z-index:5;
max-width:900px;
}

.hero-kicker{
display:block;
color:#c69c4d;
letter-spacing:8px;
font-size:.8rem;
margin-bottom:40px;
}

.hero h1{
font-family:'Cormorant Garamond',serif;
font-size:5.8rem;
font-weight:300;
line-height:1.05;
color:#fff;
}

.hero-scroll{
display:none;
}

/* ABOUT */

.about{
background:#f4efe8;
padding:140px 8%;
}

.about-grid{
display:grid;
grid-template-columns:55% 45%;
align-items:center;
gap:40px;
}

.section-label{
display:block;
font-size:.8rem;
letter-spacing:6px;
color:#b78d45;
margin-bottom:30px;
}

.about h2{
font-family:'Cormorant Garamond',serif;
font-size:5rem;
font-weight:300;
line-height:1;
color:#222;
margin-bottom:40px;
}

.lead{
font-size:1.45rem;
line-height:1.7;
color:#8c6a2c;
margin-bottom:30px;
}

.about p{
font-size:1.08rem;
line-height:1.9;
color:#333;
margin-bottom:20px;
max-width:650px;
}

.about-mark{
display:flex;
justify-content:center;
align-items:center;
}

.circle-mark{
display:flex;
justify-content:center;
align-items:center;
}

.circle-mark img{
width:620px;
max-width:none;
opacity:.20;
}

/* MISSION */

.mission{
background:#050505;
padding:120px 8%;
position:relative;
}

.mission-line{
position:absolute;
left:8%;
top:95px;
width:1px;
height:120px;
background:#b78d45;
}

.mission-content{
padding-left:45px;
}

.mission h2{
font-family:'Cormorant Garamond',serif;
font-size:4rem;
font-weight:300;
line-height:1.15;
max-width:900px;
}

/* TALENT */

.talent{
background:#080808;
padding:100px 8%;
text-align:center;
border-top:1px solid rgba(255,255,255,.05);
border-bottom:1px solid rgba(255,255,255,.05);
}

.talent h2{
font-family:'Cormorant Garamond',serif;
font-size:3.5rem;
font-weight:300;
margin:15px 0;
}

.talent p{
color:#c69c4d;
letter-spacing:5px;
font-size:.9rem;
text-transform:uppercase;
line-height:1.8;
}

/* CONTACT */

.contact{
background:#050505;
padding:120px 8%;
position:relative;
overflow:hidden;
}

.contact::before{
content:"";
position:absolute;
right:-150px;
bottom:-200px;
width:700px;
height:700px;
background:radial-gradient(
circle,
rgba(198,156,77,.18),
transparent 70%
);
filter:blur(80px);
}

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
position:relative;
z-index:2;
}

.contact-left h2{
font-family:'Cormorant Garamond',serif;
font-size:4rem;
font-weight:300;
line-height:1.1;
max-width:650px;
}

.contact-right{
padding-top:70px;
}

.contact-right a{
display:block;
text-decoration:none;
color:#fff;
margin-bottom:25px;
font-size:1rem;
}

.contact-right a:hover{
opacity:.7;
}

.contact-right p{
color:#bfbfbf;
}

.contact-logo{
position:absolute;
right:70px;
bottom:40px;
z-index:2;
}

.contact-logo img{
width:180px;
opacity:.25;
}

/* MOBILE */

@media(max-width:900px){

.hero{
padding:0 6%;
}

.hero-logo img{
width:160px;
}

.hero h1{
font-size:3rem;
}

.about-grid,
.contact-grid{
grid-template-columns:1fr;
}

.about h2,
.contact-left h2{
font-size:2.8rem;
}

.mission h2{
font-size:2.4rem;
}

.talent h2{
font-size:2.2rem;
}

.circle-mark img{
width:260px;
margin-top:40px;
opacity:.20;
}

.contact-logo{
display:none;
}

}