/* Homepage — monochrome editorial. Ink on warm paper, serif display, one
   thread of brass. Uses shared components from theme.css; only page-specific
   layout lives here. Static only: no hover/focus/active, no transitions,
   no animation. */

/* ── Hero: full-bleed photo, headline overlaid bottom-left ── */
.home-hero{padding:0}
.home-hero__media{position:relative;margin:0;width:100%}
.home-hero__media img{display:block;width:100%;height:88vh;min-height:520px;max-height:900px;object-fit:cover;background:var(--ivory)}
.home-hero__overlay{
  position:absolute;left:0;right:0;bottom:0;
  padding:var(--space-2xl) var(--space-l);
  max-width:44ch;
  background:linear-gradient(to top,rgba(23,20,16,.72),rgba(23,20,16,0));
  color:var(--on-wine);
}
.home-hero__overlay .eyebrow{color:var(--on-wine-2)}
.home-hero__overlay h1{margin-top:var(--space-s);color:var(--on-wine)}
.home-hero__lead{margin-top:var(--space-m);font-size:var(--step-1);color:var(--on-wine-2);line-height:1.6}
.home-hero .cta-row{margin-top:var(--space-l)}
/* Hero CTAs sit on the dark scrim, so they use a light-on-dark treatment
   (the default .btn.on-wine is oxblood, sized for the light stone bands). */
.home-hero__overlay .btn.on-wine{background:var(--on-wine);color:var(--ink);border-color:var(--on-wine)}
.home-hero__overlay .btn.on-wine-ghost{background:transparent;color:var(--on-wine);border-color:var(--on-wine-2)}

/* ── Range: product cards (shared .product-card) ── */
.home-range{margin-top:var(--space-l)}

/* ── House band: image + text ── */
.home-house{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}
.home-house__media{margin:0}
.home-house__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.home-house__text{max-width:46ch}
.home-house__text h2{margin-top:var(--space-s)}
.home-house__text p{margin-top:var(--space-m);color:var(--ink-2)}

@media (max-width:900px){
  .home-house{grid-template-columns:1fr;gap:var(--space-l)}
  .home-hero__media img{height:56vh;min-height:380px}
  .home-hero__overlay{
    position:static;max-width:none;
    background:var(--ink);color:var(--on-wine);
    padding:var(--space-l) var(--space-m);
  }
}