/* Home page specific styles for PLDoom */
.hero {
  padding-block: var(--space-48) var(--space-32);
  position: relative;
}
.hero__inner { display: grid; gap: var(--space-24); align-items: center; grid-template-columns: 1.2fr 1fr; }
.hero__content { padding-right: var(--space-16); }
.hero__lead { color: var(--gray-200); font-size: clamp(var(--fs-lg), 2.4vw, var(--fs-2xl)); max-width: 60ch; }
.hero__actions { display: flex; gap: var(--space-12); margin-block: var(--space-16); flex-wrap: wrap; }
.hero__media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--divider-color); }
.hero__media img { display: block; width: 100%; height: auto; }

/* Search */
.search { margin-top: var(--space-24); }
.search__field { display: grid; grid-template-columns: 1fr auto; gap: var(--space-8); }
.search__hint { margin-top: var(--space-8); }
.search__panel { margin-top: var(--space-12); background: var(--color-elevated); border: 1px solid var(--divider-color); border-radius: var(--radius-md); box-shadow: var(--shadow-md); padding: var(--space-16); }
.search__results { display: grid; gap: var(--space-8); margin: 0; padding: 0; list-style: none; }
.search__results a { display: block; padding: 10px 12px; border: 1px solid var(--divider-color); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--gray-50); }
.search__results a:hover { border-color: color-mix(in oklab, var(--color-primary) 60%, var(--divider-color)); color: var(--color-accent); }

/* Cards & grids */
.card-grid { display: grid; gap: var(--space-16); grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top: var(--space-16); }

/* Armory */
.armory { display: grid; gap: var(--space-24); align-items: center; grid-template-columns: 1fr 1.1fr; }
.armory__media { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--divider-color); box-shadow: var(--shadow-lg); }

/* Environments */
.env { display: grid; gap: var(--space-24); grid-template-columns: 1.1fr 1fr; align-items: center; }
.env__media { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--divider-color); box-shadow: var(--shadow-lg); }

/* Updates */
.updates { display: grid; gap: var(--space-16); margin-top: var(--space-16); list-style: none; padding: 0; }
.updates__title a { color: var(--gray-50); }
.updates__title a:hover { color: var(--color-accent); }

/* CTA strip & finale */
.cta-strip { background: linear-gradient(180deg, rgba(217,4,41,0.10), transparent); }
.btn-row { display: flex; gap: var(--space-12); flex-wrap: wrap; margin-top: var(--space-12); }
.finale { padding-bottom: var(--space-64); }

/* Responsive */
@media (max-width: 980px) {
  .hero__inner, .armory, .env { grid-template-columns: 1fr; }
  .hero__content { padding-right: 0; }
}