* { box-sizing: border-box; }

    :root {
      color-scheme: dark;
      --black: #000;
      --panel: rgba(5, 10, 18, 0.82);
      --panel-soft: rgba(6, 13, 22, 0.84);
      --line: rgba(114, 145, 178, 0.28);
      --blue: #1477ff;
      --green: #4cff68;
      --red: #ff3347;
      --text: #f5f7fb;
      --muted: #a8b0c0;
      --gold: #ffca73;
    }

    html { min-height: 100%; background: var(--black); }

    body {
      min-height: 100svh;
      margin: 0;
      overflow-x: hidden;
      color: var(--text);
      background:
        radial-gradient(circle at 18% 18%, rgba(255, 51, 71, 0.14), transparent 22rem),
        radial-gradient(circle at 82% 24%, rgba(20, 119, 255, 0.16), transparent 25rem),
        radial-gradient(circle at 50% 88%, rgba(255, 202, 115, 0.08), transparent 24rem),
        linear-gradient(180deg, #000 0%, #040711 43%, #080713 72%, #000 100%);
      font-family:
        Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: 0.22;
      background:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px) 0 0 / 100% 3px,
        radial-gradient(circle at center, transparent 0, rgba(0,0,0,0.68) 78%);
      mix-blend-mode: screen;
    }

    .movies-shell {
      width: min(72rem, calc(100% - 2rem));
      min-height: 100svh;
      margin-inline: auto;
      padding:
        calc(env(safe-area-inset-top, 0px) + clamp(1.4rem, 5vw, 3.4rem))
        0
        calc(env(safe-area-inset-bottom, 0px) + 2rem);
      display: grid;
      gap: clamp(1rem, 4vw, 2rem);
      position: relative;
      z-index: 1;
    }

    .page-actions {
      justify-self: end;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 0.55rem;
    }

    .back-link {
      width: fit-content;
      min-height: 2.55rem;
      padding: 0.68rem 0.95rem;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      border: 1px solid rgba(91, 134, 171, 0.34);
      border-radius: 999px;
      color: #c4cede;
      background: rgba(3, 10, 18, 0.68);
      text-decoration: none;
      font-size: 0.72rem;
      font-weight: 760;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      box-shadow: inset 0 0 1rem rgba(20, 119, 255, 0.035);
    }

    .back-link::before {
      color: var(--green);
      font-size: 1.1rem;
      line-height: 1;
      filter: drop-shadow(0 0 0.35rem rgba(76, 255, 104, 0.45));
    }

    .back-link--section::before {
      content: "↗";
      color: #d88cff;
      font-size: 1.02rem;
      font-weight: 850;
      filter: drop-shadow(0 0 0.44rem rgba(193, 92, 255, 0.72));
      text-shadow:
        0 0 0.45rem rgba(193, 92, 255, 0.82),
        0 0 0.85rem rgba(109, 224, 255, 0.22);
    }

    .back-link--home::before { content: "‹"; }

    .movie-stage {
      position: relative;
      overflow: hidden;
      min-height: min(54svh, 36rem);
      padding: clamp(1.05rem, 4vw, 2.4rem);
      display: grid;
      align-content: end;
      border: 1px solid var(--line);
      border-radius: clamp(1.3rem, 4vw, 2.1rem);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.035), transparent 18%),
        linear-gradient(90deg, rgba(255,51,71,0.06), transparent 30%, transparent 70%, rgba(20,119,255,0.07)),
        rgba(2, 7, 14, 0.82);
      box-shadow:
        0 1.3rem 3.2rem rgba(0, 0, 0, 0.45),
        0 0 2.4rem rgba(20, 119, 255, 0.08),
        inset 0 0 3rem rgba(255, 51, 71, 0.035);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .movie-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.28;
      background:
        linear-gradient(115deg, transparent 0 18%, rgba(255,255,255,0.07) 21%, transparent 38%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 5.8rem),
        repeating-linear-gradient(0deg, rgba(255,255,255,0.038) 0 1px, transparent 1px 7.2rem);
      transform: skewY(-4deg) scale(1.08);
      pointer-events: none;
    }

    .movie-stage::after {
      content: "";
      position: absolute;
      inset: auto -10% -18% -10%;
      height: 34%;
      background: radial-gradient(ellipse at center, rgba(255, 202, 115, 0.14), transparent 65%);
      pointer-events: none;
    }

    .poster-wall {
      position: absolute;
      inset: 1.2rem;
      opacity: 0.42;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 0.6rem;
      transform: perspective(52rem) rotateX(2deg) rotateY(-5deg) translateY(-1.2rem);
      transform-origin: top left;
      pointer-events: none;
    }

    .poster {
      min-height: clamp(4.2rem, 10vw, 7.4rem);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 0.35rem;
      background:
        linear-gradient(145deg, rgba(255,255,255,0.12), transparent 28%),
        linear-gradient(180deg, var(--tone-a), var(--tone-b));
      box-shadow: 0 0.7rem 1.2rem rgba(0,0,0,0.32);
    }

    .poster:nth-child(3n) { transform: translateY(1rem); }
    .poster:nth-child(4n) { transform: translateY(-0.6rem); }
    .poster:nth-child(5n) { opacity: 0.72; }

    .movies-copy {
      position: relative;
      z-index: 2;
      max-width: 46rem;
    }

    .eyebrow {
      margin: 0 0 0.9rem;
      color: #9ed8ff;
      font-size: clamp(0.72rem, 2vw, 0.9rem);
      font-weight: 820;
      letter-spacing: 0.34em;
      text-transform: uppercase;
      text-shadow: 0 0 0.7rem rgba(20,119,255,0.28);
    }

    h1 {
      margin: 0;
      font-size: clamp(3.6rem, 15vw, 10rem);
      line-height: 0.82;
      letter-spacing: -0.085em;
      text-transform: uppercase;
      text-shadow:
        0 0 1rem rgba(255,255,255,0.12),
        0 0 2rem rgba(20,119,255,0.12);
    }

    .tagline {
      max-width: 42rem;
      margin: clamp(1rem, 4vw, 1.7rem) 0 0;
      color: #c1c9d8;
      font-size: clamp(1.02rem, 3vw, 1.35rem);
      line-height: 1.65;
      text-wrap: balance;
    }

    .build-note {
      width: fit-content;
      margin-top: clamp(1.15rem, 3vw, 1.8rem);
      padding: 0.62rem 0.95rem;
      border: 1px solid rgba(255, 202, 115, 0.30);
      border-radius: 999px;
      color: #ffd99b;
      background: rgba(255, 202, 115, 0.06);
      font-size: 0.72rem;
      font-weight: 780;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .section-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }

    .section-card {
      position: relative;
      min-height: 24rem;
      overflow: hidden;
      border: 1px solid rgba(91, 134, 171, 0.26);
      border-radius: 1.35rem;
      background:
        radial-gradient(circle at 20% 12%, rgba(255,255,255,0.07), transparent 8rem),
        linear-gradient(145deg, rgba(8, 17, 29, 0.94), rgba(3, 9, 17, 0.88));
      box-shadow:
        inset 0 0 1.2rem rgba(20, 119, 255, 0.035),
        0 1rem 2rem rgba(0, 0, 0, 0.28);
      isolation: isolate;
    }

    .section-card--feature {
      grid-column: 1 / -1;
      min-height: 24rem;
      background:
        radial-gradient(circle at 12% 15%, rgba(255,255,255,0.08), transparent 10rem),
        linear-gradient(145deg, rgba(9, 18, 31, 0.96), rgba(4, 10, 18, 0.92));
    }

    .section-card__overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(2, 6, 13, 0.10) 0%, rgba(2, 6, 13, 0.38) 36%, rgba(2, 6, 13, 0.90) 100%),
        linear-gradient(90deg, rgba(255, 51, 71, 0.10), transparent 34%, transparent 72%, rgba(20, 119, 255, 0.11));
    }

    .section-card__content {
      position: absolute;
      inset: auto 0 0 0;
      z-index: 3;
      padding: 1.25rem;
      display: grid;
      gap: 0.55rem;
    }

    .section-card__kicker {
      color: #98d5ff;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      text-shadow: 0 0 0.5rem rgba(20,119,255,0.22);
    }

    .section-card__title {
      margin: 0;
      font-size: clamp(1.45rem, 3.5vw, 2.4rem);
      line-height: 1.02;
      letter-spacing: -0.045em;
    }

    .section-card__summary {
      margin: 0;
      max-width: 43rem;
      color: #c0c8d8;
      font-size: 0.95rem;
      line-height: 1.55;
      text-wrap: balance;
    }

    .cover-collage {
      position: absolute;
      inset: 0;
      z-index: 2;
      overflow: hidden;
    }

    .cover {
      position: absolute;
      display: block;
      width: clamp(8.4rem, 18vw, 11.3rem);
      height: auto;
      aspect-ratio: 2 / 3;
      object-fit: cover;
      border-radius: 0.7rem;
      border: 1px solid rgba(255,255,255,0.12);
      box-shadow:
        0 1rem 2rem rgba(0,0,0,0.38),
        0 0 0 1px rgba(255,255,255,0.04);
      opacity: 0.91;
      filter: saturate(0.95) contrast(1.02) brightness(0.96);
    }

    .cover--titanic {
      left: 2.2rem;
      top: 1.55rem;
      transform: rotate(-9deg);
      z-index: 3;
    }

    .cover--jurassic {
      left: 14.6rem;
      top: 1.4rem;
      transform: rotate(-2deg);
      z-index: 5;
    }

    .cover--twister {
      right: 15.8rem;
      top: 1.2rem;
      transform: rotate(8deg);
      z-index: 2;
    }

    .cover--doubtfire {
      right: 4rem;
      top: 2rem;
      transform: rotate(5deg);
      z-index: 4;
    }

    .cover--jaws {
      left: 50%;
      top: 6rem;
      transform: translateX(-50%) rotate(3deg);
      z-index: 1;
    }

    .section-card--placeholder::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 85% 15%, rgba(20,119,255,0.18), transparent 28%),
        radial-gradient(circle at 18% 18%, rgba(255,51,71,0.14), transparent 24%),
        radial-gradient(circle at 42% 88%, rgba(255,202,115,0.10), transparent 22%);
      z-index: 0;
    }

    .section-card--placeholder::after {
      content: "";
      position: absolute;
      inset: 1rem;
      border-radius: 1rem;
      border: 1px dashed rgba(152, 174, 201, 0.18);
      opacity: 0.65;
      z-index: 0;
    }

    .section-card--action {
      grid-column: 1 / -1;
      min-height: 25rem;
      background:
        radial-gradient(circle at 84% 16%, rgba(255, 192, 92, 0.18), transparent 24%),
        radial-gradient(circle at 14% 18%, rgba(84, 154, 255, 0.14), transparent 28%),
        linear-gradient(145deg, rgba(19, 15, 22, 0.96), rgba(7, 10, 20, 0.94));
      box-shadow:
        inset 0 0 1.4rem rgba(255, 191, 88, 0.05),
        0 1rem 2rem rgba(0, 0, 0, 0.30);
    }

    .section-card--action .section-card__overlay {
      background:
        linear-gradient(180deg, rgba(4, 7, 14, 0.12) 0%, rgba(4, 7, 14, 0.40) 35%, rgba(4, 7, 14, 0.90) 100%),
        linear-gradient(90deg, rgba(255, 166, 77, 0.11), transparent 34%, transparent 72%, rgba(98, 170, 255, 0.12));
    }

    .cover--furious {
      left: 2rem;
      top: 1.2rem;
      transform: rotate(-8deg);
      z-index: 3;
    }

    .cover--future {
      left: 14.8rem;
      top: 1.15rem;
      transform: rotate(-1deg);
      z-index: 5;
    }

    .cover--terminator {
      right: 15.2rem;
      top: 1.25rem;
      transform: rotate(7deg);
      z-index: 2;
    }

    .cover--lotr {
      right: 2.4rem;
      top: 2rem;
      transform: rotate(6deg);
      z-index: 4;
    }

    .cover--starwars {
      left: 50%;
      top: 6rem;
      transform: translateX(-50%) rotate(2deg);
      z-index: 1;
    }

    .section-card--horror {
      grid-column: 1 / -1;
      min-height: 25rem;
      background:
        radial-gradient(circle at 85% 16%, rgba(31, 121, 255, 0.12), transparent 22%),
        radial-gradient(circle at 12% 18%, rgba(255, 46, 84, 0.18), transparent 28%),
        linear-gradient(145deg, rgba(14, 11, 22, 0.96), rgba(5, 8, 17, 0.92));
      box-shadow:
        inset 0 0 1.6rem rgba(255, 51, 71, 0.05),
        0 1rem 2rem rgba(0, 0, 0, 0.30);
    }

    .section-card--horror .section-card__overlay {
      background:
        linear-gradient(180deg, rgba(2, 4, 10, 0.12) 0%, rgba(2, 6, 13, 0.40) 34%, rgba(2, 6, 13, 0.90) 100%),
        linear-gradient(90deg, rgba(255, 46, 84, 0.16), transparent 34%, transparent 72%, rgba(43, 121, 255, 0.12));
    }

    .cover--talk {
      left: 2rem;
      top: 1.1rem;
      transform: rotate(-7deg);
      z-index: 4;
    }

    .cover--obsession {
      left: 15rem;
      top: 1.4rem;
      transform: rotate(-1deg);
      z-index: 5;
    }

    .cover--leviticus {
      right: 14.5rem;
      top: 1.15rem;
      transform: rotate(6deg);
      z-index: 3;
    }

    .cover--wolf {
      right: 2.3rem;
      top: 2rem;
      transform: rotate(7deg);
      z-index: 2;
    }

    .cover--scream {
      left: 50%;
      top: 6rem;
      transform: translateX(-50%) rotate(2deg);
      z-index: 1;
    }


    .section-card--scifi {
      grid-column: 1 / -1;
      min-height: 25rem;
      background:
        radial-gradient(circle at 85% 14%, rgba(104, 255, 241, 0.16), transparent 24%),
        radial-gradient(circle at 14% 18%, rgba(63, 127, 255, 0.14), transparent 28%),
        linear-gradient(145deg, rgba(6, 16, 30, 0.96), rgba(3, 8, 18, 0.92));
      box-shadow:
        inset 0 0 1.4rem rgba(104, 255, 241, 0.05),
        0 1rem 2rem rgba(0, 0, 0, 0.30);
    }

    .section-card--scifi .section-card__overlay {
      background:
        linear-gradient(180deg, rgba(2, 8, 18, 0.14) 0%, rgba(2, 8, 18, 0.38) 34%, rgba(2, 8, 18, 0.90) 100%),
        linear-gradient(90deg, rgba(89, 176, 255, 0.14), transparent 34%, transparent 72%, rgba(104, 255, 241, 0.14));
    }

    .cover--creator {
      left: 2rem;
      top: 1.2rem;
      transform: rotate(-8deg);
      z-index: 3;
    }

    .cover--machina {
      left: 14.8rem;
      top: 1.15rem;
      transform: rotate(-1deg);
      z-index: 5;
    }

    .cover--irobot {
      right: 15.2rem;
      top: 1.25rem;
      transform: rotate(7deg);
      z-index: 2;
    }

    .cover--elysium {
      right: 2.4rem;
      top: 2rem;
      transform: rotate(6deg);
      z-index: 4;
    }

    .cover--matrix {
      left: 50%;
      top: 6rem;
      transform: translateX(-50%) rotate(2deg);
      z-index: 1;
    }


    .section-card--disaster {
      grid-column: 1 / -1;
      min-height: 25rem;
      background:
        radial-gradient(circle at 84% 16%, rgba(255, 188, 82, 0.14), transparent 25%),
        radial-gradient(circle at 14% 18%, rgba(107, 178, 255, 0.14), transparent 30%),
        linear-gradient(145deg, rgba(17, 21, 31, 0.96), rgba(6, 12, 22, 0.94));
      box-shadow:
        inset 0 0 1.5rem rgba(255, 255, 255, 0.03),
        0 1rem 2rem rgba(0, 0, 0, 0.32);
    }

    .section-card--disaster .section-card__overlay {
      background:
        linear-gradient(180deg, rgba(5, 8, 14, 0.12) 0%, rgba(5, 8, 14, 0.42) 36%, rgba(5, 8, 14, 0.90) 100%),
        linear-gradient(90deg, rgba(255, 128, 60, 0.10), transparent 34%, transparent 72%, rgba(112, 180, 255, 0.12));
    }

    .cover--andreas {
      left: 2rem;
      top: 1.2rem;
      transform: rotate(-8deg);
      z-index: 3;
    }

    .cover--war {
      left: 14.8rem;
      top: 1.15rem;
      transform: rotate(-1deg);
      z-index: 5;
    }

    .cover--clover {
      right: 15.2rem;
      top: 1.25rem;
      transform: rotate(7deg);
      z-index: 2;
    }

    .cover--tomorrow {
      right: 2.4rem;
      top: 2rem;
      transform: rotate(6deg);
      z-index: 4;
    }

    .cover--pacific {
      left: 50%;
      top: 6rem;
      transform: translateX(-50%) rotate(2deg);
      z-index: 1;
    }


    .section-card--emotional {
      grid-column: 1 / -1;
      min-height: 25rem;
      background:
        radial-gradient(circle at 82% 18%, rgba(255, 95, 84, 0.12), transparent 24%),
        radial-gradient(circle at 14% 18%, rgba(255, 198, 129, 0.14), transparent 28%),
        radial-gradient(circle at 50% 86%, rgba(84, 145, 255, 0.08), transparent 26%),
        linear-gradient(145deg, rgba(22, 14, 18, 0.96), rgba(7, 8, 15, 0.94));
      box-shadow:
        inset 0 0 1.4rem rgba(255, 140, 120, 0.045),
        0 1rem 2rem rgba(0, 0, 0, 0.30);
    }

    .section-card--emotional .section-card__overlay {
      background:
        linear-gradient(180deg, rgba(5, 5, 10, 0.14) 0%, rgba(5, 5, 10, 0.42) 36%, rgba(5, 5, 10, 0.91) 100%),
        linear-gradient(90deg, rgba(255, 118, 92, 0.12), transparent 34%, transparent 72%, rgba(122, 160, 255, 0.09));
    }

    .cover--beauty {
      left: 2rem;
      top: 1.15rem;
      transform: rotate(-8deg);
      z-index: 3;
    }

    .cover--basketball {
      left: 14.8rem;
      top: 1.2rem;
      transform: rotate(-1deg);
      z-index: 5;
    }

    .cover--requiem {
      right: 15.2rem;
      top: 1.1rem;
      transform: rotate(7deg);
      z-index: 2;
    }

    .cover--sandfog {
      right: 2.4rem;
      top: 1.95rem;
      transform: rotate(6deg);
      z-index: 4;
    }

    .cover--gift {
      left: 50%;
      top: 6rem;
      transform: translateX(-50%) rotate(2deg);
      z-index: 1;
    }

    .cover-collage .cover:nth-child(1) {
      left: 2.2rem;
      top: 1.05rem;
      transform: rotate(-8deg);
      z-index: 3;
    }

    .cover-collage .cover:nth-child(2) {
      left: 50%;
      top: 0.95rem;
      transform: translateX(-50%) rotate(-1deg);
      z-index: 5;
    }

    .cover-collage .cover:nth-child(3) {
      left: auto;
      right: 2.2rem;
      top: 1.25rem;
      transform: rotate(7deg);
      z-index: 4;
    }

    .cover-collage .cover:nth-child(4) {
      left: 23%;
      right: auto;
      top: 6.25rem;
      transform: rotate(-5deg);
      z-index: 2;
    }

    .cover-collage .cover:nth-child(5) {
      left: auto;
      right: 23%;
      top: 6.55rem;
      transform: rotate(5deg);
      z-index: 1;
    }

    @media (max-width: 920px) {
      .section-grid {
        grid-template-columns: 1fr;
      }

      .section-card,
      .section-card--feature,
      .section-card--horror,
      .section-card--scifi,
      .section-card--disaster,
      .section-card--action,
      .section-card--emotional {
        min-height: 28rem;
      }

      .cover--titanic { left: 1rem; top: 1.2rem; }
      .cover--jurassic { left: 10.6rem; top: 1rem; }
      .cover--twister { right: 10rem; top: 1rem; }
      .cover--doubtfire { right: 1.2rem; top: 1.8rem; }
      .cover--jaws { top: 5.2rem; }
      .cover--talk { left: 1rem; top: 1rem; }
      .cover--obsession { left: 10rem; top: 1rem; }
      .cover--leviticus { right: 10rem; top: 1rem; }
      .cover--wolf { right: 1rem; top: 1.7rem; }
      .cover--scream { top: 5.1rem; }
      .cover--creator { left: 1rem; top: 1rem; }
      .cover--machina { left: 10rem; top: 0.9rem; }
      .cover--irobot { right: 10rem; top: 1rem; }
      .cover--elysium { right: 1rem; top: 1.7rem; }
      .cover--matrix { top: 5.1rem; }
      .cover--andreas { left: 1rem; top: 1rem; }
      .cover--war { left: 10rem; top: 0.9rem; }
      .cover--clover { right: 10rem; top: 1rem; }
      .cover--tomorrow { right: 1rem; top: 1.7rem; }
      .cover--pacific { top: 5.1rem; }
      .cover--furious { left: 1rem; top: 1rem; }
      .cover--future { left: 10rem; top: 0.9rem; }
      .cover--terminator { right: 10rem; top: 1rem; }
      .cover--lotr { right: 1rem; top: 1.7rem; }
      .cover--starwars { top: 5.1rem; }
      .cover--beauty { left: 1rem; top: 1rem; }
      .cover--basketball { left: 10rem; top: 0.9rem; }
      .cover--requiem { right: 10rem; top: 1rem; }
      .cover--sandfog { right: 1rem; top: 1.7rem; }
      .cover--gift { top: 5.1rem; }

      .cover-collage .cover:nth-child(1) { left: 1rem; top: 1rem; transform: rotate(-8deg); z-index: 3; }
      .cover-collage .cover:nth-child(2) { left: 50%; top: 0.85rem; transform: translateX(-50%) rotate(-1deg); z-index: 5; }
      .cover-collage .cover:nth-child(3) { left: auto; right: 1rem; top: 1.1rem; transform: rotate(7deg); z-index: 4; }
      .cover-collage .cover:nth-child(4) { left: 20%; right: auto; top: 6.25rem; transform: rotate(-5deg); z-index: 2; }
      .cover-collage .cover:nth-child(5) { left: auto; right: 20%; top: 6.55rem; transform: rotate(5deg); z-index: 1; }
    }

    @media (max-width: 640px) {
      .movies-shell { width: min(100% - 1.15rem, 44rem); }
      .movie-stage { min-height: 52svh; }
      .poster-wall { grid-template-columns: repeat(4, 1fr); opacity: 0.34; }
      .poster:nth-child(n+17) { display: none; }
      .section-card,
      .section-card--feature,
      .section-card--horror,
      .section-card--scifi,
      .section-card--disaster,
      .section-card--action,
      .section-card--emotional { min-height: 34rem; }
      .section-card__content { padding: 1rem; }
      .section-card__summary { font-size: 0.95rem; }
      .cover-collage {
        inset: 1rem 0.85rem auto;
        min-height: 22rem;
        overflow: visible;
      }

      .cover {
        width: min(38vw, 8.8rem);
        border-radius: 0.7rem;
      }

      .cover-collage .cover:nth-child(1) { left: 0; top: 0; transform: rotate(-8deg); z-index: 3; }
      .cover-collage .cover:nth-child(2) { left: 34%; top: 0.15rem; transform: rotate(-1deg); z-index: 5; }
      .cover-collage .cover:nth-child(3) { left: auto; right: 0; top: 0.4rem; transform: rotate(7deg); z-index: 4; }
      .cover-collage .cover:nth-child(4) { left: 15%; right: auto; top: 8.5rem; transform: rotate(-5deg); z-index: 2; }
      .cover-collage .cover:nth-child(5) { left: auto; right: 13%; top: 8.9rem; transform: rotate(5deg); z-index: 1; }
    }

    @media (max-width: 430px) {
      .section-card,
      .section-card--feature,
      .section-card--horror,
      .section-card--scifi,
      .section-card--disaster,
      .section-card--action,
      .section-card--emotional { min-height: 33rem; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }
    }
  
    .site-footer {
      position: relative;
      z-index: 10;
      padding: 1.5rem 1rem 2rem;
      color: rgba(245, 247, 251, 0.48);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-align: center;
      text-transform: lowercase;
    }

    .site-footer span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.45rem 0.75rem;
      border: 1px solid rgba(145, 196, 255, 0.14);
      border-radius: 999px;
      background: rgba(5, 12, 22, 0.34);
      backdrop-filter: blur(10px);
      box-shadow: 0 0 1rem rgba(20, 119, 255, 0.06);
    }

/* v103: former inline style attributes */
.v103-inline-style-1 { --tone-a:#3b0712;--tone-b:#08030a }
.v103-inline-style-2 { --tone-a:#081936;--tone-b:#030713 }
.v103-inline-style-3 { --tone-a:#452208;--tone-b:#090501 }
.v103-inline-style-4 { --tone-a:#261047;--tone-b:#05020a }
.v103-inline-style-5 { --tone-a:#4a061a;--tone-b:#08030a }
.v103-inline-style-6 { --tone-a:#082a32;--tone-b:#03080d }
.v103-inline-style-7 { --tone-a:#392a09;--tone-b:#080603 }
.v103-inline-style-8 { --tone-a:#101d3b;--tone-b:#030611 }
.v103-inline-style-9 { --tone-a:#4b0c10;--tone-b:#090304 }
.v103-inline-style-10 { --tone-a:#1d3413;--tone-b:#030703 }
.v103-inline-style-11 { --tone-a:#2c102f;--tone-b:#060309 }
.v103-inline-style-12 { --tone-a:#3d1508;--tone-b:#090402 }
.v103-inline-style-13 { --tone-a:#071b2f;--tone-b:#02050a }
.v103-inline-style-14 { --tone-a:#3c0824;--tone-b:#070208 }
.v103-inline-style-15 { --tone-a:#2f2a10;--tone-b:#060503 }
.v103-inline-style-16 { --tone-a:#0a2d36;--tone-b:#020709 }
.v103-inline-style-17 { --tone-a:#4c0d0d;--tone-b:#080202 }
.v103-inline-style-18 { --tone-a:#17284a;--tone-b:#030711 }
.v103-inline-style-19 { --tone-a:#30103d;--tone-b:#050209 }
.v103-inline-style-20 { --tone-a:#3e310c;--tone-b:#070602 }
.v103-inline-style-21 { --tone-a:#0b162d;--tone-b:#02040a }