/* Shared homepage interactions: editorial, restrained and usable without motion. */
.budjenje-home-experience .hero {
  border-bottom: 0;
  overflow: hidden;
}

.budjenje-home-experience .hero-slide:not(.hero-slide--wide-art).is-active .hero-clock {
  animation: home-art-float 6s ease-in-out infinite;
  transform: translate3d(var(--motion-x, 0), var(--motion-y, 0), 0);
  transition: transform 220ms ease-out;
}

/* A fixed overscan exceeds the clamped 7px pointer travel at every viewport. */
.budjenje-home-experience .hero-slide--wide-art {
  overflow: hidden;
}

.budjenje-home-experience .hero-slide--wide-art .hero-clock {
  height: calc(100% + 32px);
  inset: -16px;
  width: calc(100% + 32px);
}

.budjenje-home-experience .hero-slide--wide-art.is-active .hero-clock {
  transform: translate3d(var(--motion-x, 0), var(--motion-y, 0), 0);
  transition: transform 250ms ease-out;
}

@media (max-width: 620px) {
  .budjenje-home-experience .hero-slide--wide-art .hero-clock {
    object-position: 78% center;
  }

  .budjenje-home-experience .hero-slide--wide-art::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.2));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }
}

@keyframes home-art-float {
  50% {
    translate: 0 -13px;
  }
}

.budjenje-home-experience .hero-pager::after {
  display: none;
}

.budjenje-home-experience .motion-hero-timeline {
  background: rgba(245, 241, 232, 0.4);
  bottom: 0;
  height: 3px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 4;
}

.budjenje-home-experience .motion-hero-timeline span {
  background: var(--color-red-bright, #e21d29);
  display: block;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left;
  width: 100%;
}

.budjenje-home-experience .motion-hero-timeline.is-running span {
  animation: home-hero-progress 7s linear forwards;
}

.budjenje-home-experience .motion-hero-timeline.is-paused span {
  animation-play-state: paused;
}

@keyframes home-hero-progress {
  to {
    transform: scaleX(1);
  }
}

.budjenje-home-experience .motion-hero-pause {
  background: rgba(6, 6, 6, 0.72);
  border: 1px solid rgba(245, 241, 232, 0.42);
  bottom: 24px;
  color: #fff;
  cursor: pointer;
  font-family: var(--font-ui);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  min-height: 38px;
  padding: 8px 12px;
  position: absolute;
  right: 76px;
  text-transform: uppercase;
  transition: border-color 240ms ease, color 240ms ease;
  z-index: 5;
}

.budjenje-home-experience .motion-hero-pause:hover,
.budjenje-home-experience .motion-hero-pause:focus-visible {
  border-color: var(--color-red-bright, #e21d29);
  color: var(--color-red-bright, #e21d29);
}

.budjenje-home-experience .latest-section {
  isolation: isolate;
  position: relative;
}

.budjenje-home-experience .latest-section::before {
  background: linear-gradient(110deg, rgba(116, 9, 21, 0.33), transparent 54%), #141414;
  content: "";
  inset: 0 calc(50% - 50vw);
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.budjenje-home-experience .latest-section .episode-thumb {
  box-shadow: 15px 15px 0 rgba(168, 18, 31, 0.42);
  transition: box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1), transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.budjenje-home-experience .latest-section .episode-thumb:hover,
.budjenje-home-experience .latest-section .episode-thumb:focus-visible {
  box-shadow: 22px 22px 0 rgba(208, 22, 38, 0.58);
  transform: translate(-4px, -4px);
}

.budjenje-home-experience .latest-section .episode-thumb img {
  transition: filter 520ms ease, transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.budjenje-home-experience .latest-section .episode-thumb:hover img,
.budjenje-home-experience .latest-section .episode-thumb:focus-visible img {
  filter: contrast(1.17);
  transform: scale(1.045);
}

.budjenje-home-experience .latest-section .episode-copy h3 {
  font-size: clamp(2.25rem, 4vw, 4.2rem);
}

.budjenje-home-experience .home-week-events .event-card:hover,
.budjenje-home-experience .home-week-events .event-card:focus-within,
.budjenje-home-experience .motion-events .event-card:hover,
.budjenje-home-experience .motion-events .event-card:focus-within {
  border-color: var(--color-line);
  box-shadow: none;
  transform: none;
}

.budjenje-home-experience .event-card:hover .event-card-media img,
.budjenje-home-experience .event-card:focus-within .event-card-media img {
  transform: scale(1.055);
}

.budjenje-home-experience .motion-events .event-card a {
  text-decoration: none;
}

.budjenje-home-experience .motion-events-grid,
.budjenje-home-experience .motion-guest-track {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.budjenje-home-experience .motion-events-grid > .event-card {
  min-width: 0;
}

.budjenje-home-experience .motion-guest-track {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.budjenje-home-experience .motion-guest-card {
  background: #151515;
  color: #f3f1eb;
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
}

.budjenje-home-experience .motion-guest-card:hover,
.budjenje-home-experience .motion-guest-card:focus-visible {
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
  transform: translateY(-6px);
}

.budjenje-home-experience .motion-guest-card img {
  aspect-ratio: 1;
  display: block;
  object-fit: cover;
  width: 100%;
}

.budjenje-home-experience .motion-guest-card:hover img,
.budjenje-home-experience .motion-guest-card:focus-visible img {
  filter: contrast(1.08);
  transform: scale(1.045);
}

.budjenje-home-experience .motion-guest-card span {
  align-items: center;
  display: flex;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
  justify-content: space-between;
  padding: 12px 14px;
  text-transform: uppercase;
}

.budjenje-home-experience .motion-guest-card b {
  color: var(--color-red-bright, #e21d29);
  font-family: var(--font-ui);
}

@media (max-width: 900px) {
  .budjenje-home-experience .motion-guest-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .budjenje-home-experience .motion-events-grid {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .budjenje-home-experience .motion-events-grid::-webkit-scrollbar {
    display: none;
  }

  .budjenje-home-experience .motion-events-grid > .event-card {
    flex: 0 0 min(60%, 420px);
    scroll-snap-align: start;
  }
}

@media (max-width: 640px) {
  .budjenje-home-experience .motion-hero-pause {
    bottom: 18px;
    right: 20px;
  }

  .budjenje-home-experience .latest-section .episode-thumb {
    box-shadow: 8px 8px 0 rgba(168, 18, 31, 0.42);
  }

  .budjenje-home-experience .motion-events-grid > .event-card {
    flex-basis: 86%;
  }
}

/* The same restrained lift and image timing across homepage cards. */
.budjenje-home-experience .blog-card,
.budjenje-home-experience .event-card,
.budjenje-home-experience .motion-guest-card {
  transition: border-color 520ms ease, box-shadow 520ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.budjenje-home-experience .blog-card img,
.budjenje-home-experience .event-card-media img,
.budjenje-home-experience .motion-guest-card img {
  transition: filter 520ms ease, opacity 520ms ease, transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}

.budjenje-home-experience .blog-card:hover,
.budjenje-home-experience .blog-card:focus-within {
  transform: translateY(-6px);
}

.budjenje-home-experience .blog-card h3,
.budjenje-home-experience .blog-card::after,
.budjenje-home-experience .episode-copy h3 a,
.budjenje-home-experience .event-card h3 a {
  transition: border-color 520ms ease, color 520ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .budjenje-home-experience .hero-clock,
  .budjenje-home-experience .event-card,
  .budjenje-home-experience .event-card-media img,
  .budjenje-home-experience .episode-thumb,
  .budjenje-home-experience .episode-thumb img,
  .budjenje-home-experience .blog-card,
  .budjenje-home-experience .blog-card img,
  .budjenje-home-experience .motion-guest-card,
  .budjenje-home-experience .motion-guest-card img {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }

  .budjenje-home-experience .motion-hero-timeline {
    display: none;
  }

  .budjenje-home-experience .motion-events-grid {
    scroll-behavior: auto;
  }
}