*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#171512}
body{font-family:Georgia,"Times New Roman",serif;color:#fff}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#171512}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.38),rgba(12,11,9,.24)),linear-gradient(0deg,rgba(12,11,9,.28),transparent 45%);z-index:1}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.content{position:relative;z-index:2;width:min(900px,92vw);text-align:center;padding:6vh 20px}
.logo{width:min(390px,76vw);height:auto;margin:0 auto 7vh;display:block}
h1{font-size:clamp(42px,6.2vw,76px);font-weight:400;letter-spacing:7px;line-height:1.05;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.divider{width:70px;height:2px;background:#b0926d;margin:38px auto 34px}
.tagline{font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,1.3vw,15px);letter-spacing:5px;text-transform:uppercase;margin:0;color:#f3eee7}
@media(max-width:700px){
 .hero{min-height:100svh}
 .hero-bg{object-position:58% center}
 .content{padding:5vh 18px}
 .logo{width:min(340px,88vw);margin-bottom:6vh}
 h1{font-size:clamp(37px,10.5vw,58px);letter-spacing:4px}
 .divider{margin:28px auto 25px;width:60px}
 .tagline{font-size:10px;line-height:1.7;letter-spacing:3.5px;max-width:330px;margin:auto}
}
@media(max-width:430px){
 .hero-bg{object-position:60% center}
 .logo{width:88vw;margin-bottom:7vh}
 h1{font-size:42px;letter-spacing:3px}
 .tagline{font-size:9.5px;letter-spacing:2.7px}
}