/* PRIVILÈGE — restaurar diseño original */

/* Título original */
.privilege-page h1 {
  margin-bottom: clamp(55px, 8vw, 110px);
  font: 400 clamp(58px, 10.5vw, 154px)/.88
    'Cormorant Garamond', Georgia, serif;
  letter-spacing: -.038em;
  text-transform: none;
}

/* "by Le Swing" original */
.privilege-page h1 .privilege-byline {
  display: block;
  margin-top: clamp(16px, 2vw, 28px);
  font: 500 clamp(11px, 1.1vw, 14px)/1.5
    'Montserrat', Arial, sans-serif;
  letter-spacing: .18em;
  text-transform: none;
  color: #d9c8bc;
}

/* Fotografía sin deformación ni recorte */
.privilege-page .privilege-hero {
  display: block;
  width: min(100%, 760px);
  height: auto;
  aspect-ratio: auto;
  margin: 0 auto clamp(85px, 12vw, 160px);
  overflow: visible;
}

.privilege-page .privilege-hero img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  transform: none;
}

/* Adaptación original para móvil */
@media (max-width: 600px) {
  .privilege-page h1 {
    font-size: clamp(60px, 15vw, 92px);
    margin-bottom: 55px;
  }

  .privilege-page h1 .privilege-byline {
    font-size: 11px;
    margin-top: 15px;
  }

  .privilege-page .privilege-hero {
    margin-bottom: 75px;
  }
}



/* PRIVILÈGE — revelado vertical alfa suave */

.privilege-page .about-copy > p.privilege-reveal {
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 45%,
    transparent 65%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 45%,
    transparent 65%,
    transparent 100%
  );

  -webkit-mask-size: 100% 300%;
  mask-size: 100% 300%;

  animation: privilege-soft-reveal 2.8s
    cubic-bezier(.45, 0, .25, 1) both;
}

@keyframes privilege-soft-reveal {
  from {
    -webkit-mask-position: 0 100%;
    mask-position: 0 100%;
  }

  to {
    -webkit-mask-position: 0 0%;
    mask-position: 0 0%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .privilege-page .about-copy > p.privilege-reveal {
    animation: none;
    -webkit-mask-image: none;
    mask-image: none;
  }
}


/* Evitar el destello previo a la animación */
.privilege-page .about-copy > p.privilege-reveal-pending:not(.privilege-reveal) {
  visibility: hidden;
}


/* PRIVILÈGE — entrada suave del título y fotografía */

@media (prefers-reduced-motion: no-preference) {

	.privilege-page .about-story > .about-eyebrow,
	.privilege-page .about-story > h1,
	.privilege-page .privilege-hero {
    -webkit-mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 45%,
      transparent 65%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      #000 0%,
      #000 45%,
      transparent 65%,
      transparent 100%
    );

    -webkit-mask-size: 100% 300%;
    mask-size: 100% 300%;

    animation: privilege-top-reveal 2.3s
      cubic-bezier(.45, 0, .25, 1) both;
  }

	/* Orden de aparición: frase, título y fotografía */

	.privilege-page .about-story > .about-eyebrow {
  	animation-delay: 0s;
	}

	.privilege-page .about-story > h1 {
 	 animation-delay: .35s;
	}

	.privilege-page .privilege-hero {
 	 animation-delay: .7s;
	}

  @keyframes privilege-top-reveal {
    from {
      -webkit-mask-position: 0 100%;
      mask-position: 0 100%;
    }
    to {
      -webkit-mask-position: 0 0%;
      mask-position: 0 0%;
    }
  }
}