*{box-sizing:border-box;margin:0;padding:0}
html{min-height:100%;background:#070707;-webkit-text-size-adjust:100%}
body{min-height:100%;background:#070707;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.poster-frame,.secret-frame{position:relative;width:min(100vw,1024px);margin:0 auto;background:#050505}
.poster,.secret-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.water-tower-link{position:absolute;top:.35%;left:79.1%;width:20.2%;height:25.4%;display:block;cursor:pointer;z-index:10;border-radius:999px 999px 120px 120px}

/* Clean functional countdown: about 25% smaller than previous version */
.countdown{
  position:absolute;
  top:51.75%;
  left:65.5%;
  transform:translate(-50%,-50%);
  width:44.6%;
  height:6.0%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:3%;
  pointer-events:none;
  z-index:30;
  padding:.7% 1.0%;
  border-radius:10px;
  background:#030303;
  border:2px solid rgba(150,30,30,.85);
  box-shadow:inset 0 0 14px rgba(255,0,0,.10),0 5px 13px rgba(0,0,0,.8);
}
.time-cell{
  color:#ff2b2b;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background:#080808;
  border:1px solid rgba(255,45,45,.45);
  border-radius:5px;
  text-shadow:0 0 5px rgba(255,0,0,.9),0 0 11px rgba(255,0,0,.55),0 2px 3px rgba(0,0,0,1);
  overflow:hidden;
}
.time-cell span{
  font-family:"Courier New",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:800;
  line-height:.86;
  letter-spacing:.02em;
  font-size:clamp(19px,3vw,46px);
}
.time-cell small{
  margin-top:.28em;
  color:#f8e9df;
  font-size:clamp(5px,.58vw,9px);
  font-weight:900;
  letter-spacing:.05em;
  text-shadow:0 2px 4px rgba(0,0,0,1);
}

.secret-body{background:#050505}
.bus-return-link{position:absolute;top:1.5%;left:41%;width:49%;height:29%;display:block;cursor:pointer;z-index:10}

@media(max-width:700px){
  body{align-items:flex-start}
  .poster-frame,.secret-frame{width:100vw;max-width:none}
  .countdown{
    top:51.75%;
    left:65.5%;
    width:44.6%;
    height:6.0%;
    padding:.55% .75%;
    border-radius:7px;
    border-width:1px;
  }
  .time-cell{border-radius:4px}
  .time-cell span{font-size:clamp(15px,4.4vw,30px)}
  .time-cell small{margin-top:.12em;font-size:clamp(3px,.88vw,6px)}
}

@media(max-width:430px){
  .countdown{height:5.8%;padding:.45% .65%}
  .time-cell span{font-size:clamp(12px,4vw,22px)}
  .time-cell small{font-size:clamp(3px,.75vw,5px)}
}

@media(orientation:landscape) and (max-height:600px){
  .poster-frame,.secret-frame{width:min(100vw,780px)}
}


.email-signup{
  width:min(100vw,1024px);
  margin:0 auto;
  padding:34px clamp(18px,4vw,56px) 42px;
  color:#f9efe6;
  background:
    radial-gradient(circle at 20% 0%,rgba(170,20,24,.22),transparent 34%),
    linear-gradient(135deg,#0b0b0b,#17110f 55%,#050505);
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.signup-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,1.2fr);
  gap:28px;
  align-items:center;
}
.signup-copy h2{
  font-size:clamp(28px,4vw,48px);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:.015em;
  font-weight:900;
  text-shadow:0 2px 0 rgba(0,0,0,.5);
}
.signup-copy h2:after{
  content:"";
  display:block;
  width:180px;
  max-width:70%;
  height:5px;
  margin:12px 0 16px;
  background:#b31319;
  border-radius:999px;
  transform:skewX(-18deg);
}
.signup-copy p{
  max-width:420px;
  font-size:clamp(15px,1.8vw,18px);
  line-height:1.45;
  color:#f0dfd2;
}
.signup-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
.signup-form input[type="email"]{
  min-width:0;
  height:56px;
  padding:0 18px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:4px;
  background:#f7efe4;
  color:#15110f;
  font-size:16px;
  outline:none;
  box-shadow:inset 0 2px 0 rgba(0,0,0,.08);
}
.signup-form input[type="email"]:focus{
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(179,19,25,.45);
}
.signup-form button{
  height:56px;
  padding:0 24px;
  border:0;
  border-radius:4px;
  background:#b31319;
  color:#fff;
  font-weight:900;
  font-size:15px;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.35);
}
.signup-form button:hover{background:#d31b22}
.signup-form button:disabled{opacity:.72;cursor:wait}
.company-field{position:absolute;left:-10000px;opacity:0;height:0;width:0;pointer-events:none}
.form-message{
  grid-column:1/-1;
  min-height:22px;
  font-size:14px;
  color:#f9efe6;
}
.form-message.success{color:#a5ffbd}
.form-message.error{color:#ffb5b5}

@media(max-width:760px){
  .signup-inner{grid-template-columns:1fr;gap:18px}
  .signup-form{grid-template-columns:1fr}
  .signup-form button{width:100%}
  .email-signup{padding:28px 18px 34px}
}