.homepage-features {
  width: 100%;
  margin-top: 56px;
}

.homepage-features__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 24px;
}

.home-tile {
  min-width: 0;
  padding: 32px;
  border: 1px solid rgba(var(--ink-rgb), .14);
  border-radius: 14px;
  background: var(--surface);
}

.home-tile__eyebrow {
  margin: 0 0 10px;
  color: var(--accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.home-tile h2 {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: 28px;
  line-height: 1.12;
}

.home-tile > p:not(.home-tile__eyebrow),
.home-tile__latest-heading > p {
  margin: 0;
  color: var(--ink-soft);
  font-size: 15px;
  line-height: 1.55;
}

.quick-search { margin-top: 24px; }
.quick-search > div { display: grid; gap: 10px; }
.quick-search__field { position: relative; display: block; min-width: 0; }
.quick-search input,
.quick-search button { min-height: 50px; border-radius: 8px; font: inherit; }
.quick-search input { width: 100%; min-width: 0; padding: 0 15px; border: 1px solid var(--line-strong); outline: none; }
.quick-search input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(161, 65, 66, .13); }
.quick-search button { padding: 0 20px; border: 1px solid var(--accent); background: var(--accent); color: #fff; font-weight: 700; cursor: pointer; transition: background .25s ease; }
.quick-search button:hover { background: #873536; }
.quick-search__suggestions {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  max-height: 286px;
  overflow-y: auto;
  border: 1px solid rgba(var(--ink-rgb), .18);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 14px 32px rgba(var(--ink-rgb), .16);
}
.quick-search__suggestions[hidden] { display: none; }
.quick-search__suggestions a {
  display: grid;
  width: 100%;
  min-height: 0;
  gap: 3px;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid rgba(var(--ink-rgb), .08);
  border-radius: 0;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  text-decoration: none;
}
.quick-search__suggestions a:last-child { border-bottom: 0; }
.quick-search__suggestions a:hover,
.quick-search__suggestions a:focus-visible,
.quick-search__suggestions a.is-active { background: rgba(var(--ink-rgb), .06); color: var(--ink); }
.quick-search__suggestions strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.quick-search__suggestions small { overflow: hidden; color: var(--ink-faint); font-size: 11px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }

.home-platform-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.home-platform-chips a {
  padding: 10px 15px;
  border: 1px solid rgba(161, 65, 66, .5);
  border-radius: 999px;
  background: var(--surface);
  box-shadow: 0 4px 12px rgba(var(--ink-rgb), .06);
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}
.home-platform-chips a:hover,
.home-platform-chips a:focus-visible { border-color: var(--accent); background: var(--accent); color: #fff; transform: translateY(-2px); }

.home-tile--latest { margin-top: 24px; }
.home-tile__latest-heading { margin-bottom: 28px; }
.home-tile__latest-heading h2 { margin-bottom: 0; }
.latest-cards { display: grid; grid-template-columns: 1fr; gap: 12px; }
.latest-cards .inventory-list-row { width: 100%; }
.latest-card { min-width: 0; overflow: hidden; border: 1px solid rgba(var(--ink-rgb), .13); border-radius: 12px; background: var(--night-raised); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.latest-card:hover { border-color: rgba(161, 65, 66, .44); box-shadow: 0 14px 30px rgba(var(--ink-rgb), .11); transform: translateY(-3px); }
.latest-card > a { display: grid; grid-template-rows: auto 1fr; height: 100%; color: inherit; text-decoration: none; }
.latest-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--media-placeholder); }
.latest-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.latest-card:hover .latest-card__media img { transform: scale(1.025); }
.latest-card__content { display: flex; flex-direction: column; gap: 14px; padding: 20px; }
.latest-card__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.latest-card__category { color: var(--accent); font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.latest-card__region { display: inline-flex; min-width: 26px; justify-content: flex-end; }
.latest-card__region img { display: block; width: 24px; height: 16px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.12); }
.latest-card__region-code { font-size: 11px; font-weight: 700; }
.latest-card__content > strong { font-size: 19px; line-height: 1.22; }
.latest-card__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; color: var(--ink); font-size: 13px; }
.latest-card__facts span { display: grid; gap: 5px; }
.latest-card small { color: var(--ink-faint); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.latest-card__completion { margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(var(--ink-rgb),.1); }
.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

@media (max-width: 900px) {
  .homepage-features__top { grid-template-columns: 1fr; }
  .home-tile__latest-heading { grid-template-columns: 1fr; gap: 8px; }
  .latest-cards { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .homepage-features { margin-top: 40px; }
  .home-tile { padding: 24px 20px; }
  .home-tile h2 { font-size: 25px; }
  .latest-cards { grid-template-columns: 1fr; }
}