/* ========== HERO ========== */
.tt-hero{
  position:relative; overflow:hidden;
  background:var(--tt-green);
  color:var(--tt-white);
  padding-block:clamp(28px,4vw,52px) 0;
}
/* soft radial glow behind the lockup */
.tt-hero::before{
  content:""; position:absolute; inset:-30% -10% auto -10%; height:120%;
  background:radial-gradient(60% 55% at 50% 35%, rgba(243,180,64,.20), transparent 70%);
  pointer-events:none;
}
.tt-hero__inner{ position:relative; }
.tt-hero__copy{
  text-align:center;
  padding-block:clamp(8px,1.5vw,20px) clamp(36px,5vw,64px);
}

/* Bruce and Rocky ride on the logo itself, so it carries the hero alone and
   runs large. Capped in px so it stops growing on very wide screens. */
.tt-hero__logo{ width:min(100%,760px); margin:0 auto .9rem; }

/* Just the years, sitting between the logo and the tagline. */
.tt-hero__season{
  display:block; font-family:var(--tt-head); font-weight:600;
  font-size:clamp(1rem,2vw,1.3rem); letter-spacing:.34em; text-transform:uppercase;
  color:var(--tt-white); margin-bottom:.7rem;
  /* letter-spacing pads the right edge; nudge back so it reads centred */
  text-indent:.34em;
}
.tt-hero__tagline{
  font-family:var(--tt-head); font-weight:500;
  font-size:clamp(1.15rem,2.4vw,1.5rem); line-height:1.35;
  color:rgba(255,255,255,.92); margin:0 auto;
  text-wrap:balance;
}
.tt-hero__actions{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:1.6rem;
}

/* deadline strip below the hero */
.tt-deadline{
  position:relative; background:var(--tt-gold); color:var(--tt-green-dk);
}
.tt-deadline__inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:10px 22px; padding-block:16px; text-align:center;
}
.tt-deadline__label{
  font-family:var(--tt-head); font-weight:700; font-size:.9rem;
  letter-spacing:.16em; text-transform:uppercase;
}
.tt-deadline__text{ font-size:1.12rem; font-weight:500; }
.tt-deadline__text strong{ font-weight:700; }
.tt-deadline__count{
  font-family:var(--tt-head); font-weight:700; font-size:1.05rem;
  background:var(--tt-green-dk); color:var(--tt-gold);
  padding:.3em 1.2em; letter-spacing:.04em;
  clip-path:polygon(7px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 6px) 100%, 0 100%, 0 6px);
  text-decoration:none; white-space:nowrap;
  transition:background .2s ease, color .2s ease;
}
a.tt-deadline__count:hover{ background:var(--tt-green); color:#fff; }
/* Final week: uses the SWA seal's maroon so urgency reads instantly */
.tt-deadline__count[data-urgent="true"]{ background:var(--tt-maroon); color:#fff; }

@media (max-width: 900px){
  .tt-hero__copy{ padding-bottom:28px; }
}

/* The wordmark is the page's h1; the image alt carries the text. */
.tt-hero__h1{ margin:0; }