:root{
  /* THEME SETTINGS — change these for a new look */
  --accent:#ffd18a;
  --accent-border:#ffbd5a;
  --accent-glow:#ffb13b;
  --accent-glow-strong:#ff9d26;
  --page-dark:#090604;
  --button-bg:rgba(9,6,4,.58);
  --button-bg-hover:rgba(45,28,12,.7);
  --contact-glow:rgba(255,168,62,.42);
  --contact-glow-hover:rgba(255,168,62,.7);
  --qr-glow:rgba(255,174,70,.28);
  --text-glow:rgba(255,177,59,.7);
  --button-glow:rgba(255,157,38,.42);
  --button-glow-hover:rgba(255,157,38,.7);
  --button-inner:rgba(255,189,90,.08);
  --button-inner-hover:rgba(255,189,90,.12);
}

*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--page-dark)}
body{min-height:100vh;min-height:100svh;overflow:hidden}
.hero{position:relative;width:100%;height:100vh;height:100svh;min-height:100svh;overflow:hidden;background-image:url('header.jpeg');background-repeat:no-repeat;background-position:center top;background-size:cover}

/* Contact blocks */
.contact-box{position:absolute;top:clamp(22px,3.5vh,48px);z-index:5;width:clamp(105px,10vw,155px);display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:var(--accent);filter:drop-shadow(0 0 8px var(--contact-glow));transition:transform .18s ease,filter .18s ease}
.contact-box:hover{transform:scale(1.04);filter:drop-shadow(0 0 12px var(--contact-glow-hover))}
.contact-box span{font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-size:clamp(1.35rem,2vw,2.15rem);line-height:1;text-shadow:0 0 7px var(--accent-glow),0 0 15px rgba(255,151,31,.72),0 2px 5px #000}
.contact-box img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 12px var(--qr-glow)}
.whatsapp-box{right:clamp(22px,3vw,55px)}
.telegram-box{right:calc(clamp(22px,3vw,55px) + clamp(105px,10vw,155px) + clamp(18px,2vw,34px))}

/* Main brand unit */
.brand-block{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:min(42vw,640px);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}
.jenna-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 8px rgba(255,168,62,.55))}
.construction{width:100%;margin-top:clamp(14px,1.8vh,28px);color:var(--accent);text-align:center;text-shadow:0 0 7px var(--accent-glow),0 0 18px rgba(255,151,31,.8),0 2px 5px #000}
.construction span{display:block;font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-size:clamp(2rem,4.2vw,4.8rem);font-weight:400;line-height:.85}
.construction strong{display:block;margin-top:.2em;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,2.7vw,3rem);font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.construction i{display:block;width:72%;height:1px;margin:.75rem auto 0;background:linear-gradient(90deg,transparent,var(--accent-border),transparent);box-shadow:0 0 8px var(--accent-glow-strong)}
.construction em{display:block;margin-top:.45rem;font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-size:clamp(1.25rem,2.4vw,2.6rem);font-weight:400;font-style:normal;letter-spacing:.04em;color:var(--accent)}

@media(max-width:900px){
  .hero{background-position:42% top}
  .brand-block{top:50%;width:min(62vw,520px)}
  .contact-box{width:105px;top:22px}
  .whatsapp-box{right:18px}
  .telegram-box{right:141px}
  .contact-box span{font-size:1.35rem}
}

@media(max-width:600px) and (orientation:portrait){
  .hero{background-position:31% center}
  .brand-block{left:54%;top:47%;width:min(86vw,430px)}
  .construction{margin-top:12px}
  .construction span{font-size:clamp(2.15rem,11vw,3.4rem)}
  .construction strong{font-size:clamp(1.15rem,6vw,1.75rem);letter-spacing:.055em}
  .construction em{font-size:clamp(1.35rem,7vw,2.15rem)}
  .construction i{width:68%;margin-top:.6rem}
  .contact-box{width:76px;top:18px;gap:6px}
  .whatsapp-box{right:12px}
  .telegram-box{right:100px}
  .contact-box span{font-size:1.02rem}
  .contact-box img{border-radius:7px}
}

@media(max-height:500px) and (orientation:landscape){
  .hero{background-position:center 38%}
  /* Only scale/reposition the existing center unit for iPhone landscape. */
  .brand-block{top:45%;width:min(34vw,350px)}
  .construction{margin-top:5px}
  .construction span{font-size:clamp(1.2rem,3.6vw,1.8rem)}
  .construction strong{font-size:clamp(.78rem,2.1vw,1.08rem)}
  .construction em{font-size:clamp(.85rem,2.4vw,1.18rem)}
  .construction i{margin-top:.25rem}
  /* Contact positions intentionally unchanged from the working file. */
  .contact-box{width:68px;top:9px;gap:4px}
  .whatsapp-box{right:10px}
  .telegram-box{right:88px}
  .contact-box span{font-size:.92rem}
}


/* Discount email CTA below Stay tuned */
.discount-mail{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:clamp(18px,2.4vh,32px);
  gap:9px;
}
.discount-mail>span{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(.8rem,1.15vw,1.05rem);
  font-weight:400;
  font-style:normal;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent);
  text-shadow:0 0 6px var(--text-glow),0 2px 5px #000;
}
.discount-mail a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.7em 1.35em;
  border:1px solid var(--accent-border);
  border-radius:999px;
  background:var(--button-bg);
  color:var(--accent);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(.78rem,1.05vw,1rem);
  letter-spacing:.055em;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 0 10px var(--button-glow),inset 0 0 9px var(--button-inner);
  text-shadow:0 0 6px rgba(255,177,59,.65);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.discount-mail a:hover{
  transform:scale(1.035);
  background:var(--button-bg-hover);
  box-shadow:0 0 16px var(--button-glow-hover),inset 0 0 10px var(--button-inner-hover);
}
@media(max-width:600px) and (orientation:portrait){
  .discount-mail{margin-top:15px;gap:7px}
  .discount-mail>span{font-size:.7rem;letter-spacing:.1em}
  .discount-mail a{font-size:.72rem;min-height:40px;padding:.65em 1em}
}
@media(max-height:500px) and (orientation:landscape){
  .discount-mail{margin-top:8px;gap:4px}
  .discount-mail>span{font-size:.6rem}
  .discount-mail a{font-size:.62rem;min-height:32px;padding:.45em .85em}
}