/* Glow & Ink: 3 → 2 → 1 at exactly 28px inside the parent counter ring */
.asli-child-countdown .asli-child-countdown__counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.asli-child-countdown .js-asli-child-countdown__lane {
  position: relative;
  overflow: hidden;
  display: inline-block;
  line-height: 1;
  min-width: 1.1em;
  text-align: center;
}

.asli-child-countdown .asli-child-countdown__digit {
  display: block;
  will-change: transform, opacity;
  font-family: "Cormorant Garamond", "Times New Roman", serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 28px !important;
  line-height: 1;
  letter-spacing: 0;
  color: #111111 !important;
}

.asli-child-countdown .preloader__wrapper-counter-end {
  display: none !important;
}

#page-preloader .js-preloader__content,
#page-preloader .preloader__footer {
  display: none !important;
}

/* Brand heading overlay */
.asli-child-preloader-heading {
  position: absolute;
  top: 50%;
  left: var(--gutter-horizontal, 1.25rem);
  right: var(--gutter-horizontal, 1.25rem);
  transform: translateY(-50%);
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  text-align: center;
}

#page-preloader.is-asli-child-heading-hold .asli-child-preloader-heading {
  opacity: 1 !important;
  visibility: visible !important;
}

.asli-child-preloader-heading__text {
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(2.5rem, 8vw, 6rem);
  line-height: 1.1;
  color: #111;
  letter-spacing: 0.02em;
}

/*
 * Beat parent hideMask: when we mark a mask on, force it to paint.
 * Parent uses clip/clip-path + autoAlpha; without !important the flashes stay blank.
 */
#page-preloader .asli-child-photo-on,
#page-preloader .asli-child-photo-pinned,
#page-preloader .asli-child-flash-mask.asli-child-photo-on {
  opacity: 1 !important;
  visibility: visible !important;
  clip: auto !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  transform: none !important;
  pointer-events: none;
}

#page-preloader .asli-child-photo-on .preloader__image,
#page-preloader .asli-child-photo-on img,
#page-preloader .asli-child-photo-on .asli-child-flash-image {
  opacity: 1 !important;
  visibility: visible !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  transform: none !important;
  scale: 1 !important;
}

#page-preloader .asli-child-photo-off {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Keep the cream stage behind digits (no accidental dark flash) */
#page-preloader {
  background-color: #faf7f5;
}

/* Keep 28px digits even when parent split-counter / circle CSS tries to shrink them */
.asli-child-countdown .split-counter,
.asli-child-countdown .split-counter__lane,
.asli-child-countdown .asli-child-countdown__digit,
#page-preloader .asli-child-countdown__digit {
  font-size: 28px !important;
}

/* Hide counter once photos take over (class toggled via JS opacity; CSS backup) */
#page-preloader.is-asli-child-photos .js-preloader__wrapper-counter,
#page-preloader.is-asli-child-photos .preloader__wrapper-counter,
#page-preloader.is-asli-child-heading-hold .js-preloader__wrapper-counter,
#page-preloader.is-asli-child-heading-hold .preloader__wrapper-counter {
  opacity: 0 !important;
  visibility: hidden !important;
}