/* Editorial motion. Content remains visible without JavaScript.
   Optional: data-experience="reveal|image|card", data-experience="none"
   (on a subtree), data-experience-depth="18" (maximum travel in pixels).
   The existing global html.motion-paused preference controls every effect. */
.editorial-site.experience-motion .experience-reveal.reveal,
.editorial-site.experience-motion .experience-reveal.rv {
  opacity:1;
  transform:none;
  transition-property:background-color,border-color,box-shadow,translate;
  transition-delay:0s;
}
.editorial-site.experience-motion .experience-image {
  isolation:isolate;
}
.editorial-site.experience-motion .experience-card {
  transition:translate .38s cubic-bezier(.2,.65,.3,1),border-color .3s ease,box-shadow .38s ease;
}
.editorial-site.experience-motion .experience-image > img,
.editorial-site.experience-motion .experience-image > video {
  transition:scale .75s cubic-bezier(.2,.65,.3,1);
}
@media(min-width:901px) and (hover:hover) and (pointer:fine) {
  .editorial-site.experience-motion.experience-depth-active .experience-depth {
    overflow:hidden;
  }
  .editorial-site.experience-motion.experience-depth-active .experience-depth > img,
  .editorial-site.experience-motion.experience-depth-active .experience-depth > video {
    animation:none;
    translate:0 var(--experience-depth-y,0px);
    scale:calc(var(--experience-image-scale,1.07) + var(--experience-hover-scale,0));
    transform-origin:center;
  }
  .editorial-site.experience-motion.experience-depth-active .experience-depth.experience-in-viewport > img,
  .editorial-site.experience-motion.experience-depth-active .experience-depth.experience-in-viewport > video {
    will-change:translate;
  }
  html:not(.motion-paused) .editorial-site.experience-motion .experience-card:is(:hover,:focus-within) {
    translate:0 -4px;
    border-color:#d6adb0;
    box-shadow:0 14px 32px #222b350c;
  }
  /* Horizontal carousels keep the card edge inside their scroll viewport. */
  html:not(.motion-paused) .editorial-site.experience-motion .i-grid .experience-card:is(:hover,:focus-within) {
    translate:none;
    box-shadow:none;
  }
  html:not(.motion-paused) .editorial-site.experience-motion .experience-image:is(:hover,:focus-within),
  html:not(.motion-paused) .editorial-site.experience-motion .experience-card:is(:hover,:focus-within) .experience-image {
    --experience-hover-scale:.025;
  }
  html:not(.motion-paused) .editorial-site.experience-motion .experience-image:not(.experience-depth):is(:hover,:focus-within) > img,
  html:not(.motion-paused) .editorial-site.experience-motion .experience-card:is(:hover,:focus-within) .experience-image:not(.experience-depth) > img {
    scale:1.025;
  }
}
html.motion-paused .editorial-site.experience-motion .experience-card,
html.motion-paused .editorial-site.experience-motion .experience-image > img,
html.motion-paused .editorial-site.experience-motion .experience-image > video {
  translate:none!important;
  scale:none!important;
  transition:none!important;
  will-change:auto!important;
}
@media(prefers-reduced-motion:reduce) {
  .editorial-site.experience-motion .experience-card,
  .editorial-site.experience-motion .experience-image > img,
  .editorial-site.experience-motion .experience-image > video {
    translate:none!important;
    scale:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}
@media print {
  .editorial-site.experience-motion .experience-reveal,
  .editorial-site.experience-motion .experience-image,
  .editorial-site.experience-motion .experience-card {
    opacity:1!important;
    clip-path:none!important;
    transform:none!important;
    translate:none!important;
  }
  .editorial-site.experience-motion .experience-image > img { translate:none!important;scale:none!important; }
}

/* Keyboard focus takes precedence over old and new entrance effects. */
.editorial-site.experience-motion .experience-focus-visible { opacity:1!important; transform:none!important; transition:none!important; }