/* Luxury chapter language — cinematic scale, photography, space.
   Inspired by automotive launch sites: full-bleed scenes, huge type, quiet chrome. */

:root {
  --ayenyx-lux-title: clamp(2.05rem, 3.6vw, 3.15rem);
  --ayenyx-lux-title-md: clamp(1.9rem, 3.1vw, 2.7rem);
  --ayenyx-lux-kicker: 0.18em;
}

.home-hero,
.home-about-partner,
.home-categories,
.home-value,
.home-audience,
.home-brands,
.home-promo,
.home-uae,
.home-blog,
.home-final-cta {
  isolation: isolate;
}

.home-hero,
.home-categories,
.home-value,
.home-promo,
.home-uae,
.home-final-cta {
  background-color: #000 !important;
  background-image: none !important;
}

.home-hero::after,
.home-about-partner::after,
.home-categories::after,
.home-promo::after,
.home-value::after,
.home-uae::after,
.home-blog::after,
.home-final-cta::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* Strip glass — luxury is solid black + photography, not blur cards */
.home-value__point,
.home-value__point:hover,
.home-features__card-link,
.home-principles__row,
.home-promo__box {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.home-value__point {
  border-radius: 0 !important;
}

.home-value__point:hover {
  background: #141414 !important;
}

.home-value__panel {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-value__pattern-shade {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.92) 0%,
    rgba(0, 0, 0, 0.78) 55%,
    rgba(0, 0, 0, 0.62) 100%
  ) !important;
}

.home-value__cta:hover {
  background: #a60028 !important;
  border-color: #a60028 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Chapter titles — oversized, tight, quiet */
.home-hero__title,
.home-about-partner__title,
.home-categories__title,
.home-value__title,
.home-promo__title,
.home-uae__title,
.home-final-cta__title {
  font-weight: 600 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.04 !important;
}

.home-hero__title {
  font-size: clamp(2.05rem, 3.5vw, 3.05rem) !important;
  max-width: 18ch;
}

.home-about-partner__title {
  font-size: clamp(2.1rem, 3.8vw, 3.15rem) !important;
}

.home-categories__title,
.home-promo__title,
.home-uae__title {
  font-size: var(--ayenyx-lux-title-md) !important;
}

.home-value__title {
  font-size: clamp(2.15rem, 4vw, 3.35rem) !important;
}

.home-audience__title {
  font-size: clamp(2rem, 3.3vw, 2.75rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
}

.home-brands__title,
.home-blog__title {
  font-size: clamp(1.95rem, 3.2vw, 2.65rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
}

.home-final-cta__title {
  font-size: clamp(2.15rem, 4.6vw, 3.65rem) !important;
  max-width: 16ch;
}

/* Kickers — tiny, wide tracked */
.home-hero__eyebrow,
.home-about-partner__tag,
.home-categories__tag,
.home-value__tag,
.home-audience__tag,
.home-brands__tag,
.home-promo__tag,
.home-uae__tag,
.home-blog__tag {
  letter-spacing: var(--ayenyx-lux-kicker) !important;
}

.home-hero__lead,
.home-about-partner__lead,
.home-categories__lead,
.home-value__lead,
.home-promo__text,
.home-uae__text {
  font-weight: 400;
}

/* Photography tiles — sharp, flush, slow zoom */
.home-categories__link,
.home-blog__media {
  border-radius: 0 !important;
}

.home-blog__media {
  border-color: rgba(17, 17, 17, 0.08) !important;
}

.home-blog__content {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-categories__view-all:hover {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
}

.home-value::before,
.home-promo::before,
.home-uae::before {
  z-index: 4 !important;
}

@media (max-width: 991px) {
  .home-hero__title {
    max-width: none;
    font-size: clamp(1.85rem, 6.4vw, 2.35rem) !important;
  }

  .home-final-cta__title {
    max-width: none;
    font-size: clamp(1.9rem, 7.5vw, 2.55rem) !important;
  }

  .home-audience__title span {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero::after,
  .home-categories::after,
  .home-value::after,
  .home-blog::after {
    animation: none !important;
  }
}

/* Scroll reveal — hide below-fold until GSAP takes over */
html.js-home-scroll:not(.js-home-scroll-ready) .home-about-partner__copy > *,
html.js-home-scroll:not(.js-home-scroll-ready) .home-about-partner__media,
html.js-home-scroll:not(.js-home-scroll-ready) .home-categories__header > *,
html.js-home-scroll:not(.js-home-scroll-ready) .home-categories__item,
html.js-home-scroll:not(.js-home-scroll-ready) .home-categories__footer,
html.js-home-scroll:not(.js-home-scroll-ready) .home-value__panel-content > *,
html.js-home-scroll:not(.js-home-scroll-ready) .home-value__point,
html.js-home-scroll:not(.js-home-scroll-ready) .home-audience__item,
html.js-home-scroll:not(.js-home-scroll-ready) .home-brands__header > *,
html.js-home-scroll:not(.js-home-scroll-ready) .home-brands__board,
html.js-home-scroll:not(.js-home-scroll-ready) .home-promo__copy,
html.js-home-scroll:not(.js-home-scroll-ready) .home-uae__copy > *,
html.js-home-scroll:not(.js-home-scroll-ready) .home-uae__visual,
html.js-home-scroll:not(.js-home-scroll-ready) .home-blog__header > *,
html.js-home-scroll:not(.js-home-scroll-ready) .home-blog__card,
html.js-home-scroll:not(.js-home-scroll-ready) .home-final-cta__inner > * {
  opacity: 0;
  visibility: hidden;
}

html.js-home-scroll .home-about-partner__img,
html.js-home-scroll .home-value__visual-img,
html.js-home-scroll .home-promo__banner img {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  html.js-home-scroll:not(.js-home-scroll-ready) .home-about-partner__copy > *,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-about-partner__media,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-categories__header > *,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-categories__item,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-categories__footer,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-value__panel-content > *,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-value__point,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-audience__item,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-brands__header > *,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-brands__board,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-promo__copy,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-uae__copy > *,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-uae__visual,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-blog__header > *,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-blog__card,
  html.js-home-scroll:not(.js-home-scroll-ready) .home-final-cta__inner > * {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
