/* pages/index.astro */
body.home-page { overflow-x: clip; }
  .home-hero { padding-block: var(--ls-section-space); background: var(--ls-color-brand-soft); }
  .home-hero__grid { display: grid; gap: var(--ls-space-7); }
  .home-hero__copy { align-self: center; }
  .home-hero__copy .ls-display { max-width: 11ch; }
  .home-hero__copy > p:not(.ls-eyebrow, .home-hero__title) { max-width: 36rem; color: var(--ls-color-ink-soft); font-size: var(--ls-text-lg); }
  .home-hero__actions { display: flex; flex-wrap: wrap; gap: var(--ls-space-3); margin-top: var(--ls-space-6); }
  .home-hero__proof { display: flex; flex-wrap: wrap; gap: var(--ls-space-2) var(--ls-space-5); padding: var(--ls-space-5) 0 0; margin: var(--ls-space-5) 0 0; border-top: 1px solid rgb(17 17 17 / 16%); list-style: none; }
  .home-hero__proof li { position: relative; padding-left: var(--ls-space-4); color: var(--ls-color-ink-soft); font-size: var(--ls-text-caption); font-weight: 600; text-transform: uppercase; letter-spacing: var(--ls-tracking-control); }
  .home-hero__proof li::before { position: absolute; top: .45em; left: 0; width: .42rem; height: .42rem; border-radius: 50%; background: var(--ls-color-brand-dark); content: ''; }
  .home-hero__visual { order: -1; overflow: hidden; aspect-ratio: 4 / 3; margin: 0; border-radius: var(--ls-radius-card); background: #e8c5c1; }
  .home-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; }
  .home-section-heading { display: grid; gap: var(--ls-space-4); margin-bottom: var(--ls-space-7); }
  .home-section-heading h2 { margin-bottom: 0; }
  .home-section-heading > p { max-width: 40rem; margin: 0; color: var(--ls-color-ink-soft); }
  .home-showroom__grid { display: grid; grid-template-columns: 1fr; gap: var(--ls-space-4); }
  .home-showroom__card { position: relative; display: block; min-width: 0; overflow: hidden; aspect-ratio: 4 / 5; border-radius: var(--ls-radius-card); background: var(--ls-color-subtle); color: var(--ls-color-paper); text-decoration: none; }
  .home-showroom__card::after { position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgb(17 17 17 / 82%)); content: ''; }
  .home-showroom__card img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--ls-motion-base); }
  .home-showroom__card:hover img { transform: scale(1.035); }
  .home-showroom__card span { position: absolute; z-index: 1; right: var(--ls-space-4); bottom: var(--ls-space-4); left: var(--ls-space-4); display: grid; grid-template-columns: 1fr auto; align-items: end; gap: var(--ls-space-2); font-family: var(--ls-font-display); font-size: var(--ls-text-card); font-weight: 500; letter-spacing: var(--ls-tracking-heading); line-height: 1.12; }
  .home-showroom__card small { grid-column: 1 / -1; font-family: var(--ls-font-body); font-size: var(--ls-text-caption); font-weight: 600; letter-spacing: var(--ls-tracking-label); }
  .home-lash-types { display: flex; flex-wrap: wrap; gap: var(--ls-space-2); margin-top: var(--ls-space-6); }
  .home-lash-types a { display: inline-flex; align-items: center; gap: var(--ls-space-2); padding: .65rem .9rem; border: 1px solid var(--ls-color-line); border-radius: 999px; color: var(--ls-color-ink-soft); font-size: var(--ls-text-xs); text-decoration: none; }
  .home-lash-types a:hover { border-color: var(--ls-color-brand-dark); color: var(--ls-color-brand-dark); }
  .home-services { padding-block: var(--ls-section-space-compact); color: var(--ls-color-paper); background: var(--ls-color-ink); }
  .home-services__grid { display: grid; gap: var(--ls-space-5); }
  .home-services article { display: grid; grid-template-columns: auto 1fr; gap: var(--ls-space-4); }
  .home-services article > span { color: var(--ls-color-brand-soft); font-size: var(--ls-text-caption); font-weight: 600; letter-spacing: var(--ls-tracking-control); }
  .home-services h2 { margin-bottom: var(--ls-space-1); font-family: var(--ls-font-body); font-size: var(--ls-text-sm); font-weight: 600; letter-spacing: 0; line-height: var(--ls-leading-small); }
  .home-services p { margin: 0; color: rgb(255 255 255 / 70%); font-size: var(--ls-text-sm); }
  .home-oem { background: var(--ls-color-cool); }
  .home-oem__grid { display: grid; gap: var(--ls-space-8); }
  .home-oem__visual { overflow: hidden; aspect-ratio: 4 / 3; margin: 0; border-radius: var(--ls-radius-card); background: #ead8ca; }
  .home-oem__visual img { width: 100%; height: 100%; object-fit: cover; }
  .home-oem__copy { align-self: center; }
  .home-oem__copy > p { max-width: 38rem; color: var(--ls-color-ink-soft); font-size: var(--ls-text-lg); }
  .home-oem__copy ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ls-space-3); padding: var(--ls-space-5) 0; margin: var(--ls-space-5) 0; border-block: 1px solid rgb(17 17 17 / 15%); list-style: none; }
  .home-oem__copy li { position: relative; padding-left: var(--ls-space-4); font-size: var(--ls-text-sm); }
  .home-oem__copy li::before { position: absolute; top: .55em; left: 0; width: .4rem; height: .4rem; border-radius: 50%; background: var(--ls-color-brand-dark); content: ''; }
  .home-trending { background: var(--ls-color-subtle); }
  .home-about { background: var(--ls-color-brand-soft); }
  .home-about__grid { display: grid; gap: var(--ls-space-7); }
  .home-about figure { margin: 0; overflow: hidden; border-radius: var(--ls-radius-card); }
  .home-about figure img { width: 100%; height: 100%; object-fit: cover; }
  .home-about__copy { align-self: center; }
  .home-about__copy p { color: var(--ls-color-ink-soft); }
  .home-about__lead { color: var(--ls-color-ink) !important; font-size: var(--ls-text-lg); }
  .home-audiences__grid { border-top: 1px solid var(--ls-color-line); }
  .home-audiences article { display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--ls-space-5); padding-block: var(--ls-space-6); border-bottom: 1px solid var(--ls-color-line); }
  .home-audiences article > div { display: grid; min-width: 0; grid-template-columns: 1fr; }
  .home-audiences article span { padding-top: .35rem; color: var(--ls-color-brand-dark); font-size: var(--ls-text-caption); font-weight: 600; letter-spacing: var(--ls-tracking-label); }
  .home-audiences h3 { font-size: var(--ls-text-xl); }
  .home-audiences article p { max-width: 44rem; color: var(--ls-color-ink-soft); }
  .home-audiences article a { display: inline-flex; align-items: center; gap: var(--ls-space-2); width: fit-content; margin-top: auto; color: var(--ls-color-brand-dark); font-size: var(--ls-text-sm); text-decoration: none; }
  .home-capability { color: var(--ls-color-paper); background: var(--ls-color-ink); }
  .home-capability .ls-eyebrow { color: var(--ls-color-brand-soft); }
  .home-capability__top { display: grid; gap: var(--ls-space-7); }
  .home-capability__top > div:first-child { max-width: 46rem; }
  .home-capability__top p:last-child { color: rgb(255 255 255 / 68%); }
  .home-certificates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ls-space-3); }
  .home-certificates span { display: grid; min-height: 7.5rem; place-items: center; padding: var(--ls-space-3); overflow-wrap: anywhere; border: 1px solid rgb(255 255 255 / 28%); border-radius: 50%; color: var(--ls-color-brand-soft); font-family: var(--ls-font-display); font-size: var(--ls-text-sm); line-height: 1; text-align: center; }
  .home-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding-top: var(--ls-space-7); margin-top: var(--ls-space-7); border-top: 1px solid rgb(255 255 255 / 18%); }
  .home-stats div { padding: var(--ls-space-5) var(--ls-space-3); background: rgb(255 255 255 / 4%); }
  .home-stats dt { font-family: var(--ls-font-display); font-size: clamp(1.75rem, 4vw, 3.5rem); line-height: 1; }
  .home-stats dd { margin: var(--ls-space-3) 0 0; color: rgb(255 255 255 / 62%); font-size: var(--ls-text-xs); }
  .home-process__grid { display: grid; gap: var(--ls-space-4); padding: 0; margin: 0; list-style: none; }
  .home-process__grid li { padding: var(--ls-space-5); border: 1px solid var(--ls-color-line); border-radius: var(--ls-radius-card); }
  .home-process__grid li > span { display: block; margin-bottom: var(--ls-space-7); color: var(--ls-color-brand-dark); font-size: var(--ls-text-caption); font-weight: 600; letter-spacing: var(--ls-tracking-label); }
  .home-process__grid h3 { margin-bottom: var(--ls-space-3); font-size: var(--ls-text-card); line-height: 1.12; }
  .home-process__grid p { margin: 0; color: var(--ls-color-ink-soft); font-size: var(--ls-text-sm); }
  .home-testimonial { background: var(--ls-color-brand-soft); }
  .home-testimonial__grid { display: grid; gap: var(--ls-space-7); }
  .home-testimonial blockquote { margin: 0; }
  .home-testimonial blockquote > p { margin-bottom: var(--ls-space-5); font-family: var(--ls-font-display); font-size: var(--ls-text-xl); line-height: 1.35; }
  .home-testimonial blockquote footer { display: flex; flex-direction: column; gap: var(--ls-space-1); font-size: var(--ls-text-sm); }
  .home-testimonial blockquote footer span { color: var(--ls-color-ink-soft); }
  .home-testimonial aside { padding: var(--ls-space-6); border-radius: var(--ls-radius-card); background: rgb(255 255 255 / 55%); }
  .home-testimonial aside h3 { font-size: var(--ls-text-xl); }
  .home-testimonial aside p:last-child { margin: 0; color: var(--ls-color-ink-soft); }
  .home-instagram { background: var(--ls-color-subtle); }
  .home-instagram__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ls-space-3); }
  .home-instagram__grid a { position: relative; display: block; overflow: hidden; aspect-ratio: 1; border-radius: var(--ls-radius-control); background: var(--ls-color-line); color: var(--ls-color-paper); }
  .home-instagram__grid img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--ls-motion-base); }
  .home-instagram__grid a:hover img { transform: scale(1.035); }
  .home-instagram__grid span { position: absolute; inset: 0; display: grid; align-content: end; gap: var(--ls-space-2); padding: var(--ls-space-4); background: linear-gradient(transparent 45%, rgb(17 17 17 / 78%)); }
  .home-instagram__grid small { overflow: hidden; font-size: var(--ls-text-xs); line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
  .home-instagram__more { display: flex; justify-content: center; margin-top: var(--ls-space-6); }
  .home-contact { color: var(--ls-color-paper); background: var(--ls-color-ink); }
  .home-contact__grid { display: grid; gap: var(--ls-space-7); }
  .home-contact__details { display: grid; align-content: start; gap: var(--ls-space-3); }
  .home-contact__details .ls-eyebrow { color: var(--ls-color-brand-soft); }
  .home-contact__details h2 { margin-bottom: var(--ls-space-4); }
  .home-contact__details h2 strong { font-weight: 400; }
  .home-contact__manager { margin: 0 0 var(--ls-space-4); color: rgb(255 255 255 / 72%); }
  .home-contact__details a { width: fit-content; color: var(--ls-color-paper); }
  .home-contact__phone { font-family: var(--ls-font-display); font-size: var(--ls-text-xl); text-decoration: none; }
  .home-contact address { max-width: 34rem; margin-top: var(--ls-space-4); color: rgb(255 255 255 / 70%); font-style: normal; }
  .home-contact__form { display: grid; gap: var(--ls-space-4); padding: var(--ls-space-6); border-radius: var(--ls-radius-card); color: var(--ls-color-ink); background: var(--ls-color-paper); }
  .home-contact__form > h2 { margin-bottom: var(--ls-space-2); font-size: var(--ls-text-xl); }
  @media (min-width: 48rem) {
    .home-certificates span { font-size: var(--ls-text-lg); }
    .home-section-heading--action { grid-template-columns: 1fr auto; }
    .home-section-heading--action { align-items: end; }
    .home-showroom__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-audiences article { grid-template-columns: 3rem minmax(13rem, .65fr) minmax(0, 1.35fr); align-items: start; }
    .home-audiences article > div { display: contents; }
    .home-audiences article p { margin: .35rem 0 0; }
    .home-audiences article a { grid-column: 3; margin-top: var(--ls-space-4); }
    .home-capability__top { grid-template-columns: minmax(0, 1fr) 24rem; align-items: center; }
    .home-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .home-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-testimonial__grid { grid-template-columns: .75fr 1.25fr; }
    .home-testimonial aside { grid-column: 2; }
    .home-instagram__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  @media (min-width: 64rem) {
    .home-hero { padding-block: var(--ls-space-8); }
    .home-hero__grid { grid-template-columns: minmax(22rem, .82fr) minmax(0, 1.18fr); align-items: stretch; min-height: 42rem; }
    .home-hero__visual { order: 0; min-height: 42rem; aspect-ratio: auto; }
    .home-showroom__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .home-services__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .home-oem__grid { grid-template-columns: minmax(0, 1.05fr) minmax(24rem, .95fr); align-items: center; }
    .home-about__grid { grid-template-columns: minmax(0, 1fr) minmax(24rem, 1fr); align-items: center; }
    .home-process__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-testimonial__grid { grid-template-columns: .7fr 1.3fr .85fr; align-items: start; }
    .home-testimonial aside { grid-column: auto; }
    .home-contact__grid { grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr); }
  }
/* Keep the long home page below the fold out of initial mobile layout work. */
.home-hero ~ section {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}