/* Entrances and a taller glaze banner; keep typography and tab gestures intact. */
#glaze-reading {
  aspect-ratio: 959 / 278;
}
#glaze-reading > figure {
  overflow: hidden;
}
#glaze-reading .glaze-optical-stage {
  isolation: isolate;
}
#glaze-reading .glaze-optical-stage > .glaze-reading45-image {
  filter: brightness(.5) saturate(.94) blur(2.4px);
}
.glaze-optical-light {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  stroke: none;
  fill: none;
  pointer-events: none;
}
.glaze-optical-photo {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.glaze-optical-revealed-photo,
.glaze-optical-corners-photo {
  filter: none;
}
.glaze-optical-band-photo {
  filter: brightness(1.12) contrast(1.02);
}
.editorial-reveal-ready {
  --editorial-delay: 0ms;
  --editorial-rise: 22px;
}
.editorial-reveal-luminous:not(.is-revealed) {
  opacity: .68;
  filter: brightness(.9) saturate(.98);
}
.editorial-reveal-dark:not(.is-revealed) {
  opacity: 1;
  filter: brightness(.08) saturate(.7);
  transform: translate3d(0, -30px, 0);
}
.editorial-reveal-copy:not(.is-revealed) {
  opacity: .35;
  transform: translate3d(0, 14px, 0);
}
.editorial-reveal-detail:not(.is-revealed) {
  opacity: .3;
  transform: translate3d(0, var(--editorial-rise), 0);
}
.editorial-reveal-photo:not(.is-revealed) {
  opacity: .55;
  clip-path: inset(0 0 15% 0);
  transform: translate3d(0, var(--editorial-rise), 0);
}
.editorial-reveal-ready.is-revealed:not(.is-settled) {
  animation-delay: var(--editorial-delay);
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
  will-change: opacity, transform;
}
.editorial-reveal-luminous.is-revealed:not(.is-settled) {
  animation-name: editorial-luminous;
  animation-duration: 850ms;
  transition: none;
  will-change: opacity, filter;
}
.editorial-reveal-dark.is-revealed:not(.is-settled) {
  animation-name: editorial-dark-arrival;
  animation-duration: 1400ms;
  animation-timing-function: cubic-bezier(.22, .61, .36, 1);
  transition: none;
  will-change: transform, filter;
}
.editorial-reveal-copy.is-revealed:not(.is-settled) {
  animation-name: editorial-copy;
  animation-duration: 700ms;
}
.editorial-reveal-detail.is-revealed:not(.is-settled) {
  animation-name: editorial-detail;
  animation-duration: 900ms;
}
.editorial-reveal-photo.is-revealed:not(.is-settled) {
  animation-name: editorial-photo;
  animation-duration: 1050ms;
}
@keyframes editorial-luminous {
  0% { opacity: .68; filter: brightness(.9) saturate(.98); }
  32% { opacity: 1; filter: brightness(1.16) saturate(1.035); }
  100% { opacity: 1; filter: brightness(1) saturate(1); }
}
@keyframes editorial-dark-arrival {
  0% { opacity: 1; filter: brightness(.08) saturate(.7); transform: translate3d(0, -30px, 0); }
  22% { opacity: 1; filter: brightness(.18) saturate(.86); transform: translate3d(0, -20px, 0); }
  58% { opacity: 1; filter: brightness(1.15) saturate(1.035); transform: translate3d(0, -2px, 0); }
  100% { opacity: 1; filter: brightness(1) saturate(1); transform: none; }
}
@keyframes editorial-copy {
  from { opacity: .35; transform: translate3d(0, 14px, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes editorial-detail {
  from { opacity: .3; transform: translate3d(0, var(--editorial-rise), 0); }
  to { opacity: 1; transform: none; }
}
@keyframes editorial-photo {
  from { opacity: .55; clip-path: inset(0 0 15% 0); transform: translate3d(0, var(--editorial-rise), 0); }
  to { opacity: 1; clip-path: inset(0); transform: none; }
}
@media (max-width:760px) {
  #glaze-reading .glaze-optical-stage > .glaze-reading45-image { filter: brightness(.52) saturate(.94) blur(1.4px); }
  #glaze-reading { aspect-ratio: auto; min-height: clamp(258px, 64.4vw, 286px); }
  #glaze-reading > figure { min-height: 258px; }
  .editorial-reveal-ready { --editorial-rise: 14px; }
  .editorial-reveal-detail.is-revealed:not(.is-settled) { animation-duration: 700ms; }
  .editorial-reveal-photo.is-revealed:not(.is-settled) { animation-duration: 850ms; }
}
@media (min-width:600px) and (max-width:1000px) and (max-height:550px) and (orientation:landscape) {
  #glaze-reading { aspect-ratio: auto; min-height: 248px; }
  #glaze-reading > figure { min-height: 248px; }
}
@media (prefers-reduced-motion:reduce) {
  .glaze-optical-light { display: none !important; }
  #glaze-reading .glaze-optical-stage > .glaze-reading45-image { filter: none !important; }
  .editorial-reveal-ready {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    will-change: auto !important;
  }
}