html,body{margin:0;height:100%;overflow:hidden;font-family:Inter,sans-serif}
.bg{position:fixed;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity 1.5s ease;animation:ken 18s ease-in-out infinite alternate}
#bg1{opacity:1}
@keyframes ken{from{transform:scale(1)}to{transform:scale(1.1) translateX(-2%)}}
.overlay{position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.55),rgba(0,0,0,.75))}
.hero{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:#fff;animation:fade .9s ease}
@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.logo{height:58px;opacity:.9;margin-bottom:14px}
h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,7vw,5rem);margin:0;text-shadow:0 4px 20px rgba(0,0,0,.6)}
.sub{font-size:1.15rem;margin:10px 0 26px}
.cta{display:inline-block;background:#d7a441;color:#fff;text-decoration:none;padding:18px 38px;border-radius:999px;font-weight:700;box-shadow:0 0 0 rgba(215,164,65,.6);animation:pulse 2.8s infinite}
@keyframes pulse{50%{box-shadow:0 0 28px rgba(215,164,65,.55)}}
.glass{margin-top:26px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:18px 24px;max-width:560px}
.phone{margin-top:20px;background:#8c3f22;color:#fff;text-decoration:none;padding:14px 28px;border-radius:999px;font-weight:700}
.addr{margin-top:16px;color:#eee}