/* THE DAILY DROP — hero slide 1 (isolated selectors) */



.hero-banner__slide--daily-drop {

  overflow: visible;

  background: var(--color-bg, #000);

}



.hero-banner__slide--daily-drop .daily-drop__atmosphere {

  position: absolute;

  inset: 0;

  z-index: 0;

  pointer-events: none;

  background: var(--color-bg, #000);

}



.daily-drop__rain {

  position: absolute;

  inset: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  opacity: 1;

}



.hero-banner__slide--daily-drop .daily-drop__inner {

  position: relative;

  z-index: 1;

  width: min(50rem, 100%);

  margin-inline: auto;

  padding-inline: clamp(1.25rem, 6vw, 2rem);

  text-align: center;

}



.daily-drop__kicker {

  font-family: var(--font-display);

  font-size: clamp(0.62rem, 1.75vw, 0.74rem);

  line-height: 1.4;

  letter-spacing: 0.42em;

  text-indent: 0.42em;

  text-transform: uppercase;

  font-weight: 300;

  color: rgba(244, 239, 228, 0.54);

  -webkit-text-fill-color: rgba(244, 239, 228, 0.54);

  background: none;

  margin: 0 0 clamp(1.35rem, 3.5vh, 2rem);

  opacity: 0;

  transform: translateY(0.65rem);

}



.daily-drop__quote {

  max-width: min(46rem, 100%);

  margin: 0 auto clamp(2.75rem, 8vh, 4.25rem);

  padding: 0;

  border: 0;

  font-family: var(--font-display);

  font-size: clamp(2.1rem, 7.2vw, 4.5rem);

  line-height: 1.24;

  letter-spacing: 0.015em;

  font-weight: 300;

  color: rgba(244, 239, 228, 0.96);

  text-wrap: balance;

  overflow: visible;

  opacity: 0;

  transform: translateY(1.15rem);

}



.daily-drop__quote::before,

.daily-drop__quote::after {

  content: none;

}



.daily-drop__quote-line {

  display: block;

  overflow: visible;

}



.daily-drop__quote.is-composed {
  text-wrap: normal;
  max-width: none;
  width: max-content;
  margin-inline: auto;
  line-height: 1;
  letter-spacing: 0.012em;
}

.daily-drop__quote.is-composed .daily-drop__quote-line {
  display: block;
  white-space: nowrap;
}

.daily-drop__quote.is-composed .daily-drop__quote-line:nth-child(1) {
  line-height: 1.1;
  letter-spacing: 0.016em;
}

.daily-drop__quote.is-composed .daily-drop__quote-line:nth-child(2) {
  margin-top: 0.28em;
  line-height: 1.14;
  letter-spacing: 0.006em;
}

.daily-drop__quote.is-composed .daily-drop__quote-line:nth-child(3) {
  margin-top: 0.34em;
  line-height: 1.12;
  letter-spacing: 0.002em;
}

.hero-banner__slide--daily-drop .daily-drop__quote.is-composed .aperture--slot {
  padding: 0.12em 0.18em;
  margin: -0.12em -0.18em;
}

.hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: min(74vh, 38rem);
  padding-block: clamp(2.75rem, 9vh, 5.5rem);
}

.hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__kicker {
  font-family: var(--font-body, "Inter", sans-serif);
  font-size: clamp(0.52rem, 1.25vw, 0.62rem);
  line-height: 1.5;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  font-weight: 300;
  color: rgba(244, 239, 228, 0.36);
  -webkit-text-fill-color: rgba(244, 239, 228, 0.36);
  margin: 0 0 clamp(3rem, 10vh, 6rem);
}

.hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__quote.is-composed {
  font-size: clamp(1.95rem, 5.2vw, 3.55rem);
  margin: 0 auto clamp(3.25rem, 11vh, 5.5rem);
  color: rgba(244, 239, 228, 0.94);
}

.hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__tagline {
  margin-top: auto;
}



.hero-banner__slide--daily-drop .daily-drop__quote .aperture-wrap {

  display: inline-block;

  vertical-align: baseline;

  transform: translate3d(0, 0, 0) scale(1);

  transform-origin: center center;

  backface-visibility: hidden;

  contain: layout style;

}



.hero-banner__slide--daily-drop .daily-drop__quote .aperture-wrap.is-active {

  will-change: transform, filter;

}



.hero-banner__slide--daily-drop .daily-drop__quote .aperture {

  display: inline-block;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

  letter-spacing: inherit;

  color: inherit;

  -webkit-text-fill-color: inherit;

  background-image: none;

}



.hero-banner__slide--daily-drop .daily-drop__quote .aperture--slot {

  text-align: center;

  padding: 0.22em 0.28em;

  margin: -0.22em -0.28em;

}



.hero-banner__slide--daily-drop .daily-drop__quote .aperture--space {

  padding: 0.22em 0.18em;

  margin: -0.22em -0.18em;

}



.daily-drop__tagline {

  margin: 0 0 clamp(2rem, 5vh, 3rem);

  font-family: var(--font-body, "Inter", sans-serif);

  font-size: clamp(0.62rem, 1.7vw, 0.72rem);

  font-weight: 300;

  letter-spacing: 0.42em;

  text-indent: 0.42em;

  text-transform: uppercase;

  color: rgba(244, 239, 228, 0.52);

  opacity: 0;

  transform: translateY(0.85rem);

}



.daily-drop__date {

  display: block;

  margin: 0 0 clamp(1.75rem, 4vh, 2.5rem);

  font-family: var(--font-body, "Inter", sans-serif);

  font-size: clamp(0.58rem, 1.55vw, 0.68rem);

  font-weight: 300;

  letter-spacing: 0.36em;

  text-transform: uppercase;

  color: rgba(244, 239, 228, 0.42);

  opacity: 0;

  transform: translateY(0.75rem);

}



.daily-drop__return {

  margin: 0;

  font-family: var(--font-body, "Inter", sans-serif);

  font-size: clamp(0.52rem, 1.45vw, 0.62rem);

  font-weight: 300;

  letter-spacing: 0.38em;

  text-indent: 0.38em;

  text-transform: uppercase;

  color: rgba(244, 239, 228, 0.3);

  opacity: 0;

  transform: translateY(0.65rem);

}



.hero-banner__slide--daily-drop.is-daily-drop-active .daily-drop__kicker {

  animation: daily-drop-enter 1.25s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.1s forwards;

}



.hero-banner__slide--daily-drop.is-daily-drop-active .daily-drop__quote {

  animation: daily-drop-enter 1.55s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1)) forwards;

}



.hero-banner__slide--daily-drop.is-daily-drop-active .daily-drop__tagline {

  animation: daily-drop-enter 1.35s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.42s forwards;

}



.hero-banner__slide--daily-drop.is-daily-drop-active .daily-drop__date {

  animation: daily-drop-enter 1.25s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.58s forwards;

}



.hero-banner__slide--daily-drop.is-daily-drop-active .daily-drop__return {

  animation: daily-drop-enter 1.2s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1)) 0.72s forwards;

}



@keyframes daily-drop-enter {

  from {

    opacity: 0;

    transform: translateY(1rem);

  }



  to {

    opacity: 1;

    transform: translateY(0);

  }

}



@media (prefers-reduced-motion: reduce) {

  .daily-drop__kicker,

  .daily-drop__quote,

  .daily-drop__tagline,

  .daily-drop__date,

  .daily-drop__return {

    opacity: 1;

    transform: none;

    animation: none !important;

  }

  .daily-drop__rain {

    display: none;

  }

}



@media (max-width: 430px) {

  .hero-banner__slide--daily-drop .daily-drop__inner {

    padding-inline:

      max(clamp(1rem, 5vw, 1.5rem), env(safe-area-inset-left, 0px))

      max(clamp(1rem, 5vw, 1.5rem), env(safe-area-inset-right, 0px));

  }



  .daily-drop__quote {

    font-size: clamp(1.75rem, 8.5vw, 2.5rem);

    line-height: 1.22;

    margin-bottom: clamp(1.5rem, 5vh, 2.5rem);

  }



  .daily-drop__quote-line {

    white-space: nowrap;

  }



  .hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition {
    min-height: min(68vh, 34rem);
    padding-block: clamp(2rem, 7vh, 3.75rem);
  }

  .hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__kicker {
    letter-spacing: 0.38em;
    text-indent: 0.38em;
    margin-bottom: clamp(2.25rem, 8vh, 4rem);
  }

  .hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__quote.is-composed {
    font-size: clamp(1.48rem, 6.6vw, 2rem);
    margin-bottom: clamp(2.5rem, 9vh, 4rem);
  }

  .daily-drop__quote.is-composed .daily-drop__quote-line:nth-child(2) {
    margin-top: 0.24em;
  }

  .daily-drop__quote.is-composed .daily-drop__quote-line:nth-child(3) {
    margin-top: 0.28em;
  }



  .daily-drop__kicker {

    letter-spacing: 0.28em;

    text-indent: 0;

    margin-bottom: clamp(1rem, 2.5vh, 1.5rem);

  }



  .daily-drop__tagline,

  .daily-drop__return {

    letter-spacing: 0.28em;

    text-indent: 0;

  }



  .daily-drop__date {

    letter-spacing: 0.28em;

  }

}



@media (max-height: 700px) and (max-width: 767px) {

  .hero-banner__slide--daily-drop {

    padding-block: clamp(1.25rem, 4dvh, 2rem);

  }



  .daily-drop__quote {

    font-size: clamp(1.55rem, 6.5vw, 2rem);

    margin-bottom: clamp(1.25rem, 3.5vh, 2rem);

  }



  .hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__quote.is-composed {
    font-size: clamp(1.35rem, 5.8vw, 1.85rem);
  }

  .hero-banner__slide--daily-drop .daily-drop__inner.is-editorial-composition .daily-drop__kicker {
    margin-bottom: clamp(1.75rem, 6vh, 3rem);
  }



  .daily-drop__kicker {

    margin-bottom: clamp(0.85rem, 2vh, 1.25rem);

  }



  .daily-drop__tagline {

    margin-bottom: clamp(1rem, 2.5vh, 1.5rem);

  }



  .daily-drop__date {

    margin-bottom: clamp(0.85rem, 2vh, 1.25rem);

  }

}