/* Preview 17: seasonal opening over the approved Color in Motion layout. */
.home.fall-launch {
  --page-wash: linear-gradient(#211622, #342537 850px, #dfe6f5 1250px);
  background-color: #211622;
}
.fall-launch .hero { color: #fff4f7; }
.home.fall-launch .hero h1 { color: #fff4f7; }
.home.fall-launch .hero-media {
  mask-image: linear-gradient(to right, transparent, rgba(0,0,0,.02) 7%, rgba(0,0,0,.1) 14%, rgba(0,0,0,.26) 22%, rgba(0,0,0,.48) 29%, rgba(0,0,0,.7) 36%, rgba(0,0,0,.9) 43%, #000 50%);
}
.home.fall-launch .hero-media img {
  object-position: 66% center;
  transform-origin: 69% 57%;
  /* Preview 20: an eased opacity tail becomes fully clear before the frame ends.
     The full nail tips remain above the feather; no image pixels are changed. */
  mask-image: linear-gradient(to bottom, #000 70%, rgba(0,0,0,1.0000) 72%, rgba(0,0,0,0.9960) 74%, rgba(0,0,0,0.9715) 76%, rgba(0,0,0,0.9157) 78%, rgba(0,0,0,0.8266) 80%, rgba(0,0,0,0.7088) 82%, rgba(0,0,0,0.5718) 84%, rgba(0,0,0,0.4282) 86%, rgba(0,0,0,0.2912) 88%, rgba(0,0,0,0.1734) 90%, rgba(0,0,0,0.0843) 92%, rgba(0,0,0,0.0285) 94%, rgba(0,0,0,0.0040) 96%, rgba(0,0,0,0.0000) 98%, transparent 100%);
}
.home.fall-launch .hero-copy { width: 49%; }
.home.fall-launch .hero-copy p { color: #ecdae4; }
.home.fall-launch .blue-story { padding-top: clamp(280px, 22vw, 380px); }
.home.fall-launch .site-header.header-over-hero { color: #fff4f7; }
.home.fall-launch .site-header.header-over-hero .wordmark img { filter: invert(1); }
.home.fall-launch .hero .text-link { border-color: #e5cbd8; }
.home.fall-launch .hero :focus-visible { outline-color: #fff4f7; }
.home.fall-launch .looks-section .look-photo img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
/* Preserve the complete photographic frame as the desktop gets wider.
   Beyond 1680px the artwork stops growing; the surrounding color field expands. */
@media (min-width: 761px) {
  .home.fall-launch .hero { height: clamp(760px, 66.6667vw, 1120px); min-height: 0; }
  .home.fall-launch .hero-media {
    inset: 0 max(0px, calc((100% - 1920px) / 2)) 0 auto;
    width: min(100%, 1680px);
    mask-image: linear-gradient(to right, transparent, rgba(0,0,0,.02) 7%, rgba(0,0,0,.1) 14%, rgba(0,0,0,.26) 22%, rgba(0,0,0,.48) 29%, rgba(0,0,0,.7) 36%, rgba(0,0,0,.9) 43%, #000 50%, #000 94%, rgba(0,0,0,.76) 97%, rgba(0,0,0,.25) 99%, transparent);
  }
  .home.fall-launch .hero-media img {
    position: absolute;
    bottom: 0;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    object-position: right bottom;
    animation: none;
    transform: none;
  }
  .home.fall-launch .hero-copy {
    width: min(49%, 840px);
    margin-left: max(0px, calc((100% - 1920px) / 2));
  }
}
.product-page[data-product-mood=wine] { --product-paper: #e7d7e1; --product-glow: #c1a5ba; }
.product-page[data-product-mood=wine] .product-editorial-photo img { aspect-ratio: 3 / 2; object-fit: contain; }
.product-page[data-product-mood=citrus] .product-editorial-photo img { aspect-ratio: 3 / 2; object-fit: contain; }
@media (min-width: 761px) and (max-width: 1100px) {
  .home.fall-launch .hero-copy { width: 51%; }
}
@media (max-width: 760px) {
  .home.fall-launch .hero-media { mask-image: none; }
  .home.fall-launch .hero-media img { object-position: 78% center; }
  .home.fall-launch .hero-copy { width: 100%; }
  .home.fall-launch .blue-story { padding-top: 280px; }
}
@media (prefers-reduced-motion: reduce) {
  .home.fall-launch .hero-media img { animation: none; }
}