#p11.season-story-v41 {
  /* Primitive tokens */
  --season-v41-white-50: #f5f5f7;
  --season-v41-white-0: #ffffff;
  --season-v41-black-950: #0d0d0f;
  --season-v41-gray-700: #3d3d43;
  --season-v41-gray-500: #6c6c74;
  --season-v41-gray-350: #9a9aa2;
  --season-v41-rule-alpha: rgb(13 13 15 / .18);

  /* Semantic tokens */
  --season-v41-surface: var(--season-v41-white-50);
  --season-v41-ink: var(--season-v41-black-950);
  --season-v41-copy: var(--season-v41-gray-700);
  --season-v41-muted: var(--season-v41-gray-500);
  --season-v41-faint: var(--season-v41-gray-350);
  --season-v41-rule: var(--season-v41-rule-alpha);
  --season-v41-motion: cubic-bezier(.22, .76, .2, 1);

  /* Component tokens */
  --season-v41-gutter: clamp(24px, 4.2vw, 80px);
  --season-v41-top: clamp(20px, 2.4vw, 38px);
  --season-v41-label: clamp(10px, .72vw, 12px);
  --season-v41-body: clamp(14px, 1vw, 18px);
  --season-v41-title: clamp(36px, 3vw, 54px);
  --season-v41-gap: clamp(20px, 2.4vw, 40px);
  --season-v41-speed: 420ms;

  position: relative;
  display: block !important;
  width: 100%;
  min-height: 400svh !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--season-v41-ink);
  background: var(--season-v41-surface) !important;
  isolation: isolate;
  scroll-snap-align: start;
}

#p11.season-story-v41 *,
#p11.season-story-v41 *::before,
#p11.season-story-v41 *::after {
  box-sizing: border-box;
}

.season-v41__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 650px;
  overflow: hidden;
  padding: var(--season-v41-top) var(--season-v41-gutter) clamp(24px, 3vw, 44px);
  background: var(--season-v41-surface);
}

.season-v41__masthead {
  position: relative;
  z-index: 8;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--season-v41-gap);
  min-height: 56px;
  isolation: isolate;
  contain: paint;
  background: var(--season-v41-surface);
  transform: translateZ(0);
}

.season-v41__eyebrow,
.season-v41__status,
.season-v41__act-no,
.season-v41__moodboard figcaption,
.season-v41__territory header p {
  margin: 0;
  font-size: var(--season-v41-label);
  line-height: 1.25;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.season-v41__eyebrow {
  color: var(--season-v41-ink);
  font-weight: 700;
}

.season-v41__status {
  margin-top: 4px;
  color: var(--season-v41-muted);
}

.season-v41__steps {
  display: flex;
  align-items: flex-start;
  gap: clamp(14px, 2.2vw, 36px);
}

.season-v41__steps button {
  appearance: none;
  display: inline-flex;
  gap: 7px;
  align-items: baseline;
  min-height: 28px;
  margin: 0;
  padding: 3px 0;
  border: 0;
  border-radius: 0;
  color: var(--season-v41-muted);
  background: transparent;
  font: inherit;
  font-size: var(--season-v41-label);
  line-height: 1.3;
  letter-spacing: .06em;
  white-space: nowrap;
  cursor: pointer;
  transition: color 180ms ease, transform 180ms var(--season-v41-motion);
}

.season-v41__steps button span {
  color: var(--season-v41-faint);
  font-variant-numeric: tabular-nums;
}

.season-v41__steps button:hover,
.season-v41__steps button:focus-visible {
  color: var(--season-v41-ink);
  transform: scale(1.035);
}

.season-v41__steps button:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 5px;
}

.season-v41__steps button[aria-current='step'] {
  color: var(--season-v41-ink);
  font-weight: 700;
}

.season-v41__stage {
  position: absolute;
  inset: clamp(86px, 9.2vh, 112px) var(--season-v41-gutter) clamp(26px, 4.2vh, 54px);
}

.season-v41__act {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--season-v41-gap);
  align-items: start;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 3.5vh, 0) scale(.98);
  transform-origin: center center;
  transition:
    opacity var(--season-v41-speed) ease,
    transform calc(var(--season-v41-speed) + 80ms) var(--season-v41-motion),
    visibility 0s linear var(--season-v41-speed);
}

.season-v41__act.is-current {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
  transition-delay: 70ms, 0ms, 0s;
}

.season-v41__act.is-past {
  transform: translate3d(0, -3vh, 0) scale(.985);
}

.season-v41__copy {
  grid-column: 1 / span 3;
  padding-top: clamp(18px, 3vh, 34px);
  max-width: 420px;
}

.season-v41__act-no {
  margin-bottom: clamp(14px, 2vh, 22px);
  color: var(--season-v41-muted);
}

.season-v41__copy h2 {
  margin: 0;
  color: var(--season-v41-ink);
  font-size: var(--season-v41-title);
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -.04em;
}

.season-v41__copy > p:last-child {
  margin: clamp(18px, 2.8vh, 30px) 0 0;
  max-width: 34ch;
  color: var(--season-v41-copy);
  font-size: var(--season-v41-body);
  line-height: 1.55;
}

.season-v41__territories {
  grid-column: 4 / -1;
  display: grid;
  gap: clamp(28px, 3vw, 54px);
  align-self: start;
  min-height: 0;
  padding-top: clamp(18px, 3vh, 34px);
}

.season-v41__territories--spring {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.season-v41__territories--autumn {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 920px;
}

.season-v41__territory {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: clamp(16px, 2.2vh, 24px);
  min-width: 0;
  min-height: 0;
}

.season-v41__territory header {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.season-v41__territory header > span {
  color: var(--season-v41-faint);
  font-size: clamp(26px, 2vw, 36px);
  line-height: 1;
  font-weight: 300;
}

.season-v41__territory h3 {
  margin: 0;
  color: var(--season-v41-ink);
  font-size: clamp(13px, .92vw, 16px);
  line-height: 1.25;
  font-weight: 600;
}

.season-v41__territory header p {
  margin-top: 5px;
  color: var(--season-v41-muted);
  letter-spacing: .08em;
}

.season-v41__swatches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, .8vw, 13px);
  height: min(52vh, 520px);
  min-height: 320px;
}

.season-v41__swatches span {
  display: block;
  min-width: 0;
  min-height: 0;
  background: var(--season-swatch);
}

.season-v41__moodboard {
  grid-column: 4 / -1;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-self: start;
  justify-self: stretch;
  height: min(77vh, 820px);
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

.season-v41__moodboard img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: top center;
}

.season-v41__moodboard figcaption {
  margin-top: 10px;
  color: var(--season-v41-muted);
}

.season-v41__progress {
  position: absolute;
  right: var(--season-v41-gutter);
  bottom: 12px;
  left: var(--season-v41-gutter);
  height: 1px;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.season-v41__progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(.25);
  transform-origin: left center;
  background: currentColor;
  transition: transform var(--season-v41-speed) var(--season-v41-motion);
}

.season-v41__page-no {
  position: absolute;
  right: var(--season-v41-gutter);
  bottom: 18px;
  z-index: 7;
  display: none;
  color: var(--season-v41-muted);
  font-size: var(--season-v41-label);
  letter-spacing: .12em;
}

@media (max-width: 1180px) and (min-width: 761px) {
  .season-v41__copy {
    grid-column: 1 / span 4;
  }

  .season-v41__territories,
  .season-v41__moodboard {
    grid-column: 5 / -1;
  }

  .season-v41__steps {
    gap: 15px;
  }

  .season-v41__swatches {
    min-height: 270px;
  }
}

@media (max-width: 760px) {
  #p11.season-story-v41 {
    min-height: auto !important;
    overflow: clip !important;
  }

  .season-v41__sticky {
    position: relative;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 24px 20px 64px;
  }

  .season-v41__masthead {
    display: block;
    min-height: 0;
    contain: none;
    transform: none;
  }

  .season-v41__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    margin-top: 24px;
  }

  .season-v41__steps button {
    display: grid;
    justify-items: start;
    gap: 3px;
    min-height: 42px;
    text-align: left;
  }

  .season-v41__stage {
    position: relative;
    inset: auto;
    display: grid;
    gap: 96px;
    margin-top: 62px;
  }

  .season-v41__act,
  .season-v41__act.is-current,
  .season-v41__act.is-past,
  .season-v41__act.is-next {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 34px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: none;
  }

  .season-v41__act[aria-hidden='true'] {
    visibility: visible;
  }

  .season-v41__copy,
  .season-v41__territories,
  .season-v41__moodboard {
    grid-column: 1;
  }

  .season-v41__copy,
  .season-v41__territories {
    padding-top: 0;
  }

  .season-v41__copy h2 {
    font-size: clamp(34px, 10.5vw, 44px);
  }

  .season-v41__copy > p:last-child {
    max-width: none;
  }

  .season-v41__territories--spring,
  .season-v41__territories--autumn {
    grid-template-columns: 1fr;
    gap: 46px;
    max-width: none;
  }

  .season-v41__swatches {
    height: 330px;
    min-height: 0;
    gap: 9px;
  }

  .season-v41__moodboard {
    height: auto;
    overflow: visible;
  }

  .season-v41__moodboard img {
    width: 100%;
    height: auto;
  }

  .season-v41__progress,
  .season-v41__page-no {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #p11.season-story-v41 {
    min-height: auto !important;
  }

  .season-v41__sticky {
    position: relative;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .season-v41__stage {
    position: relative;
    inset: auto;
    display: grid;
    gap: clamp(90px, 12vw, 160px);
    margin-top: 70px;
  }

  .season-v41__act,
  .season-v41__act.is-current,
  .season-v41__act.is-past,
  .season-v41__act.is-next {
    position: relative;
    inset: auto;
    min-height: min(760px, 86vh);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: none;
  }

  .season-v41__act[aria-hidden='true'] {
    visibility: visible;
  }

  .season-v41__progress,
  .season-v41__page-no {
    display: none;
  }
}