/* Final 2026-08-01 homepage refinements. */

.rook-home-final-page .studio-feature {
  color: #eee9df;
  background: #151513;
}

.rook-home-final-page .studio-feature::before,
.rook-home-final-page .studio-feature::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
}

.rook-home-final-page .studio-feature::before {
  background: rgba(21, 21, 19, 0.14);
}

.rook-home-final-page .studio-feature::after {
  background:
    linear-gradient(180deg, #151513 0%, rgba(21, 21, 19, 0.72) 7%, rgba(21, 21, 19, 0.16) 22%, rgba(21, 21, 19, 0) 34%),
    linear-gradient(90deg, rgba(21, 21, 19, 0.68) 0%, rgba(21, 21, 19, 0.46) 31%, rgba(21, 21, 19, 0.1) 66%, rgba(21, 21, 19, 0.02) 100%),
    linear-gradient(180deg, rgba(17, 17, 15, 0) 58%, rgba(17, 17, 15, 0.18) 100%);
}

.rook-home-final-page .studio-feature__media {
  inset: -12px;
}

.rook-home-final-page .studio-feature__media img {
  object-position: 50% 50%;
  filter: blur(6px) saturate(0.86) brightness(0.93);
  transform: scale(1.045);
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .rook-home-final-page .studio-feature:hover .studio-feature__media img {
    transform: scale(1.065);
  }

}

/* Touchscreens can keep :hover active after a tap. Keep the logo rail moving;
   desktop pause-on-hover is restored only inside the fine-pointer query. */
.rook-home-final-page .logo-marquee:hover .logo-marquee__track {
  animation-play-state: running;
}

@media (hover: hover) and (pointer: fine) {
  .rook-home-final-page .logo-marquee:hover .logo-marquee__track {
    animation-play-state: paused;
  }
}

.rook-home-final-page .studio-feature__copy {
  z-index: 3;
  top: 18%;
  left: clamp(28px, 7vw, 124px);
  width: min(620px, 43vw);
  color: #eee9df;
}

.rook-home-final-page .studio-feature__copy .eyebrow {
  color: rgba(238, 233, 223, 0.76);
}

.rook-home-final-page .studio-feature h2 {
  max-width: 620px;
  font-size: clamp(48px, 5.4vw, 88px);
}

.rook-home-final-page .studio-feature__copy p {
  max-width: 510px;
  color: rgba(238, 233, 223, 0.86);
}

.rook-home-final-page .studio-feature__copy .text-link {
  color: #eee9df;
}

@media (max-width: 820px) {
  /* Match the approved mobile Hero pacing from version 19.0.9.7.0. */
  .rook-home-final-page .hero-story {
    height: 560svh;
  }

  /* Shift the crop left so more of the tree trunk remains visible. */
  .rook-home-final-page .hero-media img,
  .rook-home-final-page .hero-media video {
    object-position: 62% 50%;
  }

  /* Lighter veil than the old mobile treatment, revealing more of the image. */
  .rook-home-final-page .hero-shade {
    background:
      linear-gradient(
        90deg,
        rgba(247, 245, 239, 0.82) 0%,
        rgba(247, 245, 239, 0.62) 34%,
        rgba(247, 245, 239, 0.16) 70%,
        rgba(247, 245, 239, 0) 96%
      ),
      linear-gradient(
        180deg,
        rgba(247, 245, 239, 0.7) 0%,
        rgba(247, 245, 239, 0) 22%,
        rgba(247, 245, 239, 0) 76%,
        rgba(247, 245, 239, 0.8) 100%
      );
  }

  /* Keep the country rail as its own touch-scrolling surface on mobile. */
  .rook-home-final-page .country-browser {
    width: 100%;
    height: min(58svh, 480px);
    max-height: none;
    min-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  .rook-home-final-page .studio-feature::before {
    background: rgba(21, 21, 19, 0.2);
  }

  .rook-home-final-page .studio-feature::after {
    inset: 0;
    background:
      linear-gradient(180deg, #151513 0%, rgba(21, 21, 19, 0.72) 10%, rgba(21, 21, 19, 0.16) 28%, rgba(17, 17, 15, 0.18) 62%, rgba(17, 17, 15, 0.5) 100%),
      linear-gradient(90deg, rgba(17, 17, 15, 0.32), rgba(17, 17, 15, 0.04));
  }

  .rook-home-final-page .studio-feature__media img {
    position: relative;
    z-index: 1;
    object-fit: contain;
    object-position: 50% 62%;
    filter: blur(4px) saturate(0.84) brightness(0.9);
    transform: scale(1.12);
  }

  .rook-home-final-page .studio-feature__media::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -24px;
    background: url("/rook_home_final/static/dist/assets/studio-team-final-20260801.webp") center / cover no-repeat;
    filter: blur(12px) saturate(0.78) brightness(0.68);
    transform: scale(1.08);
  }

  .rook-home-final-page .studio-feature__copy {
    top: 13svh;
    bottom: auto;
    left: var(--pad);
    right: var(--pad);
    width: auto;
  }

  .rook-home-final-page .studio-feature h2 {
    max-width: 12ch;
    font-size: clamp(45px, 12vw, 66px);
  }

  .rook-home-final-page .studio-feature__copy p {
    max-width: 34rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rook-home-final-page .studio-feature__media img,
  .rook-home-final-page .studio-feature:hover .studio-feature__media img {
    transform: scale(1.045);
  }
}