/*
  NURYA — Les Portes (Univers Femme / Univers Homme)
  Full-bleed, architectural split — deliberately NOT a two-card grid.
  Reuses the theme's own .nurya-theme-light / .nurya-theme-dark tokens
  (so CTAs stay gold — "or profond" — on both sides) and layers a
  bespoke atmosphere gradient per door for the femme/homme ambiance.
*/

.nurya-universes {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.nurya-universes__grid {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 900px) {
  .nurya-universes__grid {
    grid-template-columns: 1fr 1fr;
  }

  /* Subtle asymmetry: text drifts away from its own presence, which
     sits on the opposite side (toward the threshold). Kept small on
     purpose — the composition should read as a considered offset, not
     a lopsided layout. */
  .nurya-universes__door--femme .nurya-universes__content {
    margin-right: 6%;
  }

  .nurya-universes__door--homme .nurya-universes__content {
    margin-left: 6%;
  }
}

.nurya-universes__door {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: var(--nurya-space-2xl) var(--nurya-container-padding-x);
  transition: filter 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ambiance — ivoire / champagne / rose minéral très subtil */
.nurya-universes__door--femme {
  background: radial-gradient(130% 110% at 25% 15%, var(--nurya-color-ivory) 0%, var(--nurya-color-champagne) 55%, var(--nurya-color-rose-soft) 100%);
}

/* Ambiance — noir minéral / graphite / bleu nuit presque noir */
.nurya-universes__door--homme {
  background: radial-gradient(130% 110% at 75% 85%, var(--nurya-color-navy) 0%, var(--nurya-color-anthracite) 45%, var(--nurya-color-black) 100%);
}

.nurya-universes__atmosphere {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.nurya-universes__door--femme .nurya-universes__atmosphere {
  background: radial-gradient(120% 100% at 50% 50%, transparent 55%, rgba(74, 52, 40, 0.06) 100%);
}

.nurya-universes__door--homme .nurya-universes__atmosphere {
  background: radial-gradient(120% 100% at 50% 50%, transparent 45%, rgba(0, 0, 0, 0.55) 100%);
}

/* Mineral grain — homme door only, intensifies on hover ("l'atmosphère
   devient plus dense") */
.nurya-universes__grain {
  position: absolute;
  inset: -20%;
  z-index: 3;
  opacity: 0.035;
  mix-blend-mode: overlay;
  pointer-events: none;
  transition: opacity 600ms ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.nurya-universes__door--homme:hover .nurya-universes__grain,
.nurya-universes__door--homme:focus-within .nurya-universes__grain {
  opacity: 0.07;
}

.nurya-universes__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* ============ Presence — a large, faded echo of the coffret, filling
   the atmosphere so the door reads as an inhabited world rather than
   an empty gradient with text on it. Reuses the same "Coffret — visuel"
   field as the crisp thumbnail below; the treatment is what differs. */
.nurya-universes__presence {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  pointer-events: none;
}

/* Femme presence sits toward the right of its half (toward the central
   threshold); Homme presence toward the left of its half — the two
   artefacts face each other across the seal, rather than pointing
   outward. Text shifts the opposite way in each door (see below).
   Anchored low, behind the coffret block, so it never competes with
   the title sitting in the vertical center of the door. */
.nurya-universes__door--femme .nurya-universes__presence {
  justify-content: flex-end;
  padding-right: 7%;
  padding-bottom: 2%;
}

.nurya-universes__door--homme .nurya-universes__presence {
  justify-content: flex-start;
  padding-left: 7%;
  padding-bottom: 2%;
}

.nurya-universes__presence-halo {
  position: absolute;
  width: 64%;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(5rem);
  z-index: 0;
}

/* Champagne / ivory only — no rose, even diffuse. */
.nurya-universes__door--femme .nurya-universes__presence-halo {
  background: radial-gradient(circle, rgba(232, 217, 184, 0.34) 0%, rgba(198, 161, 91, 0.14) 45%, transparent 72%);
}

.nurya-universes__door--homme .nurya-universes__presence-halo {
  background: radial-gradient(circle, rgba(198, 161, 91, 0.38) 0%, rgba(198, 161, 91, 0.12) 45%, transparent 72%);
}

/* A silhouette, not a translucent photo pasted on top: blend modes let
   the artefact fuse into each door's own light instead of floating
   above it — soft enough that the text stays sovereign. Sized and
   dimmed to stay a background presence, never a full-page poster: a
   real packshot (with its own printed logo/label) reads as an object
   in the room, not an advert, once it's this contained and this faint. */
.nurya-universes__presence-image {
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  max-width: 38%;
  max-height: 44%;
  object-fit: contain;
}

.nurya-universes__door--femme .nurya-universes__presence-image {
  mix-blend-mode: multiply;
  opacity: 0.2;
}

.nurya-universes__door--homme .nurya-universes__presence-image {
  mix-blend-mode: screen;
  opacity: 0.32;
}

.nurya-universes__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 900ms cubic-bezier(0.4, 0, 0.2, 1);
}

.nurya-universes__door:hover .nurya-universes__media img {
  transform: scale(1.02);
}

/* Door reactivity — light warms, dark deepens; the other door dims
   very slightly, both purely decorative and CSS-only. */
.nurya-universes__door--femme:hover,
.nurya-universes__door--femme:focus-within {
  filter: brightness(1.035) saturate(1.06);
}

.nurya-universes__door--homme:hover,
.nurya-universes__door--homme:focus-within {
  filter: brightness(0.96);
}

.nurya-universes__grid:has(.nurya-universes__door--femme:hover) .nurya-universes__door--homme,
.nurya-universes__grid:has(.nurya-universes__door--femme:focus-within) .nurya-universes__door--homme {
  filter: brightness(0.9);
}

.nurya-universes__grid:has(.nurya-universes__door--homme:hover) .nurya-universes__door--femme,
.nurya-universes__grid:has(.nurya-universes__door--homme:focus-within) .nurya-universes__door--femme {
  filter: brightness(0.94);
}

.nurya-universes__content {
  position: relative;
  z-index: 4;
  max-width: 42rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nurya-universes__content > * + * {
  margin-top: var(--nurya-space-md);
}

/* Title slightly more assertive in this section only — scoped via the
   ancestor so every other section's .nurya-heading-lg is untouched. */
.nurya-universes__door .nurya-heading-lg {
  font-size: clamp(3.2rem, 8.5vw, 5.6rem);
}

/* ============ Coffret — the premium offer, staged inside the door ============ */

.nurya-universes__coffret {
  margin-top: var(--nurya-space-xl) !important;
  padding-top: var(--nurya-space-lg);
  border-top: 1px solid var(--nurya-ctx-border);
  width: 100%;
}

.nurya-universes__coffret-visual {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 24rem;
  aspect-ratio: 4 / 3;
  margin: 0 auto var(--nurya-space-sm);
  overflow: hidden;
  perspective: 50rem;
  box-shadow: 0 2rem 3.5rem rgba(0, 0, 0, 0.35);
  transition: box-shadow var(--nurya-transition-slow);
}

.nurya-universes__coffret-visual:hover {
  box-shadow: 0 2.6rem 4.4rem rgba(0, 0, 0, 0.42);
}

.nurya-universes__coffret-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 0;
  width: 72%;
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(2.6rem);
  transition: opacity var(--nurya-transition-slow);
}

.nurya-universes__coffret-visual:hover::before {
  opacity: 1.4;
}

.nurya-universes__door--femme .nurya-universes__coffret-visual::before {
  background: radial-gradient(circle, rgba(198, 161, 91, 0.26) 0%, transparent 70%);
}

.nurya-universes__door--homme .nurya-universes__coffret-visual::before {
  background: radial-gradient(circle, rgba(198, 161, 91, 0.36) 0%, transparent 70%);
}

.nurya-universes__coffret-visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: drop-shadow(0 1rem 2rem rgba(0, 0, 0, 0.22));
  transition: transform var(--nurya-transition-slow), filter var(--nurya-transition-slow);
}

.nurya-universes__coffret-visual:hover img {
  transform: rotateY(-2.5deg) scale(1.02);
  filter: drop-shadow(0 1.6rem 2.6rem rgba(0, 0, 0, 0.32));
}

@media (prefers-reduced-motion: reduce) {
  .nurya-universes__coffret-visual:hover::before,
  .nurya-universes__coffret-visual:hover img {
    transform: none;
    transition: none;
  }
}

.nurya-universes__coffret-label {
  display: block;
  font-family: var(--nurya-font-body);
  font-size: var(--nurya-text-xs);
  letter-spacing: var(--nurya-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--nurya-ctx-accent);
  opacity: 0.8;
  margin-bottom: var(--nurya-space-2xs);
}

.nurya-universes__coffret-name {
  font-family: var(--nurya-font-heading);
  font-size: var(--nurya-title-sm);
  margin: 0;
  color: var(--nurya-ctx-fg);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.nurya-universes__coffret-line {
  margin-top: var(--nurya-space-2xs);
  font-family: var(--nurya-font-body);
  font-size: var(--nurya-text-sm);
  color: var(--nurya-ctx-fg);
  opacity: 0.85;
}

.nurya-universes__coffret-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  margin-top: var(--nurya-space-sm);
  font-family: var(--nurya-font-body);
  font-size: var(--nurya-text-sm);
  letter-spacing: var(--nurya-tracking-wide);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--nurya-ctx-fg);
  padding-bottom: 0.5rem;
}

.nurya-universes__coffret-cta::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
  transition: opacity 380ms ease, background-color 380ms ease;
}

.nurya-universes__coffret-mark {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: var(--nurya-ctx-accent);
  transition: transform 380ms ease;
}

.nurya-universes__coffret-cta:hover,
.nurya-universes__coffret-cta:focus-visible {
  color: var(--nurya-ctx-accent);
}

.nurya-universes__coffret-cta:hover::after,
.nurya-universes__coffret-cta:focus-visible::after {
  opacity: 1;
  background: var(--nurya-ctx-accent);
}

.nurya-universes__coffret-cta:hover .nurya-universes__coffret-mark,
.nurya-universes__coffret-cta:focus-visible .nurya-universes__coffret-mark {
  transform: translateX(0.25rem);
}

.nurya-universes__coffret-cta:focus-visible {
  outline: 2px solid var(--nurya-ctx-accent);
  outline-offset: 4px;
}

/* ============ The seal — the threshold between the two doors ============ */

.nurya-universes__seal {
  display: none;
}

@media screen and (min-width: 900px) {
  .nurya-universes__seal {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.4rem;
    height: 2.4rem;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: var(--nurya-color-gold-light);
    filter: drop-shadow(0 0 1.2rem rgba(198, 161, 91, 0.5));
    pointer-events: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nurya-universes__door,
  .nurya-universes__media img,
  .nurya-universes__grain {
    transition: none !important;
  }
}