*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#000}
body{font-family:Georgia,"Times New Roman",serif;color:#fff;overflow:hidden}
.hero{position:relative;width:100%;height:100dvh;min-height:0;max-height:none;overflow:hidden;margin:0 auto}
picture{position:absolute;inset:0;display:block} .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

/* Main title and supporting line are HTML so their order stays consistent on desktop and mobile. */
.tagline{position:absolute;z-index:5;left:50%;top:57.5%;transform:translateX(-50%);width:min(82%,980px);text-align:center;color:rgba(255,255,255,.94);font-size:clamp(13px,1.35vw,20px);line-height:1.2;text-shadow:0 2px 5px rgba(0,0,0,.8)}

.opening{position:absolute;z-index:5;left:50%;top:64.5%;transform:translateX(-50%);width:min(70%,680px);text-align:center;padding:0;background:transparent}
.opening-title{color:#e7c27a;letter-spacing:4px;font-size:clamp(16px,1.55vw,23px);line-height:1.1}
.opening-subtitle{margin-top:4px;color:rgba(255,255,255,.92);font-size:clamp(11px,1.05vw,16px);line-height:1.15}

.socialbox{position:absolute;z-index:3;left:50%;top:68.5%;transform:translateX(-50%);width:min(48%,740px);padding:9px 20px 8px;text-align:center;border:1px solid rgba(231,194,122,.65);border-radius:14px;background:#050705;box-shadow:none}
.socialbox h2{margin:0;color:#e7c27a;font-size:clamp(14px,1.35vw,19px);font-weight:500;letter-spacing:3px}
.socialbox p{margin:4px 0 6px;font-family:Arial,sans-serif;font-size:clamp(10px,.9vw,13px);line-height:1.25;color:rgba(255,255,255,.9)}
.icons{display:flex;justify-content:center;gap:52px}
.icons a{display:flex;flex-direction:column;align-items:center;gap:3px;color:rgba(255,255,255,.92);text-decoration:none;font-family:Arial,sans-serif;font-size:10px;min-width:64px}
.icon{width:36px;height:36px;border:2px solid #e7c27a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#e7c27a;font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1}
.facebook{font-size:26px}.tiktok{font-size:22px}

.wait{position:absolute;z-index:3;left:50%;top:90.5%;transform:translateX(-50%);width:min(70%,820px);text-align:center}
.wait h2{margin:0 0 6px;color:#e7c27a;font-size:clamp(11px,1.15vw,17px);font-weight:500;letter-spacing:2px}
.form-row{display:flex;gap:8px;justify-content:center}
.form-row input{width:min(330px,48%);height:36px;padding:0 12px;border:1px solid #e7c27a;border-radius:3px;background:rgba(0,0,0,.72);color:#fff;font:13px Georgia,serif}
.form-row button{height:36px;padding:0 16px;border:1px solid #e7c27a;border-radius:3px;background:#e7c27a;color:#111;font:600 13px Georgia,serif;cursor:pointer}
.note{margin-top:5px;font-family:Arial,sans-serif;font-size:9px;color:rgba(255,255,255,.72)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}

@media(max-width:800px){
 body{overflow:hidden}
 .hero{height:100dvh;min-height:0;overflow:hidden}
 .bg{object-position:center top}
 .tagline{top:27%;width:92%;font-size:clamp(11px,3.5vw,15px);line-height:1.18;padding:0 4px}
 .opening{top:48%;width:88%;padding:0}
 .opening-title{letter-spacing:3px;font-size:clamp(15px,4.8vw,20px)}
 .opening-subtitle{font-size:clamp(10px,3.2vw,14px)}
 .socialbox{top:56%;width:84%;padding:10px 10px 9px;background:#050705}
 .socialbox h2{font-size:15px;letter-spacing:2.5px}
 .socialbox p{font-size:10px;margin:5px 0 7px}
 .icons{gap:24px}
 .icon{width:37px;height:37px;font-size:24px}
 .facebook{font-size:25px}.tiktok{font-size:21px}
 .wait{top:88%;width:90%}
 .wait h2{font-size:12px;letter-spacing:1.5px;margin-bottom:6px}
 .form-row{gap:6px}
 .form-row input{width:56%;height:35px;font-size:12px}
 .form-row button{height:35px;padding:0 11px;font-size:12px}
 .note{font-size:8.5px}
}

@media(max-width:520px){
 .tagline{top:27%;font-size:11px}
 .opening{top:48%;width:88%}
 .socialbox{top:55%;width:88%;background:#050705}
 .wait{top:90%;width:92%}
 .form-row{flex-direction:row;align-items:center}
 .form-row input{width:58%;max-width:none}
 .form-row button{width:auto;max-width:none}
}

.form-status{margin-top:5px;font-family:Arial,sans-serif;font-size:9px;color:#e7c27a}
.form-row button:disabled{opacity:.7;cursor:wait}
.success-message{font-family:Georgia,"Times New Roman",serif;color:#e7c27a;font-size:clamp(12px,1.1vw,16px);padding:8px 0}
@media(max-width:800px){.success-message{font-size:12px}}

/* Final headline cleanup */
.hero-headline{position:absolute;z-index:3;left:50%;top:48.5%;transform:translateX(-50%);width:min(82%,980px);text-align:center;color:#fff;font-size:clamp(26px,2.25vw,36px);line-height:1.08;font-weight:400;text-shadow:0 2px 5px rgba(0,0,0,.8);white-space:nowrap}
.opening{background:transparent;padding:0;width:min(70%,680px)}

@media(max-width:800px){
 .hero-headline{top:30%;width:92%;font-size:clamp(24px,7vw,34px);line-height:1.08;white-space:normal}
 .opening{width:88%;padding:0}
}

/* Restore the supporting tagline and keep the opening title clearly separated from it. */
.tagline{background:transparent!important;display:block!important;visibility:visible!important;opacity:1!important;}
.opening{background:transparent!important;}
@media(max-width:800px){.opening{top:49.5%;}.socialbox{top:57%;}}