/* Styles isolés du projet Éclosion. Ce fichier complète les styles communs sans les modifier. */
.scroll-story__progress {
  display: none;
}

.story-page .nav.nav--on-light {
  background: rgba(251, 250, 246, 0.9);
  border-bottom-color: rgba(23, 27, 20, 0.12);
  color: #171b14;
}

.story-page .nav.nav--on-light .nav__brand { color: #171b14; }
.story-page .nav.nav--on-light .nav__link,
.story-page .nav.nav--on-light .language-switcher a,
.story-page .nav.nav--on-light .icon-btn { color: rgba(23, 27, 20, 0.66); }
.story-page .nav.nav--on-light .nav__link:hover,
.story-page .nav.nav--on-light .nav__link:focus-visible,
.story-page .nav.nav--on-light .language-switcher a:hover,
.story-page .nav.nav--on-light .language-switcher a:focus-visible,
.story-page .nav.nav--on-light .language-switcher a[aria-current="page"],
.story-page .nav.nav--on-light .icon-btn:hover { color: #171b14; }
.story-page .nav.nav--on-light .language-switcher a:hover,
.story-page .nav.nav--on-light .language-switcher a:focus-visible,
.story-page .nav.nav--on-light .language-switcher a[aria-current="page"] {
  border-color: rgba(23, 27, 20, 0.2);
  background: rgba(23, 27, 20, 0.06);
}
.story-page .nav.nav--on-light .nav__links.is-open {
  background: rgba(251, 250, 246, 0.96);
  border-bottom-color: rgba(23, 27, 20, 0.12);
}

.case-page--immersive .scroll-story--botanical { min-height: 520vh; }
.scroll-story--botanical .scroll-story__number { color: #d9b6f4; }
.scroll-story--botanical .scroll-story__progress span {
  background: linear-gradient(90deg, #86b990, #caa4ee);
}

.botanical-campaign {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #fbfaf6;
  color: #171b14;
}

.botanical-campaign__inner {
  width: min(1180px, calc(100% - (2 * var(--gutter))));
  margin: 0 auto;
  padding: var(--space-7) 0;
}

.botanical-campaign__header {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
  gap: var(--space-6);
  align-items: end;
}

.botanical-campaign__eyebrow,
.botanical-feature__index {
  margin: 0 0 var(--space-2);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6d3b89;
}

.botanical-campaign__header h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 6.5rem;
  font-weight: 600;
  line-height: 0.92;
  letter-spacing: 0;
}

.botanical-campaign__tagline {
  max-width: 22ch;
  margin: var(--space-3) 0 0;
  font-family: var(--font-display);
  font-size: var(--step-2);
  font-weight: 500;
  line-height: 1.15;
  color: #523063;
  text-wrap: balance;
}

.botanical-campaign__intro {
  max-width: 39rem;
  margin: 0;
  color: #535b50;
  font-size: var(--step-1);
  line-height: 1.65;
  text-wrap: pretty;
}

.botanical-campaign figure { margin: 0; }
.botanical-campaign img { display: block; width: 100%; height: auto; }
.botanical-campaign__landscape { margin-top: var(--space-7) !important; }
.botanical-campaign__landscape img,
.botanical-feature figure { box-shadow: 0 2rem 5rem rgba(34, 39, 29, 0.11); }

.botanical-campaign__landscape figcaption {
  max-width: 42rem;
  margin: var(--space-2) 0 0;
  color: #72796e;
  font-size: 0.82rem;
  line-height: 1.55;
}

.botanical-feature {
  display: grid;
  grid-template-columns: minmax(16rem, 0.78fr) minmax(0, 1.22fr);
  gap: var(--space-6);
  align-items: center;
  margin-top: var(--space-7);
}

.botanical-feature--reverse {
  grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
}

.botanical-feature__copy { max-width: 32rem; margin-inline: auto; }
.botanical-feature__copy h3 {
  max-width: 13ch;
  margin: 0 0 var(--space-3);
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: 0;
  text-wrap: balance;
}

.botanical-feature__copy > p:last-child {
  margin: 0;
  color: #596156;
  font-size: var(--step-0);
  line-height: 1.7;
  text-wrap: pretty;
}

.botanical-campaign__signature {
  margin: var(--space-7) 0 0;
  padding: var(--space-6) 0;
  border-top: 1px solid #d8ddd3;
  border-bottom: 1px solid #d8ddd3;
}

.botanical-campaign__signature p {
  max-width: 22ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: 0;
  text-wrap: balance;
}

.botanical-campaign__signature cite {
  display: block;
  margin-top: var(--space-3);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #747b70;
}

.botanical-campaign.is-reveal-ready .botanical-reveal {
  --botanical-reveal-x: 0px;
  --botanical-reveal-y: 1.75rem;
  --botanical-reveal-scale: 1;
  opacity: 0;
  transform: translate3d(var(--botanical-reveal-x), var(--botanical-reveal-y), 0) scale(var(--botanical-reveal-scale));
  transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--botanical-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.botanical-campaign.is-reveal-ready .botanical-reveal--from-left {
  --botanical-reveal-x: -2.25rem;
  --botanical-reveal-y: 0px;
}
.botanical-campaign.is-reveal-ready .botanical-reveal--from-right {
  --botanical-reveal-x: 2.25rem;
  --botanical-reveal-y: 0px;
}
.botanical-campaign.is-reveal-ready .botanical-reveal--image { --botanical-reveal-scale: 1.018; }
.botanical-campaign.is-reveal-ready .botanical-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.botanical-campaign.is-reveal-ready .botanical-reveal.is-settled { will-change: auto; }

.immersive-project-nav.botanical-project-nav {
  width: 100%;
  margin: 0;
  padding: 0 var(--gutter) var(--space-5);
  box-sizing: border-box;
  background: #fbfaf6;
  color: #171b14;
}
.botanical-story-page { background: #fbfaf6; }
.botanical-story-page #bg-lines { display: none; }
.botanical-project-nav .case__nav { width: min(1180px, 100%); margin: 0 auto; border-top-color: #d8ddd3; }
.botanical-project-nav .meta { color: #747b70; }

@media (max-width: 820px) {
  .botanical-campaign__inner { padding: var(--space-6) 0; }
  .botanical-campaign__header,
  .botanical-feature,
  .botanical-feature--reverse { grid-template-columns: 1fr; gap: var(--space-4); }
  .botanical-campaign__header h2 { font-size: 4.5rem; }
  .botanical-campaign__intro { max-width: 48rem; }
  .botanical-campaign__landscape,
  .botanical-feature,
  .botanical-campaign__signature { margin-top: var(--space-6) !important; }
  .botanical-feature__copy { max-width: 42rem; margin-inline: 0; }
  .botanical-feature--reverse .botanical-feature__copy { order: -1; }
  .botanical-campaign__signature p { font-size: 2.75rem; }
  .botanical-campaign.is-reveal-ready .botanical-reveal--from-left,
  .botanical-campaign.is-reveal-ready .botanical-reveal--from-right {
    --botanical-reveal-x: 0px;
    --botanical-reveal-y: 1.5rem;
  }
}

@media (max-width: 520px) {
  .botanical-campaign__inner { padding: var(--space-5) 0; }
  .botanical-campaign__header h2 { font-size: 3.5rem; }
  .botanical-feature__copy h3 { font-size: 2.25rem; }
  .botanical-campaign__signature { padding: var(--space-5) 0; }
  .botanical-campaign__signature p { font-size: 2.1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .botanical-campaign.is-reveal-ready .botanical-reveal {
    opacity: 1;
    transform: none;
    transition: opacity 180ms ease-out;
    will-change: auto;
  }
}