/* Home-only artwork, independent from the operational UI. */
.page-home .home-ops-hero {
  position: relative;
  isolation: isolate;
  min-height: 300px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 18px;
  padding: 28px 32px;
  border: 0;
  border-radius: 0;
  background: #15201b;
  box-shadow: none;
}
.home-art-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.home-ops-hero > .home-art-image { object-position: center 52%; }
.page-home .home-ops-hero::after,
.home-art-band::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #111916f2 0%, #111916d9 38%, #11191626 72%, transparent);
}
.page-home .home-ops-hero h1 { font-size: 46px; line-height: 1.08; letter-spacing: 0; }
.page-home .home-ops-hero-copy { width: min(100%, 700px); gap: 7px; }
.page-home .home-ops-featured strong { font-size: 22px; line-height: 1.3; }
.page-home .home-ops-featured span { font-weight: 400; }
.page-home .home-ops-hero .eyebrow { color: #e7bd68; }
.page-home .home-ops-actions { justify-content: flex-start; }
.page-home .home-ops-actions .button { min-height: 44px; }
.page-home .home-ops-actions .ghost { color: #fff7e9; background: #15201bcc; border-color: #c5d2c06b; }
.home-art-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 180px;
  margin: 22px 0;
  padding: 22px 28px;
  color: #fff7e9;
  background: #13231e;
}
.home-art-band::after { background: linear-gradient(90deg, #12231eef, #12231ece 36%, transparent 72%); }
.home-art-decks { min-height: 164px; background: #25141a; }
.home-art-decks::after { background: linear-gradient(90deg, #25141af2, #25141ad9 36%, transparent 72%); }
.home-art-copy { max-width: 48%; min-width: 0; }
.home-art-copy h2 { margin: 4px 0 6px; font-size: 24px; line-height: 1.25; color: inherit; letter-spacing: 0; }
.home-art-copy p { margin: 0; color: #e0e3d7; font-size: 14px; line-height: 1.5; }
.home-art-copy .home-art-kicker { font-size: 11px; text-transform: uppercase; color: #d5c183; letter-spacing: 0; }
.home-art-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; margin-top: 4px; color: #fff7e9; font-size: 14px; font-weight: 500; }
.home-art-link span { font-size: 20px; }
.home-art-link:hover { color: #f1d795; text-decoration: underline; text-underline-offset: 4px; }
.home-art-link:focus-visible { outline: 2px solid #f1d795; outline-offset: 4px; }
@media (max-width: 760px) {
  .page-home .home-ops-hero { padding: 24px 20px; min-height: 290px; }
  .page-home .home-ops-hero h1 { font-size: 36px; }
  .page-home .home-ops-hero::after { background: linear-gradient(90deg, #111916ed, #111916ba 65%, #11191650); }
  .home-art-band { min-height: 180px; padding: 18px 20px; }
  .home-art-copy { max-width: 64%; }
  .home-art-copy h2 { font-size: 22px; }
  .home-art-band > .home-art-image { object-position: 68% center; }
  .home-art-band::after { background: linear-gradient(90deg, #12231efa, #12231ee8 43%, #12231e44 80%); }
  .home-art-decks::after { background: linear-gradient(90deg, #25141afa, #25141ae8 43%, #25141a44 80%); }
}
@media (max-width: 400px) {
  .page-home .home-ops-hero h1 { font-size: 30px; }
  .page-home .home-ops-hero { padding: 20px 16px; }
  .page-home .home-ops-featured strong { font-size: 19px; }
  .home-art-band { padding: 16px; }
  .home-art-copy { max-width: 72%; }
  .home-art-copy h2 { font-size: 20px; }
}