/* landing.css — season list page. Shared theme + header live in base.css;
 * this file holds only the season-grid layout. */

/* ===== stage ===== */
main{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;padding:48px 20px;text-align:center;
}
h1{font-weight:900;font-size:clamp(34px,6vw,64px);letter-spacing:.06em;text-transform:uppercase;}
.sub{color:var(--muted);font-size:clamp(15px,2.2vw,19px);letter-spacing:.06em;max-width:640px;}

/* ===== season cards ===== */
.seasons{
  display:grid;gap:22px;margin-top:34px;width:min(900px,92vw);
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.season{
  position:relative;display:flex;flex-direction:column;text-align:left;
  background:var(--panel);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;color:var(--txt);text-decoration:none;
  transition:transform .12s, border-color .15s, box-shadow .15s;
}
a.season:hover{
  transform:translateY(-3px);
  border-color:rgba(160,190,255,.5);
  box-shadow:0 18px 50px -22px var(--red);
}
.season .thumb{
  display:flex;align-items:center;justify-content:center;
  height:230px;padding:22px;
  background:radial-gradient(420px 220px at 50% 30%, rgba(120,160,255,.12), transparent 70%);
  border-bottom:1px solid var(--line);
}
.season .thumb img{max-height:100%;max-width:100%;object-fit:contain;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.45));}
.season .thumb.placeholder{color:var(--muted);opacity:.4;}
.season .thumb.placeholder svg{width:76px;height:76px;display:block;}
.season .meta{display:flex;flex-direction:column;gap:8px;padding:20px 24px 22px;flex:1;}
.season .badge{
  align-self:flex-start;font-weight:800;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:#fff;padding:5px 12px;border-radius:999px;
  background:linear-gradient(180deg,var(--red),#7d1116);
}
.season .name{font-weight:900;font-size:34px;letter-spacing:.06em;}
.season .desc{color:var(--muted);font-size:15px;line-height:1.5;flex:1;}
.season .go{margin-top:8px;font-weight:800;letter-spacing:.1em;color:var(--green);text-transform:uppercase;font-size:14px;}

.season.soon{opacity:.55;cursor:not-allowed;}
.season.soon .badge{background:linear-gradient(180deg,#33415f,#1a2334);}
.season.soon .go{color:var(--muted);}

footer{
  padding:18px;text-align:center;color:var(--muted);font-size:12px;
  letter-spacing:.2em;border-top:1px solid var(--line);opacity:.7;
}