/* Batch 02 heroes · T11–T20 */

.hx--mast .hx__stage--mast { min-height: min(88dvh, 920px); align-items: end; }
.hx--mast .hx__columns { display: grid; gap: 1rem; max-width: 40rem; }
@media (min-width: 800px) {
  .hx--mast .hx__columns { grid-template-columns: 1fr 1fr; }
}
.hx--mast .hx__kicker { letter-spacing: .2em; text-transform: uppercase; font-size: .68rem; }
.hx--mast .hx__brand { font-size: clamp(2.8rem, 8vw, 5.5rem); max-width: 12ch; }

.hx--veil .hx__stage--full { min-height: 100dvh; }
.hx--veil .hx__frame--veil { align-content: end; padding-bottom: 4rem; }
.hx--veil .hx__brand--whisper { font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.hx--veil .hx__veil {
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55) 70%, rgba(0,0,0,.78));
}

.hx--null .hx__stage--type {
  min-height: min(72dvh, 760px);
  background: #fff;
  color: #0a0a0a;
  display: grid;
  align-content: center;
}
.hx--null .hx__brand--null { font-size: clamp(3rem, 10vw, 6rem); letter-spacing: -.06em; max-width: 10ch; }
.hx--null .hx__line, .hx--null .hx__sub, .hx--null .hx__kicker { color: #0a0a0a; }
.hx--null .ui-btn--ghost { border-color: #0a0a0a; color: #0a0a0a; }

.hx--riot .hx__stage--stack { min-height: min(80dvh, 860px); }
.hx--riot .hx__stamp {
  display: inline-block; background: #facc15; color: #0c0a09;
  font-weight: 800; letter-spacing: .12em; padding: .25rem .55rem; margin-bottom: .75rem;
}
.hx--riot .hx__brand--riot { font-size: clamp(3rem, 12vw, 7rem); text-transform: uppercase; line-height: .9; max-width: 8ch; }
.hx--riot .hx__timer { display: flex; gap: .75rem; margin: 1rem 0; font-weight: 800; }

.hx--grove .hx__stage--split {
  min-height: min(86dvh, 900px);
  display: grid;
}
@media (min-width: 900px) {
  .hx--grove .hx__stage--split { grid-template-columns: 1fr 1.1fr; }
}
.hx--grove .hx__split-copy { display: grid; align-content: center; gap: .85rem; padding-block: 3rem; position: relative; z-index: 2; }
.hx--grove .hx__split-media { position: relative; min-height: 50vh; }
.hx--grove .hx__split-media .hx__media { position: absolute; inset: 0; }
.hx--grove .hx__split-copy .hx__brand,
.hx--grove .hx__split-copy .hx__line,
.hx--grove .hx__split-copy .hx__sub,
.hx--grove .hx__split-copy .hx__kicker { color: var(--ink); -webkit-text-fill-color: var(--ink); }

.hx--spec .hx__stage--spec { min-height: min(78dvh, 840px); align-items: end; }
.hx--spec .hx__specs {
  list-style: none; margin: 1rem 0; padding: 0; display: flex; flex-wrap: wrap; gap: .75rem 1.25rem;
  font-family: ui-monospace, monospace; font-size: .78rem;
}
.hx--spec .hx__specs li { display: grid; gap: .15rem; }
.hx--spec .hx__specs b { opacity: .7; font-weight: 600; }

.hx--haute .hx__stage--monument { min-height: min(92dvh, 980px); align-items: end; }
.hx--haute .hx__brand--monument { font-size: clamp(3.5rem, 14vw, 8rem); line-height: .85; max-width: 8ch; letter-spacing: -.05em; }

.hx--bolt .hx__stage--poster { min-height: min(76dvh, 820px); }
.hx--bolt .hx__sku-callouts { display: flex; flex-wrap: wrap; gap: .5rem; margin: .85rem 0; }
.hx--bolt .hx__sku-callouts span {
  border: 2px solid currentColor; padding: .2rem .45rem; font-size: .68rem; font-weight: 800; letter-spacing: .08em;
}

.hx--hearth .hx__stage--process { min-height: min(82dvh, 880px); align-items: end; }
.hx--hearth .hx__process {
  display: flex; flex-wrap: wrap; gap: .5rem 1rem; list-style: none; margin: 0 0 1rem; padding: 0;
  font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700;
}
.hx--hearth .hx__process li { opacity: .85; }

.hx--orbit .hx__stage--orbit { min-height: min(90dvh, 960px); }
.hx--orbit .hx__hud {
  position: absolute; top: 1.25rem; right: 1.25rem; z-index: 3;
  display: flex; gap: .65rem; font-family: ui-monospace, monospace; font-size: .68rem; letter-spacing: .08em;
  color: #67e8f9;
}
.hx--orbit .hx__veil {
  background:
    linear-gradient(120deg, rgba(2,6,23,.7) 0%, rgba(2,6,23,.2) 50%, rgba(2,6,23,.55) 100%),
    linear-gradient(180deg, transparent 30%, rgba(2,6,23,.85));
}