.naissance-page {
  --dore-functional:#684726;
  --dore-functional-hover:#5F4126;
  background:var(--ivoire)
}

.naissance-page .site-header:not(.scrolled) .btn-header {
  background:rgba(217, 199, 174, .22);
  border-color:rgba(184, 144, 93, .34);
  color:var(--noir)
}

.naissance-page .site-header:not(.scrolled) .btn-header:hover,
.naissance-page .site-header:not(.scrolled) .btn-header:focus-visible {
  background:rgba(217, 199, 174, .38);
  border-color:rgba(184, 144, 93, .52);
  color:var(--noir)
}

.naissance-hero {
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:calc(var(--header-h) + clamp(54px, 6vw, 86px)) 48px clamp(72px, 7vw, 104px)
}

.naissance-hero__inner {
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0, .82fr) minmax(0, 1fr);
  grid-template-areas:"content visual";
  align-items:center;
  gap:clamp(58px, 7vw, 110px)
}

.naissance-hero__content {
  grid-area:content;
  max-width:520px
}

.naissance-hero__eyebrow {
  margin-bottom:24px;
  font-size:11px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--dore-functional)
}

.naissance-hero h1 {
  max-width:520px;
  font-family:var(--font-serif);
  font-size:clamp(54px, 5.35vw, 78px);
  font-weight:300;
  line-height:.99;
  letter-spacing:-.018em;
  color:var(--noir);
  text-wrap:balance
}

.naissance-hero__lead {
  max-width:510px;
  margin-top:30px;
  font-size:clamp(17px, 1.25vw, 19px);
  line-height:1.68;
  color:var(--gris-fort)
}

.naissance-hero__cta {
  width:fit-content;
  min-height:52px;
  margin-top:38px;
  padding:13px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  background:var(--dore-functional);
  border:1px solid var(--dore-functional);
  color:var(--ivoire);
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background 180ms var(--ease-soft), border-color 180ms var(--ease-soft), transform 180ms var(--ease-soft)
}

.naissance-hero__cta:hover {
  background:var(--dore-functional-hover);
  border-color:var(--dore-functional-hover);
  transform:translateY(-1px)
}

.naissance-hero__cta:focus-visible {
  outline:2px solid var(--dore-functional);
  outline-offset:4px
}

.naissance-hero__cta-arrow {
  font-size:18px;
  line-height:1
}

.naissance-hero__visual {
  grid-area:visual;
  position:relative;
  height:auto;
  aspect-ratio:3 / 2;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(104, 71, 38, .14);
  background:rgba(217, 199, 174, .28)
}

.naissance-hero__visual::before {
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(104, 71, 38, .09);
  pointer-events:none
}

.naissance-hero__visual picture,
.naissance-hero__visual img {
  width:100%;
  height:100%;
  display:block
}

.naissance-hero__visual img {
  object-fit:contain;
  object-position:center 46%
}

.naissance-hero__placeholder {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:28px;
  text-align:center;
  color:var(--gris-fort)
}

.naissance-hero__placeholder-id {
  font-size:12px;
  font-weight:500;
  letter-spacing:.2em
}

.naissance-hero__placeholder-note {
  font-family:var(--font-serif);
  font-size:clamp(24px, 2.2vw, 34px);
  font-style:italic;
  line-height:1.2
}

.naissance-future-anchor {
  height:1px;
  scroll-margin-top:var(--header-h)
}

@media(max-width:900px) {
  .naissance-hero {
    min-height:0;
    padding:calc(var(--header-h) + 58px) 32px 84px
  }

  .naissance-hero__inner {
    max-width:720px;
    grid-template-columns:1fr;
    grid-template-areas:
      "content"
      "visual";
    gap:54px
  }

  .naissance-hero__content,
  .naissance-hero h1,
  .naissance-hero__lead {
    max-width:680px
  }

  .naissance-hero h1 {
    font-size:clamp(56px, 8.5vw, 68px)
  }

  .naissance-hero__visual {
    height:auto;
    aspect-ratio:16 / 10
  }
}

@media(max-width:767px) {
  .naissance-hero {
    padding:calc(var(--header-h) + 20px) 22px 68px
  }

  .naissance-hero__inner {
    grid-template-areas:
      "visual"
      "content";
    gap:34px
  }

  .naissance-hero__visual {
    aspect-ratio:3 / 2
  }

  .naissance-hero__visual::before {
    inset:24px
  }

  .naissance-hero__eyebrow {
    margin-bottom:18px;
    font-size:10.5px
  }

  .naissance-hero h1 {
    font-size:clamp(42px, 12vw, 58px);
    line-height:1.02
  }

  .naissance-hero__lead {
    margin-top:24px;
    font-size:16px;
    line-height:1.72
  }

  .naissance-hero__cta {
    width:100%;
    margin-top:30px;
    padding-inline:18px
  }

  .naissance-hero__placeholder-note {
    font-size:clamp(22px, 7vw, 29px)
  }
}

@media(max-width:390px) {
  .naissance-hero h1 {
    font-size:clamp(41px, 11.6vw, 46px)
  }

  .naissance-hero__cta {
    gap:12px;
    font-size:11.5px;
    letter-spacing:.075em
  }
}

@media(prefers-reduced-motion:reduce) {
  .naissance-hero__cta {
    transition:none
  }
}

/* Naissance — Mission 1B, sequences 02 to 04 */
.naissance-sequence {
  position:relative;
  padding:clamp(112px, 10vw, 164px) 48px;
  scroll-margin-top:var(--header-h)
}

.naissance-sequence__inner {
  width:100%;
  max-width:1200px;
  margin-inline:auto
}

.naissance-sequence__header {
  position:relative;
  z-index:1
}

.naissance-sequence__header--narrow {
  max-width:760px
}

.naissance-sequence__header--wide {
  max-width:920px
}

.naissance-sequence__eyebrow {
  margin-bottom:22px;
  color:var(--dore-functional);
  font-size:11px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase
}

.naissance-sequence h2 {
  max-width:900px;
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:clamp(50px, 5.3vw, 72px);
  font-weight:300;
  line-height:1.02;
  letter-spacing:-.018em;
  text-wrap:balance
}

.naissance-sequence__intro {
  max-width:720px;
  margin-top:30px;
  color:var(--gris-fort);
  font-size:clamp(17px, 1.25vw, 19px);
  line-height:1.72
}

.naissance-document {
  min-width:0;
  margin:0
}

.naissance-document picture,
.naissance-document img {
  display:block;
  width:100%
}

.naissance-document img {
  height:auto
}

.naissance-document__caption {
  display:flex;
  justify-content:space-between;
  gap:28px;
  padding-top:20px;
  border-top:1px solid rgba(104, 71, 38, .2)
}

.naissance-document__label,
.naissance-trust-story__label {
  color:var(--dore-functional);
  font-size:10.5px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.15em;
  text-transform:uppercase
}

.naissance-document__title {
  max-width:260px;
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:25px;
  font-weight:400;
  line-height:1.15;
  text-align:end
}

.naissance-sequence__closing {
  max-width:760px;
  margin-top:clamp(82px, 8vw, 124px);
  padding-top:28px;
  border-top:1px solid rgba(104, 71, 38, .2);
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:clamp(28px, 3.2vw, 42px);
  font-style:italic;
  font-weight:300;
  line-height:1.25
}

.naissance-sequence__closing--center {
  margin-inline:auto;
  text-align:center
}

.naissance-first-traces {
  background:var(--ivoire)
}

.naissance-origin {
  display:grid;
  grid-template-columns:minmax(0, 1.62fr) minmax(230px, .58fr);
  align-items:start;
  gap:clamp(42px, 6vw, 86px);
  margin-top:clamp(72px, 8vw, 118px)
}

.naissance-document--planning {
  padding:18px 18px 22px;
  background:rgba(217, 199, 174, .12);
  border:1px solid rgba(104, 71, 38, .12)
}

.naissance-document--planning picture {
  margin-bottom:22px
}

.naissance-origin__provenance {
  margin-top:clamp(86px, 10vw, 154px)
}

.naissance-document--email {
  padding:10px;
  background:rgba(217, 199, 174, .1);
  border:1px solid rgba(104, 71, 38, .1)
}

.naissance-origin__documentary-copy {
  margin-top:30px;
  padding-inline-start:22px;
  border-inline-start:1px solid rgba(104, 71, 38, .24);
  color:var(--gris-fort);
  font-size:15.5px;
  line-height:1.72
}

.naissance-micro-proofs {
  width:76%;
  margin:clamp(78px, 8vw, 116px) 0 0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  border-top:1px solid rgba(104, 71, 38, .2)
}

.naissance-micro-proof {
  padding:30px 34px 0 0
}

.naissance-micro-proof + .naissance-micro-proof {
  padding-inline:34px 0;
  border-inline-start:1px solid rgba(104, 71, 38, .16)
}

.naissance-micro-proof h3 {
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:31px;
  font-weight:400;
  line-height:1.12
}

.naissance-micro-proof p {
  margin-top:14px;
  color:var(--gris-fort);
  font-size:15px;
  line-height:1.7
}

.naissance-trust {
  background:rgba(217, 199, 174, .2)
}

.naissance-trust .naissance-sequence__header {
  margin-inline:auto;
  text-align:center
}

.naissance-trust .naissance-sequence__intro {
  margin-inline:auto
}

.naissance-trust-story {
  display:grid;
  align-items:center;
  gap:clamp(42px, 5vw, 72px)
}

.naissance-trust-story--couple {
  grid-template-columns:minmax(0, 1.5fr) minmax(250px, .5fr);
  margin-top:clamp(84px, 9vw, 132px)
}

.naissance-trust-story--family {
  max-width:1040px;
  margin-inline:auto;
  grid-template-columns:minmax(280px, .62fr) minmax(0, .78fr);
  grid-template-areas:"copy figure"
}

.naissance-trust-story--family .naissance-document {
  grid-area:figure;
  width:min(100%, 440px);
  justify-self:end
}

.naissance-trust-story--family .naissance-trust-story__copy {
  grid-area:copy
}

@media(min-width:901px) {
  .naissance-document--planning {
    width:93%
  }

  .naissance-trust-story--couple .naissance-document {
    width:min(93%, 766px);
    justify-self:end
  }

  .naissance-trust-story--family .naissance-document {
    width:min(93%, 409px);
    justify-self:center
  }
}

.naissance-document--trust,
.naissance-document--family {
  padding:14px;
  background:rgba(246, 241, 232, .62);
  border:1px solid rgba(104, 71, 38, .12)
}

.naissance-trust-story__copy {
  max-width:360px
}

.naissance-trust-story__copy h3 {
  margin-top:16px;
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:clamp(36px, 3.6vw, 48px);
  font-weight:400;
  line-height:1.08
}

.naissance-trust-story__copy > p:last-child {
  margin-top:20px;
  color:var(--gris-fort);
  font-size:16px;
  line-height:1.72
}

.naissance-trust__breath {
  position:relative;
  height:clamp(120px, 14vw, 204px)
}

.naissance-trust__breath::before {
  content:"";
  position:absolute;
  inset-block:28px;
  inset-inline-start:50%;
  width:1px;
  background:linear-gradient(to bottom, transparent, rgba(104, 71, 38, .24), transparent)
}

.naissance-sources {
  background:var(--bleu-nuit);
  color:var(--ivoire)
}

.naissance-sources .naissance-sequence__eyebrow {
  color:var(--dore-functional-on-dark)
}

.naissance-sources h2,
.naissance-sources .naissance-sequence__closing {
  color:var(--ivoire)
}

.naissance-sources .naissance-sequence__intro {
  color:rgba(246, 241, 232, .72)
}

.naissance-source-chapter {
  display:grid;
  align-items:center;
  gap:clamp(54px, 8vw, 122px)
}

.naissance-source-chapter--inquiry {
  max-width:1000px;
  margin:clamp(84px, 9vw, 134px) auto 0;
  grid-template-columns:minmax(260px, .72fr) minmax(0, .58fr);
  grid-template-areas:"copy figure"
}

.naissance-source-chapter--inquiry .naissance-document {
  grid-area:figure
}

.naissance-source-chapter--inquiry .naissance-source-chapter__copy {
  grid-area:copy
}

.naissance-document--exchange {
  padding:12px;
  background:rgba(246, 241, 232, .06);
  border:1px solid rgba(211, 188, 152, .18)
}

.naissance-source-chapter__copy {
  max-width:390px
}

.naissance-source-chapter__copy h3 {
  color:var(--dore-functional-on-dark);
  font-size:11px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.15em;
  text-transform:uppercase
}

.naissance-source-chapter__copy p {
  margin-top:18px;
  color:rgba(246, 241, 232, .76);
  font-family:var(--font-serif);
  font-size:clamp(28px, 3vw, 40px);
  font-weight:300;
  line-height:1.2
}

.naissance-source-transition {
  position:relative;
  height:clamp(128px, 14vw, 210px)
}

.naissance-source-transition::before,
.naissance-source-transition::after {
  content:"";
  position:absolute;
  inset-inline-start:50%;
  transform:translateX(-50%)
}

.naissance-source-transition::before {
  inset-block:26px;
  width:1px;
  background:linear-gradient(to bottom, transparent, rgba(211, 188, 152, .4), transparent)
}

.naissance-source-transition::after {
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--dore-functional-on-dark)
}

.naissance-source-chapter--map {
  grid-template-columns:minmax(0, 1.4fr) minmax(240px, .52fr)
}

.naissance-document--map {
  padding:14px;
  background:rgba(246, 241, 232, .96);
  border:1px solid rgba(211, 188, 152, .24)
}

.naissance-source-chapter__copy--map {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.naissance-source-step + .naissance-source-step {
  margin-top:42px;
  padding-top:38px;
  border-top:1px solid rgba(211, 188, 152, .18)
}

.naissance-source-original {
  width:fit-content;
  margin-top:48px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(211, 188, 152, .48);
  color:var(--dore-functional-on-dark);
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.1em;
  text-decoration:none;
  text-transform:uppercase;
  transition:color 180ms var(--ease-soft), border-color 180ms var(--ease-soft)
}

.naissance-source-original:hover {
  color:var(--ivoire);
  border-color:var(--ivoire)
}

.naissance-source-original:focus-visible {
  outline:2px solid var(--dore-functional-on-dark);
  outline-offset:5px
}

.naissance-sequence__closing--light {
  border-color:rgba(211, 188, 152, .22)
}

@media(max-width:1100px) {
  .naissance-origin {
    grid-template-columns:minmax(0, 1.45fr) minmax(220px, .62fr);
    gap:42px
  }

  .naissance-micro-proofs {
    width:84%
  }

  .naissance-trust-story,
  .naissance-source-chapter {
    gap:48px
  }

  .naissance-trust-story {
    gap:42px
  }

  .naissance-source-chapter--map {
    grid-template-columns:minmax(0, 1.25fr) minmax(230px, .55fr)
  }
}

@media(max-width:900px) {
  .naissance-sequence {
    padding:104px 32px
  }

  .naissance-sequence h2 {
    font-size:clamp(48px, 8vw, 64px)
  }

  .naissance-origin {
    grid-template-columns:1fr;
    gap:52px
  }

  .naissance-origin__provenance {
    width:min(72%, 500px);
    margin:0 0 0 auto
  }

  .naissance-micro-proofs {
    width:100%
  }

  .naissance-trust-story,
  .naissance-source-chapter--inquiry,
  .naissance-source-chapter--map {
    grid-template-columns:1fr;
    grid-template-areas:
      "figure"
      "copy"
  }

  .naissance-trust-story__copy,
  .naissance-source-chapter__copy {
    max-width:540px
  }

  .naissance-trust-story--family .naissance-document {
    width:min(72%, 500px);
    justify-self:end
  }

  .naissance-source-chapter--inquiry .naissance-document {
    width:min(68%, 500px);
    justify-self:end
  }

  .naissance-source-chapter--map .naissance-document {
    grid-area:figure
  }

  .naissance-source-chapter--map .naissance-source-chapter__copy {
    grid-area:copy;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:34px;
    max-width:none
  }

  .naissance-source-step + .naissance-source-step {
    margin:0;
    padding:0 0 0 34px;
    border-top:0;
    border-inline-start:1px solid rgba(211, 188, 152, .18)
  }

  .naissance-source-original {
    grid-column:1 / -1
  }
}

@media(max-width:767px) {
  .naissance-sequence {
    padding:88px 22px
  }

  .naissance-sequence__eyebrow {
    margin-bottom:18px;
    font-size:10.5px
  }

  .naissance-sequence h2 {
    font-size:clamp(42px, 11.5vw, 56px);
    line-height:1.04
  }

  .naissance-sequence__intro {
    margin-top:24px;
    font-size:16px;
    line-height:1.72
  }

  .naissance-origin,
  .naissance-trust-story--couple,
  .naissance-source-chapter--inquiry {
    margin-top:64px
  }

  .naissance-document--planning {
    padding:10px 10px 18px
  }

  .naissance-document__caption {
    display:block;
    padding:16px 6px 0
  }

  .naissance-document__title {
    display:block;
    max-width:none;
    margin-top:8px;
    font-size:23px;
    text-align:start
  }

  .naissance-origin__provenance,
  .naissance-trust-story--family .naissance-document,
  .naissance-source-chapter--inquiry .naissance-document {
    width:88%
  }

  .naissance-origin__documentary-copy {
    font-size:15px
  }

  .naissance-micro-proofs {
    display:block;
    margin-top:72px
  }

  .naissance-micro-proof {
    padding:26px 0 0
  }

  .naissance-micro-proof + .naissance-micro-proof {
    margin-top:32px;
    padding:30px 0 0;
    border-inline-start:0;
    border-top:1px solid rgba(104, 71, 38, .14)
  }

  .naissance-micro-proof h3 {
    font-size:29px
  }

  .naissance-sequence__closing {
    margin-top:76px;
    font-size:clamp(28px, 8vw, 36px)
  }

  .naissance-trust-story,
  .naissance-source-chapter {
    gap:34px
  }

  .naissance-trust-story--family .naissance-document,
  .naissance-source-chapter--inquiry .naissance-document {
    justify-self:start
  }

  .naissance-trust-story__copy h3 {
    font-size:38px
  }

  .naissance-trust__breath,
  .naissance-source-transition {
    height:116px
  }

  .naissance-source-chapter__copy p {
    font-size:30px
  }

  .naissance-source-chapter--map .naissance-source-chapter__copy {
    display:block
  }

  .naissance-source-step + .naissance-source-step {
    margin-top:34px;
    padding:32px 0 0;
    border-inline-start:0;
    border-top:1px solid rgba(211, 188, 152, .18)
  }

  .naissance-source-original {
    margin-top:42px
  }
}

@media(max-width:390px) {
  .naissance-sequence h2 {
    font-size:clamp(40px, 11vw, 44px)
  }

  .naissance-origin__provenance,
  .naissance-trust-story--family .naissance-document,
  .naissance-source-chapter--inquiry .naissance-document {
    width:94%
  }
}

@media(prefers-reduced-motion:reduce) {
  .naissance-source-original {
    transition:none
  }
}

/* Naissance — Mission 1C, sequences 05 to 07 */
.naissance-upstream {
  background:var(--ivoire)
}

.naissance-workbench {
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  align-items:start;
  column-gap:clamp(18px, 2vw, 28px);
  row-gap:clamp(84px, 9vw, 132px);
  margin-top:clamp(92px, 9vw, 136px)
}

.naissance-detail-fragment {
  min-width:0;
  margin:0
}

.naissance-detail-fragment--ticket {
  grid-column:1 / 4;
  grid-row:1
}

.naissance-detail-fragment--note {
  grid-column:4 / 7;
  grid-row:2
}

.naissance-detail-fragment--pause {
  grid-column:7 / 12;
  grid-row:1
}

.naissance-detail-fragment--entrance {
  grid-column:10 / 13;
  grid-row:2
}

.naissance-detail-fragment picture,
.naissance-detail-fragment img {
  display:block;
  width:100%
}

.naissance-detail-fragment img {
  height:auto
}

.naissance-detail-fragment--ticket picture {
  padding:10px;
  background:rgba(217, 199, 174, .13);
  border:1px solid rgba(104, 71, 38, .13)
}

.naissance-detail-fragment--note picture {
  padding:14px;
  background:rgba(246, 241, 232, .76);
  border:1px solid rgba(104, 71, 38, .1)
}

.naissance-detail-fragment--pause picture {
  border:1px solid rgba(104, 71, 38, .12)
}

.naissance-detail-fragment--entrance picture {
  padding:8px;
  background:rgba(217, 199, 174, .1);
  border:1px solid rgba(104, 71, 38, .12)
}

.naissance-detail-fragment figcaption {
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(104, 71, 38, .18)
}

.naissance-detail-fragment h3 {
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:clamp(25px, 2.3vw, 32px);
  font-weight:400;
  line-height:1.1
}

.naissance-detail-fragment figcaption p {
  margin-top:10px;
  color:var(--dore-functional);
  font-size:10.5px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.13em;
  text-transform:uppercase
}

@media(min-width:1101px) {
  .naissance-detail-fragment--ticket {
    width:94%
  }

  .naissance-detail-fragment--note {
    width:96%;
    margin-top:24px
  }

  .naissance-detail-fragment--pause {
    width:96%;
    margin-top:16px
  }
}

.naissance-upstream__continuation {
  max-width:760px;
  margin:clamp(116px, 11vw, 164px) auto 0;
  color:var(--gris-fort);
  font-size:clamp(17px, 1.3vw, 19px);
  line-height:1.78
}

.naissance-upstream .naissance-sequence__closing {
  margin-top:clamp(96px, 9vw, 132px)
}

.naissance-lived {
  background:rgba(217, 199, 174, .18)
}

.naissance-lived .naissance-sequence__header {
  margin-inline:auto;
  text-align:center
}

.naissance-lived .naissance-sequence__intro {
  margin-inline:auto
}

.naissance-lived__panorama {
  width:100%;
  margin:clamp(96px, 10vw, 148px) 0 0
}

.naissance-lived__panorama picture,
.naissance-lived__panorama img,
.naissance-lived__window picture,
.naissance-lived__window img {
  display:block;
  width:100%
}

.naissance-lived__panorama img,
.naissance-lived__window img {
  height:auto
}

.naissance-lived__panorama picture {
  border:1px solid rgba(104, 71, 38, .12)
}

.naissance-lived__breath {
  height:clamp(164px, 18vw, 260px)
}

.naissance-lived__epilogue {
  display:grid;
  grid-template-columns:minmax(250px, 360px) minmax(0, 1fr);
  align-items:center;
  gap:clamp(72px, 10vw, 144px);
  max-width:1000px;
  margin-inline:auto
}

.naissance-lived__window {
  width:100%;
  margin:0
}

.naissance-lived__window picture {
  padding:10px;
  background:rgba(246, 241, 232, .5);
  border:1px solid rgba(104, 71, 38, .12)
}

.naissance-lived__closing {
  align-self:center;
  max-width:520px;
  margin:0
}

.naissance-today {
  background:var(--ivoire);
  border-top:1px solid rgba(104, 71, 38, .1)
}

.naissance-today .naissance-sequence__header {
  max-width:860px;
  margin-inline:auto
}

.naissance-today__continuity {
  max-width:860px;
  margin-top:clamp(80px, 8vw, 120px);
  margin-inline:auto
}

.naissance-today__signature {
  max-width:700px;
  margin-inline:auto;
  color:var(--noir);
  font-family:var(--font-serif);
  font-size:clamp(28px, 3vw, 40px);
  font-weight:400;
  line-height:1.18
}

.naissance-today__provenance {
  max-width:720px;
  margin-top:clamp(48px, 5vw, 70px);
  margin-inline:auto;
  padding-top:28px;
  border-top:1px solid rgba(104, 71, 38, .2);
  color:var(--gris-fort);
  font-size:16px;
  line-height:1.78
}

.naissance-today__future-visual[hidden] {
  display:none
}

.naissance-today__future-visual:not([hidden]) {
  margin-top:120px
}

.naissance-today__future-visual picture,
.naissance-today__future-visual img {
  display:block;
  width:100%;
  height:auto
}

html[dir="rtl"] .naissance-page :is(
  .naissance-hero h1,
  .naissance-hero__lead,
  .naissance-sequence h2,
  .naissance-sequence__intro,
  .naissance-document__title,
  .naissance-origin__documentary-copy,
  .naissance-micro-proof h3,
  .naissance-micro-proof p,
  .naissance-sequence__closing,
  .naissance-trust-story__copy h3,
  .naissance-trust-story__copy > p:last-child,
  .naissance-source-chapter__copy p,
  .naissance-detail-fragment h3,
  .naissance-upstream__continuation,
  .naissance-today__signature,
  .naissance-today__provenance
) {
  font-family:var(--font-arabic-serif);
  letter-spacing:normal
}

html[dir="rtl"] .naissance-page :is(
  .naissance-hero__eyebrow,
  .naissance-hero__cta,
  .naissance-sequence__eyebrow,
  .naissance-document__label,
  .naissance-trust-story__label,
  .naissance-source-chapter__copy h3,
  .naissance-source-original,
  .naissance-detail-fragment figcaption p
) {
  font-family:var(--font-arabic-sans);
  letter-spacing:normal
}

@media(max-width:1100px) {
  .naissance-workbench {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:clamp(38px, 6vw, 68px);
    row-gap:84px
  }

  .naissance-detail-fragment--ticket,
  .naissance-detail-fragment--note,
  .naissance-detail-fragment--pause,
  .naissance-detail-fragment--entrance {
    grid-row:auto
  }

  .naissance-detail-fragment--ticket {
    grid-column:1
  }

  .naissance-detail-fragment--note {
    grid-column:2;
    margin-top:72px
  }

  .naissance-detail-fragment--pause {
    grid-column:1 / -1;
    width:78%
  }

  .naissance-detail-fragment--entrance {
    grid-column:2;
    width:76%;
    justify-self:end
  }
}

@media(min-width:901px) and (max-width:1100px) {
  .naissance-detail-fragment--ticket {
    width:94%
  }

  .naissance-detail-fragment--note {
    width:96%;
    margin-top:60px
  }

  .naissance-detail-fragment--pause {
    width:80%;
    margin-inline-start:4%
  }

  .naissance-detail-fragment--entrance {
    width:80%
  }
}

@media(max-width:900px) {
  .naissance-lived__epilogue {
    grid-template-columns:minmax(230px, 320px) minmax(0, 1fr);
    gap:58px
  }
}

@media(max-width:767px) {
  .naissance-workbench {
    display:block;
    margin-top:68px
  }

  .naissance-detail-fragment--ticket,
  .naissance-detail-fragment--note,
  .naissance-detail-fragment--pause,
  .naissance-detail-fragment--entrance {
    width:100%;
    margin:0
  }

  .naissance-detail-fragment + .naissance-detail-fragment {
    margin-top:68px
  }

  .naissance-detail-fragment--entrance {
    width:94%;
    margin-inline:auto
  }

  .naissance-detail-fragment figcaption {
    margin-top:18px
  }

  .naissance-detail-fragment h3 {
    font-size:30px
  }

  .naissance-upstream__continuation {
    margin-top:88px;
    font-size:16px;
    line-height:1.74
  }

  .naissance-upstream .naissance-sequence__closing {
    margin-top:80px
  }

  .naissance-lived__panorama {
    margin-top:68px
  }

  .naissance-lived__breath {
    height:132px
  }

  .naissance-lived__epilogue {
    display:block
  }

  .naissance-lived__window {
    width:min(84%, 340px);
    margin-inline:auto
  }

  .naissance-lived__closing {
    margin-top:96px
  }

  .naissance-today__continuity {
    margin-top:70px
  }

  .naissance-today__signature {
    font-size:30px
  }

  .naissance-today__provenance {
    margin-top:44px;
    font-size:15.5px
  }
}

@media(max-width:390px) {
  .naissance-detail-fragment--entrance,
  .naissance-lived__window {
    width:92%
  }
}

/* Naissance — Mission 1D, documentary reading */
.naissance-document__open {
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:inherit;
  cursor:zoom-in;
  appearance:none
}

.naissance-document__open:focus-visible {
  outline:2px solid var(--dore-functional);
  outline-offset:6px
}

.naissance-sources .naissance-document__open:focus-visible {
  outline-color:var(--dore-functional-on-dark)
}

.naissance-reading-details {
  max-width:760px;
  margin:clamp(48px, 5vw, 64px) auto 0;
  padding-top:26px;
  border-top:1px solid rgba(104, 71, 38, .18)
}

.naissance-reading-details__heading {
  color:var(--dore-functional);
  font-family:var(--font-sans);
  font-size:10.5px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.16em;
  text-transform:uppercase
}

.naissance-reading-details__grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:start;
  gap:clamp(24px, 3vw, 36px);
  margin-top:20px
}

.naissance-reading-detail {
  min-width:0;
  margin:0
}

.naissance-reading-detail picture,
.naissance-reading-detail img {
  display:block;
  width:100%
}

.naissance-reading-detail picture {
  overflow:hidden;
  border:1px solid rgba(104, 71, 38, .14);
  background:rgba(246, 241, 232, .68)
}

.naissance-reading-detail img {
  height:auto
}

.naissance-reading-detail figcaption {
  margin-top:14px;
  color:var(--gris-fort);
  font-size:10px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.11em;
  text-transform:uppercase
}

.naissance-today__future-visual:not([hidden]) {
  width:min(100%, 760px);
  margin-inline:auto;
  margin-bottom:0
}

.naissance-document-modal__viewport {
  display:grid;
  place-items:start center;
  max-width:100%;
  max-height:72vh;
  overflow:auto;
  direction:ltr;
  background:var(--ivoire);
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch
}

.naissance-document-modal__viewport:focus-visible {
  outline:2px solid var(--ivoire);
  outline-offset:5px
}

.naissance-document-modal__frame figcaption:empty {
  display:none
}

html[dir="rtl"] .naissance-page :is(
  .naissance-reading-details__heading,
  .naissance-reading-detail figcaption
) {
  font-family:var(--font-arabic-sans);
  letter-spacing:normal
}

@media(hover:none), (pointer:coarse) {
  .naissance-document__open::after {
    content:"";
    position:absolute;
    inset-inline-end:10px;
    inset-block-end:10px;
    width:28px;
    height:28px;
    border:1px solid rgba(104, 71, 38, .24);
    border-radius:50%;
    background-color:rgba(246, 241, 232, .9);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23684726' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='m15 15 4 4'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:14px;
    pointer-events:none
  }
}

@media(max-width:768px) {
  .naissance-reading-details {
    margin-top:44px;
    padding-top:22px
  }

  .naissance-reading-details__grid {
    grid-template-columns:1fr;
    gap:32px;
    margin-top:18px
  }

  .naissance-reading-detail figcaption {
    margin-top:12px
  }

  .naissance-document-modal {
    align-items:start;
    padding:64px 16px 22px
  }

  .naissance-document-modal__frame {
    width:100%
  }

  .naissance-document-modal__viewport {
    place-items:start;
    max-height:62dvh
  }

  .naissance-document-modal__image {
    width:900px;
    max-width:none;
    max-height:none;
    margin:0;
    box-shadow:none
  }
}
