/* The head script opts in before first paint. Without it, content stays visible. */
.msm-hero{background:var(--cream)}
@media(prefers-reduced-motion:no-preference){
  html.has-entrances :is(
    .msm-hero__media,
    .msm-hero .msm-kicker,
    .msm-hero__headline:first-child .msm-hero__line > span,
    .msm-hero .msm-button,
    .msm-hero__qualities,
    .msm-hero__counter,
    #main-content .msm-heading,
    #main-content .product-card,
    #main-content .msm-story__portrait,
    #main-content .msm-story__copy,
    #main-content .msm-story__detail,
    #main-content .msm-gift__copy > *,
    #main-content .msm-scent__copy > *,
    #main-content .msm-commitment,
    #main-content .msm-values > figure,
    #main-content .about-hero__water,
    #main-content .about-hero__logo,
    #main-content .about-signature > *,
    #main-content .about-elegance > *,
    #main-content .about-scent__copy,
    #main-content .contact-hero__image,
    #main-content .contact-hero h1,
    #main-content .contact-section > :not(form),
    #main-content .contact-form,
    #main-content .shop-hero__image,
    #main-content .design-section > .design-text,
    #main-content .pd-gallery,
    #main-content .pd-info,
    #main-content .pd-note-card,
    #main-content .pd-product-card,
    #main-content .conditions-title,
    #main-content .conditions-intro > *,
    #main-content .conditions-policy > *,
    #main-content .msm-search-hero .msm-shell > :not(nav),
    #main-content .msm-search-results__heading,
    #main-content .msm-search-empty,
    #main-content .msm-search-recommendations > :is(h2,p),
    #main-content .msm-cart-intro,
    #main-content .msm-cart-empty,
    #main-content .msm-cart2-items,
    #main-content .msm-cart-samples,
    #main-content .msm-cart-totals,
    #main-content .msm-cart2-coupon-card,
    #main-content .checkout2-intro,
    #main-content .msm-checkout-intro,
    #main-content .checkout2-left > .checkout2-card:not([hidden]),
    #main-content .checkout2-right,
    #main-content .msm-thankyou-intro,
    #main-content .woocommerce-order-overview,
    #main-content .msm-thankyou-details > *,
    #main-content .entry > :not(script,style,.screen-reader-text,.woocommerce-notices-wrapper),
    #main-content .woocommerce-products-header,
    #main-content .products > .product,
    .msm-newsletter__inner > *,
    .footer-grid > *,
    .footer-bottom
  ):not([data-entered]){opacity:0}

  /* Let the opening entrance own these lines until it finishes. */
  html.home-entrance-opening .msm-hero__headline:first-child .msm-hero__line > span{transition:none}
}