*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Manrope,sans-serif;background:#000;color:#fff;overflow-x:hidden}
a{color:#fff;text-decoration:none}
#loader{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;transition:1s}
.loader-text{font-size:6vw;font-weight:800;line-height:.9}
#navbar{position:fixed;top:0;width:100%;padding:25px 40px;display:flex;justify-content:space-between;z-index:100}
#navbar nav{display:flex;gap:24px}
.hero,.separator{height:100vh;position:relative;overflow:hidden}
.bg,.separator img{width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero-title{position:absolute;left:5%;bottom:10%;font-size:12vw;font-weight:800;opacity:.18}
.hero-sub{position:absolute;left:5%;bottom:5%}
.section{padding:120px 8%}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.two-col img{width:100%}
.label{letter-spacing:3px;opacity:.6;margin-bottom:20px}
h2{font-size:3rem;margin-bottom:20px}
p{line-height:1.8;opacity:.85}
.sep-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9vw;font-weight:800;opacity:.15;text-align:center}
.credits{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.credits h3{margin:8px 0}
.locations{font-size:2rem;line-height:1.6}
.contact{text-align:center}
footer{padding:40px;display:flex;justify-content:center;gap:40px;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.two-col,.credits{grid-template-columns:1fr}.hero-title{font-size:20vw}}