/* Page-specific hero adjustments for the approved November artwork. */
@media (max-width: 1099px) {
  .ab-hero-media img { height: auto; aspect-ratio: auto; object-fit: contain; }
}
@media (max-width: 939px) {
  .ab-hero { padding-top: calc(var(--hdr) * 0.5); }
}
@media (min-width: 1100px) {
  .ab-hero-media img { object-position: 50% 27%; }
  .ab-hero-media::after {
    background: linear-gradient(to right, rgba(13,18,26,.72) 0%, rgba(13,18,26,.59) 29%, rgba(13,18,26,.29) 45%, rgba(13,18,26,.08) 58%, transparent 67%),
                linear-gradient(to top, #0d121a 0%, rgba(13,18,26,.55) 8%, rgba(13,18,26,0) 24%);
  }
  .band-1 .b1-say::after {
    background: radial-gradient(58% 58% at 42% 46%, rgba(7,10,16,.86) 0%, rgba(7,10,16,.53) 46%, rgba(7,10,16,0) 74%);
  }
}
@media (min-width: 1180px) {
  .tr-hero-copy :is(.tr-p2, .tr-strong) { position: relative; isolation: isolate; }
  .tr-hero-copy :is(.tr-p2, .tr-strong)::before {
    content: ""; position: absolute; inset: -20px -52px -20px -38px; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse at 43% 50%, rgba(7,10,16,.32) 0%, rgba(7,10,16,.24) 45%, rgba(7,10,16,0) 75%);
  }
}