/* Homepage layout; the shared logo treatment lives in wordmark-pattern.css. */
.home-hero-v3 { padding: 0 0 var(--public-space-utility); background: none; }
.home-hero-v3 + .section-v3 { padding-block: var(--public-space-utility) var(--public-space-section); }
.home-hero-v3::after { display: none; }
.home-hero-intro { position: relative; padding: var(--public-space-lead) 0 var(--public-space-utility); isolation: isolate; }
.home-hero-intro .hero-copy-v3 { max-width: 1000px; }
.home-hero-intro h1 { max-width: 22ch; }
.home-hero-intro p { max-width: 68ch; }
.home-hero-intro .search-v3 { margin-bottom: 0; }
.home-game-discovery .game-showcase-v3 { box-shadow: none; }
.home-game-discovery .game-grid-v3 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.home-game-discovery .game-grid-v3 a:not(.game-all-v3) { padding: 12px; }
.home-game-discovery .game-grid-v3 .game-all-v3 {
  justify-self: center;
  width: clamp(320px, calc((100% - 36px) / 4), 420px);
  max-width: 100%;
  grid-template-columns: 136px minmax(0, 1fr);
  column-gap: 20px;
  min-height: 0;
  padding: 12px;
}
.home-game-discovery .game-grid-v3 .game-art-all-v5 { width: 136px; height: 136px; }
.home-game-discovery .game-grid-v3 .game-art-all-v5 img { width: 100%; height: 100%; object-fit: contain; }
.home-game-discovery .game-grid-v3 [aria-pressed="true"] {
  border-color: var(--platform-accent, var(--pink));
  background: var(--panel-2);
  box-shadow: inset 0 0 0 1px var(--platform-accent, var(--pink));
}
.home-game-filters { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.home-game-filter-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.home-game-filter-heading h2 { margin: 0; font-size: 22px; line-height: 1.3; letter-spacing: -.025em; }
.home-game-discovery .smart-home-filters { max-width: none; margin: 18px 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home-game-filter-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.home-game-discovery .home-game-filter-status { font-size: 14px; line-height: 1.5; margin: 12px 0 0; color: var(--muted); }
.home-game-filter-status:empty { display: none; }
/* Advertisement presentation is shared in public-design.css. */
@media (max-width: 760px) {
  .home-game-discovery .game-grid-v3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-game-discovery .game-grid-v3 .game-all-v3 { width: 100%; grid-template-columns: 110px minmax(0, 1fr); column-gap: 16px; }
  .home-game-discovery .game-grid-v3 .game-art-all-v5 { width: 110px; height: 110px; }
  .home-game-discovery .game-grid-v3 a:not(.game-all-v3) { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 4px; }
  .home-game-discovery .game-grid-v3 a:not(.game-all-v3) .game-art-v3 { grid-row: auto; width: 100%; height: auto; aspect-ratio: 460 / 215; }
  .home-game-discovery .smart-home-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 440px) {
  .home-game-discovery .smart-home-filters { grid-template-columns: minmax(0, 1fr); }
  .home-game-filter-heading { align-items: start; }
  .home-game-filter-heading h2 { padding-top: 8px; font-size: 20px; }
  .home-game-filter-actions > .button-v3 { width: 100%; }
}
@media (forced-colors: active) {
  .home-game-discovery .game-grid-v3 [aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -3px; }
}