/* Add after styles.css. Scoped to the existing homepage; no JS/API changes. */

/* 2026-10-21: reuse the existing vertical extension; fill by cropping. */
[data-view="home"] .hero__slide:nth-child(3) .hero__image {
  object-fit: cover;
  object-position: center 35%;
  transform: none;
}

/* Compact the four original content sections, keeping readable body text. */
[data-view="home"] > .section {
  padding-top: 57px;
  padding-bottom: 57px;
}
[data-view="home"] .section-heading { margin-bottom: 24px; }
[data-view="home"] .shopping-guide { height: 340px; }
[data-view="home"] .artisan-story { min-height: 435px; }
[data-view="home"] .artisan-story__copy { padding: clamp(34px,5.25vw,75px); }
[data-view="home"] .artisan-story h2 { font-size: clamp(37px,5.25vw,57px); }
[data-view="home"] .designer-card > img { aspect-ratio: 2.1; }
[data-view="home"] .designer-card__body { padding: 13.5px; }
[data-view="home"] .ritual-grid { margin-top: 24px; }
[data-view="home"] .ritual-grid strong { margin-top: 12px; }

@media (min-width:900px) {
  [data-view="home"] .artisan-story { grid-template-columns: 1.15fr .85fr; }
  [data-view="home"] .artisan-story > img { min-height: 0; height: 100%; }
  [data-view="home"] > .ritual { padding-top: 38px; padding-bottom: 38px; }
  [data-view="home"] .ritual-grid { margin-top: 18px; }
}

@media (max-width:899px) {
  /* Original carousel height × 4/3, as approved. */
  [data-view="home"] .hero {
    height: calc(clamp(430px,52svh,500px) * 4 / 3);
    min-height: 0;
  }
  /* All slides fill the frame; no letterboxing or artificial side panels. */
  [data-view="home"] .hero__slide {
    background: #bca58d;
  }
  [data-view="home"] .hero__slide .hero__image {
    object-fit: cover;
    object-position: center;
    transform: none;
  }
  [data-view="home"] .hero__slide:nth-child(3) .hero__image {
    object-position: center;
  }
  /* User-approved: crop both original wrist/model photographs. */
  [data-view="home"] .hero__slide:nth-child(1) .hero__image {
    object-fit: cover;
    object-position: 69% 54%;
  }
  [data-view="home"] .hero__slide:nth-child(2) .hero__image {
    object-fit: cover;
    object-position: 78% center;
  }
  [data-view="home"] > .section {
    min-height: 37.5svh;
    padding-top: 22.5px;
    padding-bottom: 24px;
  }
  [data-view="home"] .section-heading { margin-bottom: 13.5px; }
  [data-view="home"] .shopping-guide { height: 206px; }
  [data-view="home"] .shopping-guide__steps {
    left: 9px;
    right: 9px;
    bottom: 9px;
  }
  [data-view="home"] .shopping-guide__steps li { padding: 9px 8px; }
  [data-view="home"] .artisan-story {
    height: 39svh;
    min-height: 322.5px;
  }
  [data-view="home"] .artisan-story__copy { padding: 19.5px 20px 24px; }
  [data-view="home"] .artisan-story h2 { font-size: clamp(37px,10vw,44px); }
  [data-view="home"] .designer-card > img { aspect-ratio: 1.86; }
  [data-view="home"] .designer-card__body { padding: 8px 11px; }
  [data-view="home"] .ritual-grid { margin-top: 13.5px; }
  [data-view="home"] .ritual-grid > div { padding-top: 9.75px; padding-bottom: 9.75px; }
  [data-view="home"] .ritual-grid strong { margin: 0; }
}

@media (max-width:390px) {
  [data-view="home"] .hero { height: calc(clamp(420px,54svh,470px) * 4 / 3); }
  [data-view="home"] .shopping-guide { height: 195px; }
}