/* Home page exact-tuning overrides */
body.home-page {
  background: #f4f2ef;
}

body.home-page .site-shell,
body.home-page main,
body.home-page .home-stack {
  background: #f4f2ef;
}

body.home-page .topbar {
  mix-blend-mode: normal;
}

/* Keep homepage topbar identical to the global site style */
body.home-page .topbar-link,
body.home-page .brand {
  font-family: var(--font-serif) !important;
  font-size: clamp(2rem, 2.6vw, 3rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  color: rgba(16, 12, 10, 0.95) !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.45), 0 0 1px rgba(255,255,255,0.5) !important;
}

body.home-page .home-stack::before {
  height: 122px;
}

body.home-page .home-stack-track.cargo-grid-sequence {
  width: min(1328px, 100%);
  margin-inline: auto;
  padding-top: 0;
}

body.home-page .frame-row .media-shell {
  background: #ece8e2;
}

/* Exact sequence sizing to match the reference video more closely */
body.home-page .frame-row.h-hero { --frame-h: min(150vh, 1200px); }
body.home-page .frame-row:nth-child(2) { --frame-h: min(150vh, 850px); }
body.home-page .frame-row:nth-child(3) { --frame-h: min(150vh, 900px); }
body.home-page .frame-row:nth-child(4) { --frame-h: min(150vh, 800px); }
body.home-page .frame-row:nth-child(5) { --frame-h: min(150vh, 900px); }
body.home-page .frame-row:nth-child(6) { --frame-h: min(150vh, 700px); }
body.home-page .frame-row:nth-child(7) { --frame-h: min(150vh, 700px); }

/* Per-image crop tuning */
body.home-page img[src*="Etcha_Home1"] { object-position: center 10%; }
body.home-page img[src*="Etcha_Home2"] { object-position: center 48%; }
body.home-page img[src*="Etcha_Home3"] { object-position: center 52%; }
body.home-page img[src*="Etcha_Home4"] { object-position: center 52%; }
body.home-page img[src*="Etcha_Home5"] { object-position: center 53%; }
body.home-page img[src*="Etcha_Home6"] { object-position: center 42%; }
body.home-page img[src*="Etcha_Home7"] { object-position: center 50%; }
body.home-page img[src*="Etcha_Home8"] { object-position: center 50%; }
body.home-page img[src*="Etcha_Home9"] { object-position: center 47%; }
body.home-page img[src*="Etcha_Home10"] { object-position: 42% center; }
body.home-page img[src*="Etcha_Home11"] { object-position: center 46%; }

@media (max-width: 1100px) and (min-width: 768px) {
  body.home-page .topbar-link,
  body.home-page .brand {
    font-size: clamp(1.7rem, 2.2vw, 2.2rem) !important;
    font-weight: 400 !important;
  }

  body.home-page .home-stack-track.cargo-grid-sequence {
    width: 100%;
    padding-top: calc(var(--header-h) + 2px);
  }

  body.home-page .frame-row.h-hero { --frame-h: 360px; }
  body.home-page .frame-row:nth-child(2) { --frame-h: 170px; }
  body.home-page .frame-row:nth-child(3) { --frame-h: 250px; }
  body.home-page .frame-row:nth-child(4) { --frame-h: 220px; }
  body.home-page .frame-row:nth-child(5) { --frame-h: 400px; }
  body.home-page .frame-row:nth-child(6) { --frame-h: 210px; }
  body.home-page .frame-row:nth-child(7) { --frame-h: 250px; }
}

@media (max-width: 767px) {
  body.home-page .topbar-link,
  body.home-page .brand {
    font-size: clamp(1rem, 4.4vw, 1.55rem) !important;
    font-weight: 400 !important;
  }

  body.home-page .home-stack::before {
    height: 72px;
  }

  body.home-page .home-stack-track.cargo-grid-sequence {
    padding-top: 0;
  }

  body.home-page .frame-row.h-hero { --frame-h: 300px; }
  body.home-page .frame-row:nth-child(2) { --frame-h: 300px; }
  body.home-page .frame-row:nth-child(3) { --frame-h: 280px; }
  body.home-page .frame-row:nth-child(4) { --frame-h: 205px; }
  body.home-page .frame-row:nth-child(5) { --frame-h: 300px; }
  body.home-page .frame-row:nth-child(6) { --frame-h: 200px; }
  body.home-page .frame-row:nth-child(7) { --frame-h: 200px; }
}
/* Home: full-bleed images on desktop + mobile */
body.home-page .home-stack-track.cargo-grid-sequence {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.home-page .home-row.frame-row {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

body.home-page .frame-row .media-shell {
  width: 100% !important;
  border-radius: 0 !important;
}

body.home-page .frame-row img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
}