/*
 * ZEO homepage presentation.
 *
 * These rules used to live inside a Custom HTML block on the Home page. Keeping
 * them in the theme makes the saved Gutenberg markup valid and lets a matching,
 * editor-safe stylesheet reproduce the same hierarchy in the visual editor.
 */

/* Remove only the gaps between the homepage's full-bleed modules. */
body.home .wp-site-blocks > * + *,
body.home .zeo-site-main,
body.home .zeo-site-main > .wp-block-post-content,
body.home .wp-block-post-content > * + * {
  margin-block-start: 0 !important;
}

body.home .zeo-site-main,
body.home .zeo-site-main > .wp-block-post-content {
  padding-block-start: 0 !important;
}

.zeo-video-hero,
.zeo-home-static,
.zeo-home-static > .alignfull,
.zeo-home-static > .alignfull + .alignfull {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.zeo-home-static {
  gap: 0 !important;
  padding: 0 !important;
  --wp--style--block-gap: 0px;
  --zeo-reference-serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --zeo-reference-control: "EB Garamond", "Cormorant Garamond", Georgia, serif;
}

/* Scheme C homepage surfaces. Artwork/video pixels stay outside these rules. */
body.home {
  --zeo-scheme-light: #E6E8D5;
  --zeo-scheme-sage: #A7BF8F;
  --zeo-scheme-ink: #2F2A28;
  --zeo-scheme-muted: #55564D;
  --zeo-scheme-clay: #6A382B;
  --zeo-scheme-dark: #34463D;
  --zeo-scheme-ivory: #FFF9D6;
  --zeo-scheme-sand: #E0B97D;
  --zeo-scheme-rule: #8B7963;
}

/* The video hero keeps its timed reveal, now starting at roughly 2.65s. */
.zeo-video-hero .zeo-hero-title,
.zeo-video-hero .zeo-hero-subtitle,
.zeo-video-hero .zeo-hero-scroll {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 1050ms cubic-bezier(.445,.05,.55,.95), transform 1050ms cubic-bezier(.445,.05,.55,.95);
}

/* Native Cover HERO: keep the editable Gutenberg content above the video and
   use the confirmed centered Scheme C composition. */
.zeo-video-hero > .wp-block-cover__inner-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
}
.zeo-video-hero > .wp-block-cover__inner-container > .zeo-video-hero__layout {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* The legacy `zeo/video-hero` renderer is not a Cover, so give its layout the
   same high-specificity contract after the 1.9.x compatibility stylesheet. */
.zeo-video-hero[data-zeo-video-hero] .zeo-video-hero__layout,
.zeo-video-hero:not(.wp-block-cover) .zeo-video-hero__layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.zeo-video-hero[data-zeo-video-hero] .zeo-video-hero__content,
.zeo-video-hero:not(.wp-block-cover) .zeo-video-hero__content {
  width: min(800px, 90vw) !important;
  margin-inline: auto !important;
  text-align: center !important;
}
.zeo-video-hero[data-zeo-video-hero] .zeo-video-hero__content h1,
.zeo-video-hero[data-zeo-video-hero] .zeo-video-hero__content .zeo-video-hero__subtitle,
.zeo-video-hero:not(.wp-block-cover) .zeo-video-hero__content h1,
.zeo-video-hero:not(.wp-block-cover) .zeo-video-hero__content .zeo-video-hero__subtitle {
  margin-inline: auto !important;
  text-align: center !important;
}

.zeo-video-hero .zeo-hero-scroll > a {
  display: block;
  width: 100%;
  height: 100%;
}

/* The owner confirmed the legacy Explore CTA is removed from the 2.0 HERO;
   saved Gutenberg content remains untouched for rollback. */
body.home .zeo-video-hero :where(.zeo-video-hero__cta,.wp-block-button,.wp-block-buttons) {
  display: none !important;
}
body.home .zeo-video-hero p:has(> .zeo-video-hero__cta) {
  display: none !important;
}

.zeo-video-hero.is-intro-visible .zeo-hero-title,
.zeo-video-hero.is-intro-visible .zeo-hero-subtitle,
.zeo-video-hero.is-intro-visible .zeo-hero-scroll {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.zeo-video-hero.is-intro-visible .zeo-hero-subtitle { transition-delay: 180ms; }
.zeo-video-hero.is-intro-visible .zeo-hero-scroll { transition-delay: 360ms; }

.zeo-video-hero .zeo-hero-title {
  position: relative;
  z-index: 4;
  width: 100%;
  margin-inline: auto !important;
  text-align: center !important;
  color: #FFF9D6 !important;
  -webkit-text-fill-color: #FFF9D6 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(42px, 5.4vw, 76px) !important;
  font-weight: 300 !important;
  line-height: 1.04 !important;
  letter-spacing: .05em !important;
}

.zeo-video-hero .zeo-hero-subtitle {
  position: relative;
  z-index: 4;
  width: 100%;
  margin-inline: auto !important;
  text-align: center !important;
  color: #FFF9D6 !important;
  -webkit-text-fill-color: #FFF9D6 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(17px, 1.4vw, 21px) !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}

.zeo-video-hero .zeo-hero-scroll {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: clamp(68px, 8.5vh, 86px);
  width: 50px;
  height: 44px;
  margin: 0 !important;
  transform: translate3d(-50%, 18px, 0);
}

.zeo-video-hero.is-intro-visible .zeo-hero-scroll { transform: translate3d(-50%, 0, 0); }

.zeo-video-hero .zeo-hero-scroll span {
  position: absolute;
  left: 50%;
  top: 4px;
  width: 23px;
  height: 23px;
  border-right: 1.5px solid #FFF9D6;
  border-bottom: 1.5px solid #FFF9D6;
  transform: translateX(-50%) rotate(45deg);
  transition: transform 220ms ease, border-color 220ms ease;
}

.zeo-video-hero .zeo-hero-scroll a:hover span,
.zeo-video-hero .zeo-hero-scroll a:focus-visible span {
  border-color: #E0B97D;
  transform: translate(-50%, 3px) rotate(45deg);
}

/* NEW WORKS keeps the existing query, cards, order, ratios and controls. */
body.home .zeo-new-arrivals {
  color: #2F2A28 !important;
  background-color: #E6E8D5 !important;
  background-image: linear-gradient(rgba(230,232,213,.78), rgba(230,232,213,.78)), url('../images/zeo-commerce-plaster.png') !important;
  background-position: center;
  background-size: cover;
  background-blend-mode: normal, multiply;
}
body.home .zeo-new-arrivals :where(h1,h2,h3,p,a,button,span) { color: #2F2A28; }
body.home .zeo-new-arrivals :where(.zeo-commerce-heading > p, .zeo-product-card__material, .zeo-product-card__dimensions, .zeo-product-card__price) { color: #55564D; }
body.home .zeo-new-arrivals .zeo-product-card__image {
  border-color: rgba(139,121,99,.52);
  background: rgba(230,232,213,.38);
}
body.home .zeo-new-arrivals .zeo-product-card__gallery-controls button,
body.home .zeo-new-arrivals .zeo-product-card__mode {
  color: #2F2A28;
  background: rgba(230,232,213,.88);
  border-color: rgba(139,121,99,.46);
}
body.home .zeo-new-arrivals .zeo-product-carousel__controls button { background: rgba(230,232,213,.82); }
body.home .zeo-new-arrivals .zeo-carousel-progress button::before { background: rgba(139,121,99,.34); }
body.home .zeo-new-arrivals .zeo-carousel-progress button.is-active::before { background: #2F2A28; }

/* The homepage commission strip is the deep CTA immediately before the footer. */
body.home :where(.zeo-commission-strip, .zeo-closing-cta) {
  color: #FFF9D6 !important;
  background-color: #34463D !important;
  background-image: radial-gradient(circle at 14% 18%, rgba(255,249,214,.045) 0 1px, transparent 1.5px), linear-gradient(118deg, rgba(255,249,214,.025), transparent 48%, rgba(0,0,0,.045)) !important;
  background-size: 7px 7px, 100% 100%;
}
body.home .zeo-commission-strip :where(h1,h2,h3,p,a,span),
body.home .zeo-closing-cta :where(h1,h2,h3,p,a,span) { color: #FFF9D6 !important; }
body.home .zeo-commission-strip a,
body.home .zeo-closing-cta a { border-color: #E0B97D !important; }
body.home .zeo-commission-strip a:hover,
body.home .zeo-commission-strip a:focus-visible,
body.home .zeo-closing-cta a:hover,
body.home .zeo-closing-cta a:focus-visible { background: rgba(224,185,125,.12); }

/* Media stays still after the hero; only the copy is animated. */
.zeo-home-static .zeo-feature-cover,
.zeo-home-static .zeo-feature-cover.zeo-reveal,
.zeo-home-static .zeo-feature-cover.zeo-motion-fade,
.zeo-home-static .zeo-dynamic-card.zeo-motion-fade,
.zeo-home-static .zeo-editorial-card.zeo-motion-fade,
.zeo-home-static .zeo-portrait.zeo-motion-fade {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  clip-path: none !important;
  animation: none !important;
}

.zeo-home-static .wp-block-cover__image-background,
.zeo-home-static .wp-block-cover__video-background,
.zeo-home-static .zeo-feature-cover img,
.zeo-home-static .zeo-feature-cover:hover img,
.zeo-home-static .zeo-carousel__slide img,
.zeo-home-static .zeo-carousel__slide video,
.zeo-home-static .zeo-carousel__slide.is-slide-motion-active img,
.zeo-home-static .zeo-carousel__slide.is-slide-motion-active video,
.zeo-home-static .zeo-dynamic-card img,
.zeo-home-static .zeo-dynamic-card:hover img,
.zeo-home-static .zeo-editorial-card img,
.zeo-home-static .zeo-editorial-card:hover img {
  transform: none !important;
  filter: none !important;
}

/* Shared Artelier-style text position. 16vw leaves room for the edge arrows. */
.zeo-home-static .zeo-feature-cover .wp-block-cover__inner-container {
  position: relative;
  display: flex !important;
  align-items: center !important;
  width: 100%;
  min-height: inherit;
}

.zeo-home-static .zeo-feature-copy {
  display: block !important;
  box-sizing: border-box !important;
  width: min(790px, 100%) !important;
  margin: 0 auto 0 0 !important;
  padding: clamp(54px, 7vw, 104px) clamp(28px, 6vw, 86px) clamp(54px, 7vw, 104px) clamp(96px, 16vw, 230px) !important;
}

.zeo-home-static .zeo-feature-copy > * { margin-block-start: 0 !important; }

.zeo-home-static .zeo-feature-copy .zeo-kicker,
.zeo-home-static .zeo-carousel__caption .zeo-kicker {
  margin: 0 0 clamp(42px, 4vw, 58px) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--zeo-reference-serif) !important;
  font-size: clamp(32px, 2.65vw, 38px) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  letter-spacing: .05em !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.zeo-home-static .zeo-feature-copy .zeo-kicker::after,
.zeo-home-static .zeo-carousel__caption .zeo-kicker::after {
  content: "";
  display: block;
  width: 116px !important;
  height: 1px !important;
  margin-top: 24px !important;
  background: #E0B97D !important;
  opacity: 0;
  animation: none !important;
  clip-path: none !important;
  transform: scaleX(0);
  transform-origin: left center !important;
  will-change: transform, opacity;
}

/* The section label enters first. The rule deliberately waits for the main
   heading/description phase, then grows continuously from left to right. */
.zeo-home-static .zeo-feature-copy .zeo-kicker.is-motion-visible::after,
.zeo-home-static .zeo-carousel__slide.is-slide-motion-active .zeo-kicker::after {
  animation: zeo-home-rule-grow 1200ms cubic-bezier(.645,.045,.355,1) 800ms both !important;
}

@keyframes zeo-home-rule-grow {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  10% { opacity: 1; }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}

.zeo-home-static .zeo-feature-copy h2,
.zeo-home-static .zeo-carousel__caption h2 {
  margin: 0 0 15px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--zeo-reference-serif) !important;
  font-size: clamp(38px, 3.25vw, 54px) !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.zeo-home-static .zeo-feature-copy > p:not(.zeo-kicker),
.zeo-home-static .zeo-carousel__caption > p:not(.zeo-kicker) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--zeo-reference-serif) !important;
  font-size: clamp(18px, 1.4vw, 20px) !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.zeo-home-static .zeo-feature-copy > p:not(.zeo-kicker):not(:last-child),
.zeo-home-static .zeo-carousel__caption > p:not(.zeo-kicker) {
  max-width: 440px !important;
  margin: 0 0 38px !important;
}

.zeo-home-static .zeo-feature-copy > p:last-child { margin: 0 !important; }

.zeo-home-static .zeo-feature-copy .zeo-text-link,
.zeo-home-static .zeo-carousel__caption .zeo-text-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 43px !important;
  box-sizing: border-box !important;
  padding: 8px 25px !important;
  border: 1px solid #fff !important;
  background: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--zeo-reference-control) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  width: max-content !important;
  margin: 0 !important;
  transform: none !important;
  transition: background-color 240ms ease, color 240ms ease !important;
}

.zeo-home-static .zeo-feature-copy > p:has(.zeo-text-link) {
  width: max-content !important;
  margin: 0 !important;
  transform: none !important;
}

.zeo-home-static .zeo-feature-copy .zeo-text-link::after,
.zeo-home-static .zeo-carousel__caption .zeo-text-link::after { display: none !important; }

.zeo-home-static .zeo-feature-copy .zeo-text-link:hover,
.zeo-home-static .zeo-feature-copy .zeo-text-link:focus-visible,
.zeo-home-static .zeo-carousel__caption .zeo-text-link:hover,
.zeo-home-static .zeo-carousel__caption .zeo-text-link:focus-visible {
  background: #fff !important;
  color: #333232 !important;
  -webkit-text-fill-color: #333232 !important;
}

/* Bottom label used by the single-image sections. */
.zeo-home-static .zeo-feature-footer {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 28px;
  margin: 0 !important;
  transform: translateX(-50%);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--zeo-reference-serif) !important;
  font-size: clamp(17px, 1.45vw, 21px) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  letter-spacing: .03em !important;
  white-space: nowrap;
}

/* Shared three-slide homepage carousels. */
.zeo-home-static .zeo-home-feature-carousel { margin: 0 !important; }

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__slide::after {
  background: rgba(0, 0, 0, var(--zeo-carousel-overlay, .4));
}

/* The Artist carousel is found from its editable label (Artist, Artists or the
   former Material Practice name). Its image is deliberately taller than the
   clipped slide, allowing the complete frame to travel vertically with scroll. */
.zeo-home-static .zeo-home-artist-focus .zeo-carousel__slide::after {
  background: transparent !important;
  opacity: 0 !important;
}

.zeo-home-static .zeo-home-artist-focus .zeo-carousel__slide {
  overflow: hidden;
}

.zeo-home-static .zeo-home-artist-focus .zeo-carousel__slide img,
.zeo-home-static .zeo-home-artist-focus .zeo-carousel__slide video {
  top: -14% !important;
  bottom: auto !important;
  width: 100% !important;
  height: 128% !important;
  max-width: none !important;
  object-position: var(--zeo-slide-position, 50% 50%) !important;
  transform: translate3d(0, var(--zeo-artist-parallax-y, 0px), 0) !important;
  transition: none !important;
  will-change: transform;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__caption {
  top: clamp(150px, 27%, 205px);
  right: clamp(28px, 8vw, 116px);
  bottom: auto;
  left: clamp(96px, 16vw, 230px);
  max-width: 560px;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__controls {
  top: 50%;
  right: clamp(24px, 7vw, 104px);
  left: clamp(24px, 7vw, 104px);
  transform: translateY(-50%);
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__button {
  position: relative;
  width: 54px;
  height: 82px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: transparent;
  backdrop-filter: none;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
}

.zeo-home-static .zeo-home-feature-carousel [data-carousel-previous]::before {
  transform: translate(-36%, -50%) rotate(45deg);
}

.zeo-home-static .zeo-home-feature-carousel [data-carousel-next]::before {
  transform: translate(-64%, -50%) rotate(225deg);
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__button:focus-visible {
  outline: 1px solid #fff;
  outline-offset: 4px;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__meta {
  position: absolute;
  z-index: 3;
  right: 96px;
  bottom: 51px;
  left: 96px;
  margin: 0;
  color: #fff;
  font-family: var(--zeo-reference-serif);
  font-size: clamp(17px, 1.45vw, 21px);
  font-style: italic;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: .03em;
  text-align: center;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__dots {
  bottom: 20px;
  gap: 14px;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__dot,
.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__dot.is-active {
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #fff;
  transition: background-color 260ms ease, transform 260ms ease;
}

.zeo-home-static .zeo-home-feature-carousel .zeo-carousel__dot.is-active {
  background: transparent;
  transform: scale(1.08);
}

/* Keep non-hero editorial typography solid and predictable. */
.zeo-home-static .zeo-dark-section,
.zeo-home-static .zeo-dark-section :where(h1,h2,h3,h4,h5,h6,p,a,cite,span) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.zeo-home-static .zeo-dark-section :where(h1,h2,h3,h4,h5,h6,p,cite),
.zeo-home-static .zeo-testimonials :where(h2,p,cite) {
  font-family: var(--zeo-reference-serif) !important;
}

.zeo-home-static .zeo-dark-section :where(a,button),
.zeo-home-static .zeo-testimonials :where(a,button) {
  font-family: var(--zeo-reference-control) !important;
}

.zeo-home-static .zeo-testimonials,
.zeo-home-static .zeo-testimonials :where(h2,p,cite,a) {
  color: #333232 !important;
  -webkit-text-fill-color: #333232 !important;
}

@media (max-width: 767px) {
  .zeo-video-hero > .wp-block-cover__inner-container > .zeo-video-hero__layout {
    align-items: center !important;
    justify-content: center !important;
  }

  .zeo-video-hero .zeo-hero-title { font-size: clamp(42px, 15vw, 68px) !important; }
  .zeo-video-hero .zeo-hero-subtitle { font-size: clamp(16px, 4.8vw, 19px) !important; }
  .zeo-video-hero .zeo-hero-scroll { bottom: clamp(48px, 7vh, 64px); }

  .zeo-home-static .zeo-feature-copy {
    width: 100% !important;
    padding: 52px 24px 92px !important;
  }

  .zeo-home-static .zeo-feature-copy .zeo-kicker,
  .zeo-home-static .zeo-carousel__caption .zeo-kicker {
    margin-bottom: 36px !important;
    font-size: 30px !important;
  }

  .zeo-home-static .zeo-feature-copy .zeo-kicker::after,
  .zeo-home-static .zeo-carousel__caption .zeo-kicker::after {
    width: 92px !important;
    margin-top: 18px !important;
  }

  .zeo-home-static .zeo-feature-copy h2,
  .zeo-home-static .zeo-carousel__caption h2 {
    margin-bottom: 14px !important;
    font-size: clamp(40px, 13vw, 52px) !important;
  }

  .zeo-home-static .zeo-feature-copy > p:not(.zeo-kicker),
  .zeo-home-static .zeo-carousel__caption > p:not(.zeo-kicker) {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  .zeo-home-static .zeo-home-feature-carousel .zeo-carousel__caption {
    top: auto;
    right: 48px;
    bottom: 108px;
    left: 48px;
  }

  .zeo-home-static .zeo-home-feature-carousel .zeo-carousel__controls {
    right: 8px;
    left: 8px;
  }

  .zeo-home-static .zeo-home-feature-carousel .zeo-carousel__button {
    width: 42px;
    height: 68px;
  }

  .zeo-home-static .zeo-home-feature-carousel .zeo-carousel__button::before {
    width: 22px;
    height: 22px;
    border-width: 0 0 2px 2px;
  }

  .zeo-home-static .zeo-home-feature-carousel .zeo-carousel__meta {
    right: 22px;
    bottom: 48px;
    left: 22px;
    overflow: hidden;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .zeo-home-static .zeo-feature-footer {
    bottom: 24px;
    max-width: calc(100% - 48px);
    overflow: hidden;
    font-size: 16px !important;
    text-overflow: ellipsis;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zeo-video-hero .zeo-hero-title,
  .zeo-video-hero .zeo-hero-subtitle,
  .zeo-video-hero .zeo-hero-scroll,
  .zeo-home-static .zeo-carousel__slide .zeo-carousel__caption > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .zeo-home-static .zeo-feature-copy .zeo-kicker::after,
  .zeo-home-static .zeo-carousel__caption .zeo-kicker::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
    animation: none !important;
  }
}

/* If JavaScript is unavailable, the hero copy and keyboard scroll affordance
   remain present instead of being left in the timed-reveal starting state. */
html:not(.zeo-home-motion-ready) .zeo-video-hero .zeo-hero-title,
html:not(.zeo-home-motion-ready) .zeo-video-hero .zeo-hero-subtitle,
html:not(.zeo-home-motion-ready) .zeo-video-hero .zeo-hero-scroll,
html:not(.zeo-home-motion-ready) .zeo-video-hero .zeo-video-hero__content {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .zeo-home-static .zeo-home-artist-focus .zeo-carousel__slide img,
  .zeo-home-static .zeo-home-artist-focus .zeo-carousel__slide video {
    top: 0 !important;
    height: 100% !important;
    transform: none !important;
    will-change: auto;
  }
}