:root{--white:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}
body{font-family:Georgia,'Times New Roman',serif;color:var(--white);overflow:hidden}
.hero{position:fixed;inset:0;background:url(images/hero.webp) center/cover no-repeat;animation:fade .8s ease}
.overlay{position:fixed;inset:0;background:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.24))}
.content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}
.logo{width:140px;max-width:30vw;margin-bottom:28px}
.divider{width:170px;height:1px;background:rgba(255,255,255,.7);margin:0 0 38px}
.small{margin:38px 0 24px}
h1{font-weight:300;font-size:clamp(3rem,7vw,5.4rem);letter-spacing:.28em;text-indent:.28em;text-shadow:0 2px 15px rgba(0,0,0,.25)}
.email{font-family:Arial,sans-serif;color:#fff;text-decoration:none;font-size:clamp(1rem,2vw,1.2rem);letter-spacing:.08em}
.email:hover{opacity:.8}
@keyframes fade{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.logo{width:100px}.divider{width:120px;margin-bottom:24px}.small{margin:24px 0 18px}h1{font-size:2.2rem;letter-spacing:.18em;text-indent:.18em}}