/* Home page specific styles (lean; leverages base.css tokens) */

/* Section spacing */
.section { padding: var(--space-16) 0; }

/* Hero */
.hero { position: relative; isolation: isolate; }
.hero-media { position: relative; height: clamp(420px, 70vh, 720px); overflow: hidden; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05) saturate(0.9) brightness(0.9); }
.hero-overlay { position: absolute; inset: 0; background:
  radial-gradient(60% 60% at 50% 20%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 60%, rgba(0,0,0,0.6) 100%),
  linear-gradient(180deg, rgba(10,10,15,0) 0%, rgba(10,10,15,0.6) 45%, rgba(10,10,15,0.9) 100%);
  pointer-events: none; }
.hero-inner { position: relative; margin-top: calc(-1 * var(--space-24)); }
.hero-content {  padding: var(--space-8); background: linear-gradient(135deg, rgba(26,77,62,0.15), rgba(201,169,97,0.08)); border: 1px solid var(--color-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); backdrop-filter: blur(var(--blur-base)); }
.hero-sub { color: var(--color-text-muted); font-size: var(--font-size-lg); }
.hero-ctas { display: flex; gap: var(--space-4); margin-top: var(--space-4); flex-wrap: wrap; }

/* Search */
.hero-search { display: flex; gap: var(--space-3); margin-top: var(--space-6); align-items: stretch; }
.hero-search .form-input { flex: 1; }
.search-suggestions { position: relative; margin-top: var(--space-2); }
.search-suggestions ul { background: var(--color-background-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-md); }
.search-suggestions li { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border-subtle); cursor: pointer; }
.search-suggestions li:last-child { border-bottom: 0; }
.search-suggestions li[aria-selected="true"], .search-suggestions li:hover { background: var(--color-obsidian-light); color: var(--color-gold-light); }

/* Features grid */
.features-grid .card { height: 100%; }

/* Media blocks */
.media-block .media-figure { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--color-border); box-shadow: var(--shadow-base); }
.media-block .media-figure img { display: block; }
.media-block .media-figure figcaption { padding: var(--space-2) var(--space-3); background: var(--color-background-elevated); border-top: 1px solid var(--color-border-subtle); font-size: var(--font-size-sm); }

/* CTA Final */
.cta-final .btn { margin-top: var(--space-2); }

/* Responsive tweaks */
@media (max-width: 1024px) {
  .hero-inner { margin-top: calc(-1 * var(--space-20)); }
}
@media (max-width: 640px) {
  .hero-content { padding: var(--space-6); }
  .hero-search { flex-direction: column; }
}