.film-fan-block {
      width: 100%;
      min-height: 100vh;
      display: grid;
      place-items: center;
      align-content: center;
      gap: 18px;
      padding: 32px 12px;
      overflow: hidden;
    }

    .loader-wrap.is-film-fan-intro {
      background: transparent;
    }

    .loader-wrap.is-film-fan-intro-text-hidden .loader-wrap-heading,
    .loader-wrap.is-film-fan-intro-text-hidden .loader-wrap-heading * {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none;
    }

    .film-fan-preloader-intro {
      position: fixed;
      inset: 0;
      z-index: 100000000000000;
      display: grid;
      place-items: center;
      pointer-events: none;
      transform-origin: 50% 50%;
      will-change: transform;
    }

    .film-fan-block.is-preloader-intro {
      width: min(980px, 92vw);
      min-height: 0;
      display: grid;
      place-items: center;
      align-content: center;
      gap: 0;
      padding: 0;
      overflow: visible;
    }

    .film-fan-block.is-preloader-intro .film-fan-preview {
      display: none;
    }

    .film-fan-block.is-preloader-intro .film-fan-stage {
      width: min(980px, 92vw);
      height: min(760px, 74vh);
    }

    .film-fan-preview {
      --preview-fade-duration: 220ms;

      position: relative;
      width: min(620px, 92vw);
      aspect-ratio: 16 / 9;
      border-radius: 8px;
      overflow: hidden;
      background: #d7dbd9;
      box-shadow: 0 18px 44px rgba(33, 39, 43, 0.16);
      isolation: isolate;
    }

    .film-fan-preview[hidden] {
      display: none;
    }

    .film-fan-preview__image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      /* transition: opacity var(--preview-fade-duration) ease; */
      pointer-events: none;
    }

    .film-fan-preview__image.is-active {
      opacity: 1;
    }

    .film-fan-stage {
      --card-width: 330px;
      --card-height: 92px;
      --card-half-height: 46px;
      --card-radius: 14px;
      --card-origin-offset: 304px;
      --card-hole-x: 304px;
      --card-hole-y: 46px;
      --card-hole-nudge-x: 0px;
      --card-hole-nudge-y: 0px;
      --card-hole-size: 18px;
      --card-hole-half: 9px;
      --pin-size: 30px;
      --fan-pivot-x: 64%;
      --fan-pivot-y: 70%;
      --flip-axis-x: 0;
      --flip-axis-y: 1;

      position: relative;
      width: min(1120px, 96vw);
      height: clamp(430px, 64vw, 720px);
      isolation: isolate;
      overflow: visible;
      perspective: 1100px;
    }

    .film-fan__item {
      position: absolute;
      left: calc(var(--fan-pivot-x) - var(--card-origin-offset));
      top: calc(var(--fan-pivot-y) - var(--card-half-height));
      width: var(--card-width);
      height: var(--card-height);
      transform: translate3d(
        calc(var(--stack-x, 0px) + var(--scatter-x, 0px) + var(--flight-x, 0px) + var(--mouse-x, 0px)),
        calc(var(--stack-y, 0px) + var(--scatter-y, 0px) + var(--flight-y, 0px) + var(--float-y, 0px) + var(--mouse-y, 0px)),
        0
      )
      rotate(var(--flight-rotate, 0deg))
      scale(var(--flight-scale, 1));
      transform-origin: var(--card-origin-offset) 50%;
      will-change: transform;
      pointer-events: none;
    }

    .film-fan__card {
      position: relative;
      width: 100%;
      height: 100%;
      transform: rotate(var(--angle, 0deg));
      transform-origin: var(--card-origin-offset) 50%;
      transform-style: preserve-3d;
      will-change: transform;
      pointer-events: none;
    }

    .film-fan__face {
      --finish-shine-alpha: 0.34;
      --finish-shine-stop: 32%;
      --finish-top-shadow-alpha: 0.18;
      --finish-mid-alpha: 0.12;
      --finish-bottom-shadow-alpha: 0.15;
      --finish-hotspot-alpha: 0.26;
      --finish-band-alpha: 0.18;
      --finish-glare-alpha: 0.12;
      --finish-dark-reflection-alpha: 0.08;
      --finish-grain-alpha: 0;

      position: relative;
      width: 100%;
      height: 100%;
      border: 1px solid rgba(255, 255, 255, 0.62);
      border-radius: var(--card-radius);
      background: var(--card-fill, #222);
      box-shadow:
        0 10px 24px rgba(32, 36, 42, 0.18),
        inset 0 1px 1px rgba(255, 255, 255, 0.38),
        inset 0 -1px 2px rgba(0, 0, 0, 0.24);
      overflow: hidden;
      transform: rotate3d(var(--flip-axis-x), var(--flip-axis-y), 0, var(--flip-angle, 0deg));
      transform-origin: 50% 50%;
      transform-style: preserve-3d;
      backface-visibility: visible;
      will-change: transform;
      pointer-events: auto;
    }

    .film-fan__face::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse at 24% 18%, rgba(255, 255, 255, var(--finish-hotspot-alpha)), rgba(255, 255, 255, 0) 38%),
        linear-gradient(74deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, var(--finish-glare-alpha)) 54%, rgba(255, 255, 255, 0) 60%),
        linear-gradient(105deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, var(--finish-dark-reflection-alpha)) 34%, rgba(0, 0, 0, 0) 48%),
        linear-gradient(104deg, rgba(255, 255, 255, var(--finish-band-alpha)) 0 9%, rgba(255, 255, 255, 0) 25%),
        linear-gradient(112deg, rgba(255, 255, 255, var(--finish-shine-alpha)), rgba(255, 255, 255, 0) var(--finish-shine-stop)),
        repeating-linear-gradient(104deg, rgba(255, 255, 255, var(--finish-grain-alpha)) 0 1px, rgba(0, 0, 0, var(--finish-grain-alpha)) 1px 2px, rgba(255, 255, 255, 0) 2px 6px),
        linear-gradient(0deg, rgba(0, 0, 0, var(--finish-top-shadow-alpha)), rgba(255, 255, 255, var(--finish-mid-alpha)) 50%, rgba(0, 0, 0, var(--finish-bottom-shadow-alpha)));
      mix-blend-mode: soft-light;
      pointer-events: none;
    }

    .film-fan__face[data-card-finish="gloss"] {
      --finish-shine-alpha: 0.7;
      --finish-shine-stop: 20%;
      --finish-top-shadow-alpha: 0.26;
      --finish-mid-alpha: 0.24;
      --finish-bottom-shadow-alpha: 0.22;
      --finish-hotspot-alpha: 0.78;
      --finish-band-alpha: 0.58;
      --finish-glare-alpha: 0.82;
      --finish-dark-reflection-alpha: 0.2;
      --finish-grain-alpha: 0;

      box-shadow:
        0 12px 28px rgba(32, 36, 42, 0.22),
        inset 0 2px 1px rgba(255, 255, 255, 0.68),
        inset 0 -2px 4px rgba(0, 0, 0, 0.32);
    }

    .film-fan__face[data-card-finish="satin"] {
      --finish-shine-alpha: 0.22;
      --finish-shine-stop: 40%;
      --finish-top-shadow-alpha: 0.16;
      --finish-mid-alpha: 0.08;
      --finish-bottom-shadow-alpha: 0.12;
      --finish-hotspot-alpha: 0.16;
      --finish-band-alpha: 0.1;
      --finish-glare-alpha: 0.05;
      --finish-dark-reflection-alpha: 0.05;
      --finish-grain-alpha: 0.014;
    }

    .film-fan__face[data-card-finish="matte"] {
      --finish-shine-alpha: 0.08;
      --finish-shine-stop: 54%;
      --finish-top-shadow-alpha: 0.12;
      --finish-mid-alpha: 0.03;
      --finish-bottom-shadow-alpha: 0.1;
      --finish-hotspot-alpha: 0.04;
      --finish-band-alpha: 0.025;
      --finish-glare-alpha: 0;
      --finish-dark-reflection-alpha: 0.025;
      --finish-grain-alpha: 0.034;

      box-shadow:
        0 10px 20px rgba(32, 36, 42, 0.14),
        inset 0 1px 1px rgba(255, 255, 255, 0.18),
        inset 0 -1px 2px rgba(0, 0, 0, 0.18);
      filter: saturate(0.94) contrast(0.96);
    }

    .film-fan__face::after {
      content: "";
      position: absolute;
      left: calc(var(--card-hole-x) + var(--card-hole-nudge-x));
      top: calc(var(--card-hole-y) + var(--card-hole-nudge-y));
      width: var(--card-hole-size);
      height: var(--card-hole-size);
      border-radius: 50%;
      background:
      radial-gradient(circle at 50% 50%, #fff 0 8%, #aeb3b6 20% 28%, #565f64 30% 48%, #2c353a 58% 100%);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
      transform: translate(-50%, -50%);
    }

    .film-fan__face.is-cover {
      color: #d9dde2;
      background: linear-gradient(110deg, #050607 0%, #17191d 48%, #030405 100%);
      border-color: rgba(255, 255, 255, 0.28);
    }

    .film-fan__brand {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      padding-right: 44px;
      text-align: center;
      letter-spacing: 0;
      text-transform: uppercase;
      transform: rotate(var(--brand-angle, 0deg));
      transform-origin: 50% 50%;
      will-change: transform;
    }

    .film-fan__brand-mark {
      width: 34px;
      height: 34px;
      margin: 0 auto 6px;
      border: 2px solid rgba(226, 231, 238, 0.62);
      border-radius: 8px;
      transform: rotate(45deg);
      box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.04);
    }

    .film-fan__brand-title {
      display: block;
      font-size: clamp(13px, 1.8vw, 20px);
      line-height: 1;
      font-weight: 700;
    }

    .film-fan__brand-subtitle {
      display: block;
      margin-top: 5px;
      font-size: clamp(8px, 1vw, 11px);
      color: rgba(221, 226, 232, 0.66);
      font-weight: 500;
    }

    .film-fan__pin {
        display: none;
      position: absolute;
      left: var(--fan-pivot-x);
      top: var(--fan-pivot-y);
      width: var(--pin-size);
      height: var(--pin-size);
      border-radius: 50%;
      z-index: 999;
      transform: translate(-50%, -50%);
      background:
        radial-gradient(circle at 35% 30%, #fff 0 10%, #cad0d2 12% 36%, #697277 38% 56%, #20272b 58% 66%, #e4e7e8 68% 100%);
      box-shadow:
        0 9px 20px rgba(0, 0, 0, 0.24),
        inset 0 1px 1px rgba(255, 255, 255, 0.9);
      pointer-events: none;
    }

    @media (max-width: 640px) {
      .film-fan-block {
        padding-inline: 0;
      }

      .film-fan-stage {
        width: 100vw;
        height: 520px;
      }
    }
.load-text{
  display: none!important;
}