/* Only U. Fan Edition; the background already contains its crest and floor. */
.ex-collection--u-fan { background: #020317; }
.ex-collection--u-fan .ex-collection__atmosphere { background-image: url('/assets/ds-exclusive-page/uchile-bg.jpg'); }
.ex-collection--u-fan .ex-collection__layout { width: min(84%, 1500px); grid-template-columns: 50% 50%; padding-block: 45px 40px; }
.ex-collection--u-fan .ex-collection__copy { align-self: start; padding-top: 15px; }
.ex-collection--u-fan .ex-eyebrow { margin-bottom: 32px; }
.ex-collection--u-fan .ex-collection__description { font-size: 14px; line-height: 1.7; }
.ex-collection--u-fan .ex-button { font-size: 10px; gap: 30px; padding-inline: 20px; }
.ex-collection--u-fan .ex-models { margin-top: 35px; }
.ex-collection--u-fan .ex-model figcaption > span:last-child { display: block; }
.ex-collection--u-fan .ex-model strong { display: block; font-size: 8px; font-weight: 700; }
.ex-collection--u-fan .ex-model small { display: block; margin-top: 5px; font-size: 10px; font-weight: 300; color: #c8c8dc; }
.ex-collection--u-fan .ex-collection__signature { margin: 10px 0 0; }
.u-fan-rack { position: relative; min-width: 0; width: calc(100% + 100px); }
.u-fan-rack__stage { position: relative; height: 600px; perspective: 1100px; }
.u-fan-rack__shirt {
  position: absolute; inset: -110px 0 auto; width: 100%; height: calc(100% + 100px); object-fit: contain;
  transform-origin: 50% 0%; will-change: transform, opacity, filter; pointer-events: none;
}
.u-fan-rack__shirt[data-shirt="0"] { z-index: 3; }
.u-fan-rack__shirt[data-shirt="1"] { z-index: 1; transform: translate(22%, 140px) scale(.63); opacity: .42; filter: brightness(.65); }
.u-fan-rack__shirt[data-shirt="2"] { z-index: 1; transform: translate(-22%, 140px) scale(.63); opacity: .42; filter: brightness(.65); }
.u-fan-rack__controls { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: -12px; position: relative; z-index: 5; }
.u-fan-rack__controls span { min-width: 105px; text-align: center; font-size: 9px; letter-spacing: .12em; color: #d4d9ff; }
.u-fan-rack__controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #b4bfff70; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.u-fan-rack__controls svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.25; fill: none; }
.u-fan-rack__controls button:focus-visible { outline: 2px solid #d4d9ff; outline-offset: 4px; }
@media (min-width: 1800px) { .u-fan-rack__stage { height: 690px; } }
@media (min-width: 901px) { .ex-collection--u-fan .ex-model > svg { height: 130px; } }
@media (max-width: 1100px) { .u-fan-rack__stage { height: 540px; } }
@media (max-width: 900px) {
  .ex-collection--u-fan .ex-collection__layout { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 55px 35px; }
  .ex-collection--u-fan .ex-collection__copy { padding: 0; }
  .ex-collection--u-fan .ex-models { max-width: 560px; }
  .u-fan-rack { max-width: 680px; width: 100%; margin-inline: auto; }
  .u-fan-rack__stage { height: min(85vw, 650px); }
  .u-fan-rack__shirt { top: -40px; height: 100%; }
  .ex-collection--u-fan .ex-collection__atmosphere { background-position: 72% bottom; }
}
@media (max-width: 480px) {
  .ex-collection--u-fan .ex-models__grid { gap: 12px; }
  .ex-collection--u-fan .ex-model figcaption { display: block; }
  .ex-collection--u-fan .ex-model strong { margin-top: 5px; font-size: 7px; }
  .ex-collection--u-fan .ex-model small { font-size: 9px; }
  .u-fan-rack__stage { height: 106vw; max-height: 510px; }
  .u-fan-rack__controls { margin-top: 0; }
}