/* TOXICOTRIBE — Marvel hub page.
   A licensed-collection landing page: a full-bleed hero band (matching the
   homepage's .custom-band pattern), a character tile grid (reusing
   .tile/.tile__label from components.css), and a licensing disclosure line
   — real trust copy, not an invented "official partner" badge with no
   substance behind it. */

.marvel-hero{
  position:relative; min-height:420px; display:flex; align-items:flex-end; overflow:hidden;
}
.marvel-hero .ph{ position:absolute; inset:0; }
.marvel-hero::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.82) 100%);
}
.marvel-hero__content{ position:relative; z-index:1; padding-block: var(--sp-7); }
.marvel-hero__badge{
  display:inline-flex; align-items:center; gap:6px;
  background: var(--tt-red); color: var(--tt-white);
  font-family: var(--font-display); font-weight:700; letter-spacing: var(--ls-cap); text-transform:uppercase;
  font-size: var(--fs-micro); padding: 6px 12px;
}

.marvel-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--sp-3); }
@media(min-width:768px){ .marvel-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--sp-4); } }

.marvel-license-note{
  border-top:1px solid var(--c-border); margin-top: var(--sp-8); padding-top: var(--sp-5);
  color: var(--c-text-muted); max-width:64ch;
}