/* Big rounded photo with an inset frosted panel: title, subtitle, round arrow.
   --rv (0 -> 1) is set by the parent section when it scrolls into view. */

.cc_ud0vift4_VqAU9TKlFB .sc {
  display: block;
  color: var(--xzwz2GSx9S);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.cc_ud0vift4_VqAU9TKlFB .sc:focus-visible {
  outline: 2px solid var(--eIjF7PvDc3);
  outline-offset: 5px;
  border-radius: 36px;
}

.cc_ud0vift4_VqAU9TKlFB .sc-media {
  position: relative;
  height: var(--shelf-card-h, 300px);
  overflow: hidden;
  border-radius: 32px;
  background: var(--ojrw8B85Oo);
  isolation: isolate;
  clip-path: inset(calc((1 - var(--rv, 1)) * 100%) 0 0 0 round 32px);
  transition:
    clip-path 1.4s cubic-bezier(0.77, 0, 0.18, 1) calc(var(--i, 0) * 110ms + 200ms),
    box-shadow 0.8s ease;
}

.cc_ud0vift4_VqAU9TKlFB .sc-photo {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.cc_ud0vift4_VqAU9TKlFB .sc-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  scale: calc(1.25 - 0.25 * var(--rv, 1));
  transform: translate3d(calc(var(--sc-mx, 0) * -7px), calc(var(--sc-my, 0) * -7px), 0) scale(1.03);
  transition:
    scale 2s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--i, 0) * 110ms + 200ms),
    transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
  -webkit-user-drag: none;
}

.cc_ud0vift4_VqAU9TKlFB .sc:hover .sc-image, .cc_ud0vift4_VqAU9TKlFB .sc:focus-visible .sc-image {
  transform: translate3d(calc(var(--sc-mx, 0) * -7px), calc(var(--sc-my, 0) * -7px), 0) scale(1.1);
}

/* frosted info panel */
.cc_ud0vift4_VqAU9TKlFB .sc-panel {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 14px 14px 14px 18px;
  overflow: hidden;
  border-radius: 24px;
  background: color-mix(in srgb, var(--kbdkEkTUuO) 64%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  border: 1px solid color-mix(in srgb, #fff 45%, transparent);
  opacity: var(--rv, 1);
  transform: translateY(calc((1 - var(--rv, 1)) * 24px));
  translate: 0 0;
  transition:
    opacity 0.9s ease calc(var(--i, 0) * 110ms + 900ms),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--i, 0) * 110ms + 900ms),
    translate 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* hover lift uses `translate` so it never fights the reveal transform */
.cc_ud0vift4_VqAU9TKlFB .sc:hover .sc-panel, .cc_ud0vift4_VqAU9TKlFB .sc:focus-visible .sc-panel { translate: 0 -6px; }

/* light sweep across the panel */
.cc_ud0vift4_VqAU9TKlFB .sc-sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, color-mix(in srgb, #fff 55%, transparent) 50%, transparent 65%);
  transform: translateX(-120%);
}

.cc_ud0vift4_VqAU9TKlFB .sc:hover .sc-sheen, .cc_ud0vift4_VqAU9TKlFB .sc:focus-visible .sc-sheen {
  transform: translateX(120%);
  transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_ud0vift4_VqAU9TKlFB .sc-text { position: relative; min-width: 0; }

.cc_ud0vift4_VqAU9TKlFB .sc-title {
  margin: 0;
  font-size: calc(var(--t-shelf-card-title-size, 16px) * 1.2);
  font-weight: var(--t-shelf-card-title-weight, 600);
  line-height: 1.2;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_ud0vift4_VqAU9TKlFB .sc-count {
  margin: 4px 0 0;
  font-size: var(--t-shelf-card-count-size, 16px);
  font-weight: var(--t-shelf-card-count-weight, 400);
  line-height: 1.3;
  color: var(--9JwAa4B9AN);
}

/* round arrow button: glyph swaps on hover */
.cc_ud0vift4_VqAU9TKlFB .sc-go {
  position: relative;
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--eIjF7PvDc3);
  color: var(--ebXfETwy66);
  transition: background 0.35s ease, transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cc_ud0vift4_VqAU9TKlFB .sc-go-a {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.cc_ud0vift4_VqAU9TKlFB .sc:hover .sc-go, .cc_ud0vift4_VqAU9TKlFB .sc:focus-visible .sc-go {
  background: var(--8Po8YMu8Up);
  transform: scale(1.08);
}

.cc_ud0vift4_VqAU9TKlFB .sc-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (hover: none) {
  .cc_ud0vift4_VqAU9TKlFB .sc-sheen { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_ud0vift4_VqAU9TKlFB .sc-media { clip-path: none; transition: none; }
  .cc_ud0vift4_VqAU9TKlFB .sc-image { scale: 1; transition: none; }
  .cc_ud0vift4_VqAU9TKlFB .sc-panel { opacity: 1; transform: none; transition: none; }
  .cc_ud0vift4_VqAU9TKlFB .sc-go, .cc_ud0vift4_VqAU9TKlFB .sc-go-a, .cc_ud0vift4_VqAU9TKlFB .sc-sheen { transition: none; }
}