/* The original photograph remains untouched. Both masks share this treatment. */
.hero.daybreak {
  --night-opacity: 1;
  --stars-opacity: 1;
  --day-ink: 0;
  --night-gradient: linear-gradient(180deg,rgba(7,19,43,.96) 0%,rgba(11,28,53,.91) 36%,rgba(16,36,59,.76) 62%,rgba(25,42,64,.46) 78%,rgba(25,42,64,.28) 100%);
  --night-stars: url('/assets/hero-stars-small.svg');
}
.hero.daybreak[data-hero-variant="night-star"] { --night-stars: url('/assets/hero-stars-large.svg?v=20261019-no-dot'); }
.editorial-home .daybreak .hero-frame::before { background: none; }
.daybreak .hero-frame.unified-hero { clip-path: url('#tavius-hero-join')!important; }
.daybreak:has(.unified-hero) .hero-wordmark { opacity: 0; pointer-events: none; }
.daybreak .hero-night {
  position: absolute; left: 0; top: 0; z-index: 1;
  transform-origin: 0 0; pointer-events: none;
}
.daybreak .hero-night::before,
.daybreak .hero-night::after,
.daybreak .hero-wordmark.is-knock::before,
.daybreak .hero-wordmark.is-knock::after {
  content: ''; position: absolute; pointer-events: none;
  background-repeat: no-repeat; background-size: 100% 100%;
}
.daybreak .hero-night::before,
.daybreak .hero-night::after { inset: 0; }
.daybreak .hero-wordmark.is-knock::before,
.daybreak .hero-wordmark.is-knock::after {
  left: var(--kx); top: var(--ky); width: var(--kw); height: var(--kh);
}
.daybreak .hero-night::before,
.daybreak .hero-wordmark.is-knock::before {
  background-image: var(--night-gradient); opacity: var(--night-opacity);
}
.daybreak .hero-night::after,
.daybreak .hero-wordmark.is-knock::after {
  background-image: var(--night-stars); opacity: var(--stars-opacity);
}
.daybreak .hero-cap {
  color: color-mix(in srgb,var(--color-navy) calc(var(--day-ink) * 100%),var(--color-ivory));
  text-shadow: none;
}
html:not(.motion) .hero.daybreak { --night-opacity: 0!important; --stars-opacity: 0!important; --day-ink: 1!important; }
html:not(.motion) .hero.daybreak[data-hero-variant="night-star"] { --night-opacity: 1!important; --stars-opacity: 1!important; --day-ink: 0!important; }
@media(prefers-reduced-motion:reduce) {
  .hero.daybreak { --night-opacity: 0!important; --stars-opacity: 0!important; --day-ink: 1!important; }
  .hero.daybreak[data-hero-variant="night-star"] { --night-opacity: 1!important; --stars-opacity: 1!important; --day-ink: 0!important; }
}