/* Home page — front-page.php.
   Layout only: every colour, size and space value comes from tokens.css.
   No shadows, no large radii, no external fonts. Mobile-first (375 / 768 / 1280). */

/* --- 1. hero ------------------------------------------------------------ */
.home-hero{padding-block:var(--section-y) var(--section-y-tight)}
.home-hero__copy>*:last-child{margin-bottom:0}
.home-hero__media{order:-1}
/* Hero image: shown whole in the picture's own portrait proportions. The shared .media rule's
   fixed 4:3 frame and crop are undone here, so the owner's 1086x1448 design picture is never cut. */
.home-hero__media img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
@media (min-width:900px){
  .home-hero__media{order:0}
}

/* --- 2. positioning ----------------------------------------------------- */
.home-intro .lead{margin-bottom:0}

/* --- 3. numbers band ---------------------------------------------------- */
.home-stats__list{list-style:none;margin:0;padding:0;max-width:none;display:grid;gap:var(--space-5);grid-template-columns:1fr}
.home-stat{border-top:1px solid var(--c-line-strong);padding-top:var(--space-4)}
.home-stat__value{display:block;font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}
.home-stat .meta{display:block;margin-top:var(--space-2)}
@media (min-width:600px){
  .home-stats__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1000px){
  .home-stats__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
}

/* --- 4. lace library entry --------------------------------------------- */
.home-library__copy>*:last-child{margin-bottom:0}
.home-library__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.home-search{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;max-width:34rem;margin:0 0 var(--space-4)}
.home-search__field{flex:1 1 15rem;margin:0}
.home-search__submit{margin:0}
.home-search__submit .btn{flex:0 0 auto}
.home-search__submit .btn:focus-visible{outline-offset:2px}
.home-library__actions{margin:0}

/* --- 5. capabilities --------------------------------------------------- */
.home-caps{margin-top:var(--space-6)}
.home-cap{padding:var(--space-5);border-radius:var(--r-sm)}
.home-cap__title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-h4);margin:0 0 var(--space-2)}
.home-cap p{margin:0;max-width:40ch;font-size:var(--fs-small);color:var(--c-ink-soft)}

/* --- 6. featured lace -------------------------------------------------- */
.home-featured__grid{margin-top:var(--space-6)}
.home-lace-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:var(--r-sm)}
.home-lace-card__media{border-radius:0}
.home-lace-card__media img{width:100%;aspect-ratio:1/1;object-fit:cover}
.home-lace-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5)}
.home-lace-card__title{font-size:var(--fs-h4);margin:0}
.home-lace-card__title a{text-decoration:none}
.home-lace-card__title a:hover{text-decoration:underline;text-decoration-color:var(--c-accent)}
.home-lace-card .meta{margin:0;line-height:1.5}
.home-featured__actions{margin:var(--space-6) 0 0}

/* --- 7. about entry ---------------------------------------------------- */
.home-about h2{margin-bottom:var(--space-4)}
.home-about p:last-of-type{margin-bottom:0}
.home-about__actions{margin:var(--space-5) 0 0}

/* --- 8. closing CTA ---------------------------------------------------- */
.home-cta__inner{text-align:center}
.home-cta__title{max-width:34ch;margin-inline:auto}
.home-cta__inner .lead{max-width:48ch;margin-inline:auto;margin-bottom:0}
.home-cta__actions{margin:var(--space-6) 0 0}
.home-cta__actions .btn{margin-inline:auto}