@font-face {
  font-family: 'PoliceTitre';
  src: url('police-titre.woff2?v=2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'PoliceLibelle';
  src: url('police-libelle.woff2?v=2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

:root {
  --encre: #262322;
  --encre-douce: #5b5550;
  --fond: #f7f2ec;          /* le grège de la page */
  --fond-alt: #eae2d7;      /* le grège dense, sous les panneaux */
  --carte: #ffffff;
  --marque: #3f6152;        /* eucalyptus — le linge, la plante verte */
  --marque-fonce: #2d4a3d;
  --filet: #dbd0c2;
  --nuit: #1d211f;          /* la cabine */
  --creme: #f2efe9;
  --creme-doux: #c4beb4;
  --laiton: #d3a08f;        /* quartz rosé — filets et assises SEULEMENT */
  --laiton-clair: #e6bbab;
  --wa: #0e6f62;
}

:root {
  --marge: clamp(1.1rem, 4vw, 2.4rem);
  --colonne: 66rem;

  --rayon: 1.5rem;
  --rayon-bouton: 999px;

  --photo-halo-pres: rgba(255, 255, 255, .70);
  --photo-halo-loin: rgba(255, 236, 228, .60);

  --pres: 0 1px 2px color-mix(in srgb, var(--nuit) 9%, transparent);
  --loin: 0 12px 28px color-mix(in srgb, var(--nuit) 15%, transparent);
  --loin-haute: 0 18px 40px color-mix(in srgb, var(--nuit) 21%, transparent);
  --pres-sombre: 0 1px 2px rgba(0, 0, 0, .34);
  --loin-sombre: 0 14px 34px rgba(0, 0, 0, .44);

  --tube-eteint: color-mix(in srgb, var(--creme) 10%, transparent);

  --police-titre: 'PoliceTitre', "Iowan Old Style", Palatino, Georgia, serif;
  --police-libelle: 'PoliceLibelle', "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;     /* la barre collante ne mange plus l'ancre */
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--fond);
  color: var(--encre);
  font-family: var(--police-libelle);
  font-size: 1.0625rem;
  line-height: 1.64;
  overflow-wrap: break-word;
}

h1, h2, h3, p, dl, dd, ul, ol, figure, figcaption { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img { max-width: 100%; display: block; }
a { color: inherit; }

:focus-visible { outline: 3px solid var(--marque); outline-offset: 3px; }
.entete :focus-visible,
.cabine :focus-visible,
.seuil :focus-visible,
.pied :focus-visible { outline-color: var(--laiton-clair); }

.bande {
  max-width: var(--colonne);
  margin-inline: auto;
  padding-inline: var(--marge);
  position: relative;
  z-index: 1;
}

main > section, .pied { position: relative; }

main > section::after,
.pied::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  --goutte: max(0px, calc((100% - var(--colonne)) / 2));
  --joue-masque: linear-gradient(90deg,
    #000 0%, rgba(0,0,0,.55) 26%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.55) 74%, #000 100%);
  background-image:
    linear-gradient(90deg,
      transparent 0%, var(--nappe-lueur) 20%, transparent 46%,
      transparent 54%, var(--nappe-lueur) 80%, transparent 100%),
    linear-gradient(90deg,
      var(--joue-fond) 0%, transparent 38%, transparent 62%, var(--joue-fond) 100%);
  background-size:auto,auto;
  background-position:left top,left top;
  background-repeat:no-repeat,no-repeat;
  -webkit-mask-image: var(--joue-masque);
          mask-image: var(--joue-masque);
}

.cabine .cadre, .seuil .cadre {
  --photo-halo-pres: rgba(255, 236, 228, .085);
  --photo-halo-loin: rgba(255, 236, 228, .10);
}
.soins, .institut, .contact {
  --joue-fond: rgba(29, 33, 31, .17);
  --joue-lueur: rgba(255, 255, 255, .50);
  --joue-ombre: rgba(29, 33, 31, .075);
  --joue-arete: rgba(255, 255, 255, .58);
  --nappe-lueur: rgba(255, 255, 255, .17);
  --nappe-ombre: rgba(29, 33, 31, .050);
}
.cabine, .pied {
  --joue-fond: rgba(18, 22, 20, .42);
  --joue-lueur: rgba(242, 239, 233, .075);
  --joue-ombre: rgba(0, 0, 0, .20);
  --joue-arete: rgba(29, 33, 31, .44);
  --nappe-lueur: rgba(242, 239, 233, .075);
  --nappe-ombre: rgba(0, 0, 0, .26);
}
.seuil::after {
  content: "";
  background-image:
    linear-gradient(90deg,
      rgba(18, 22, 20, .42) 0%, rgba(18, 22, 20, .11) 26%,
      transparent 44%, transparent 56%,
      rgba(18, 22, 20, .11) 74%, rgba(18, 22, 20, .42) 100%);
  background-repeat: no-repeat;
}

.ruban {
  margin: 0;
  padding: .5rem var(--marge);
  background: var(--fond-alt);
  border-bottom: 1px solid var(--filet);
  color: var(--encre-douce);
  font-size: .8rem;
  letter-spacing: .02em;
  text-align: center;
}
.ruban a { display: inline-block; padding-block: .25rem; color: var(--marque); text-underline-offset: 3px; }

.saut-contenu {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: .75rem 1.25rem;
  background: var(--marque);
  color: #fff;
  border-radius: 0 0 var(--rayon) 0;
  text-decoration: none;
}
.saut-contenu:focus { left: 0; }

.entete {
  position: sticky;
  top: 0;
  z-index: 50;
  background: color-mix(in srgb, var(--nuit) 82%, transparent);
  backdrop-filter: blur(16px) saturate(115%);
  -webkit-backdrop-filter: blur(16px) saturate(115%);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
  color: var(--creme);
}

.nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 4rem;
}

.marque { text-decoration: none; display: block; padding-block: .5rem; }
.marque__nom {
  display: block;
  font-family: var(--police-titre);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: .005em;
  line-height: 1.2;
  color: var(--creme);
}
.marque__sous {
  display: block;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--creme-doux);
}

#nav-toggle {
  display: grid;
  place-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: var(--rayon-bouton);
  background: rgba(255, 255, 255, .06);
  cursor: pointer;
}
.nav-toggle__trait {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: var(--creme);
  transition: transform .22s ease, opacity .22s ease;
}
#nav-toggle[aria-expanded="true"] .nav-toggle__trait:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#nav-toggle[aria-expanded="true"] .nav-toggle__trait:nth-child(2) { opacity: 0; }
#nav-toggle[aria-expanded="true"] .nav-toggle__trait:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

#nav-links {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + .5rem);
  flex-direction: column;
  gap: .25rem;
  padding: .75rem;
  background: color-mix(in srgb, var(--nuit) 94%, transparent);
  backdrop-filter: blur(16px) saturate(115%);
  -webkit-backdrop-filter: blur(16px) saturate(115%);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--rayon);
  box-shadow: var(--pres-sombre), var(--loin-sombre);
}
#nav-links.is-open { display: flex; }

#nav-links a {
  display: block;
  padding: .7rem 1rem;
  border-radius: var(--rayon-bouton);
  font-family: var(--police-titre);
  font-size: 1rem;
  color: var(--creme);
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
#nav-links a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
#nav-links .bouton:hover { background: var(--marque-fonce); }

@media (min-width: 62rem) {
  #nav-toggle { display: none; }
  #nav-links {
    display: flex;
    position: static;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    padding: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 0;
    box-shadow: none;
  }
  #nav-links a { padding: .55rem .9rem; }
}

.bouton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 2.75rem;
  padding: 0 1.4rem;
  border-radius: var(--rayon-bouton);
  font-family: var(--police-libelle);
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .02em;
  font-variant-numeric: lining-nums tabular-nums;
  text-align: center;
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.bouton--plein {
  background: var(--marque);
  color: #fff;
  box-shadow: var(--pres), var(--loin);
}
.bouton--plein:hover {
  background: var(--marque-fonce);
  box-shadow: var(--pres), var(--loin-haute);
}
.bouton--plein:active { transform: translateY(0); }
.bouton--grand { min-height: 3.5rem; padding: 0 2rem; font-size: 1.05rem; }
.bouton--menu { min-height: 2.75rem; }
.bouton--wa { background: var(--wa); color: #fff; box-shadow: var(--pres), var(--loin); }
.bouton--wa:hover { box-shadow: var(--pres), var(--loin-haute); }

.entete-section { margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }
.entete-section--centre { text-align: center; }

.sur {
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--encre-douce);
}
.cabine .sur, .pied .sur { color: var(--creme-doux); }

.entete-section h2 {
  margin-top: .5rem;
  font-family: var(--police-titre);
  font-size: clamp(1.8rem, 4.2vw, 2.9rem);
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -.012em;
}

.assise {
  display: block;
  width: 3.5rem;
  height: 3px;
  margin-top: 1rem;
  border-radius: 999px;
  background: var(--laiton);
  transform-origin: left center;
}
.entete-section--centre .assise { margin-inline: auto; transform-origin: center; }

.seuil {
  position: relative;
  display: grid;
  align-items: end;
  min-height: clamp(30rem, 76vh, 44rem);
  padding-block: clamp(4rem, 10vw, 7rem) clamp(2.5rem, 6vw, 4.5rem);
  background: var(--nuit);
  overflow: hidden;
}
.seuil__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
}
@media (max-width: 767px) {
  .seuil__photo { object-position: 72% center; }
}
@media (max-width: 599px) {
  .seuil {
    display: block;
    min-height: 0;
    padding-block: 0 clamp(2rem, 6vw, 3rem);
  }
  .seuil__photo {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .seuil__voile {
    inset: 0 0 auto 0;
    height: 75vw;
    background: color-mix(in srgb, var(--nuit) 32%, transparent);
  }
  .seuil__bande { padding-top: clamp(1.5rem, 6vw, 2.2rem); }
  .seuil__verre { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
.seuil__voile {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--nuit) 32%, transparent);
}
.seuil__bande { position: relative; z-index: 1; }

.seuil__verre {
  position: relative;
  max-width: 42rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--rayon);
  background: color-mix(in srgb, var(--nuit) 82%, transparent);
  backdrop-filter: blur(16px) saturate(115%);
  -webkit-backdrop-filter: blur(16px) saturate(115%);
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), var(--pres-sombre), var(--loin-sombre);
  color: var(--creme);
}
.seuil__filet {
  position: absolute;
  top: 0;
  left: clamp(1.5rem, 4vw, 2.5rem);
  width: 3.5rem;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: var(--laiton);
}

.seuil__etiquette {
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--creme-doux);
}
.seuil__titre {
  margin-top: .75rem;
  font-family: var(--police-titre);
  font-size: clamp(2.2rem, 5.6vw, 3.9rem);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.02em;
}
.seuil__accent {
  display: block;
  font-family: var(--police-titre);
  font-size: clamp(2.2rem, 5.6vw, 3.9rem);
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -.02em;
  color: var(--laiton-clair);
}
.seuil__intro {
  max-width: 34rem;
  margin-top: 1.25rem;
  color: var(--creme-doux);
}
.seuil__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 2rem;
}

.cabine {
  padding-block: clamp(3rem, 7vw, 5.5rem);
  background: var(--nuit);
  color: var(--creme);
}
.cabine .entete-section { margin-bottom: 0; }
.cabine__intro {
  max-width: 44rem;
  margin-top: 1.5rem;
  color: var(--creme-doux);
}

.temps {
  position: relative;
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  margin-top: clamp(2rem, 4.4vw, 2.9rem);
}
@media (min-width: 40rem) { .temps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem 1.75rem; } }
@media (min-width: 62rem) {
  .temps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem; align-items: stretch; }
}

.temps__item {
  position: relative;
  padding: 2.5rem 1.35rem 1.75rem;
  border-radius: var(--rayon);
  background-color: rgba(255, 255, 255, .045);
  box-shadow: inset 0 0 0 1px rgba(242, 239, 233, .085),
              inset 0 1px 0 rgba(242, 239, 233, .20);
  background-image:
    radial-gradient(ellipse 62% 64% at 50% 2%,
      color-mix(in srgb, var(--laiton-clair) var(--lueur, 12%), transparent) 0%,
      color-mix(in srgb, var(--laiton-clair) calc(var(--lueur, 12%) / 3), transparent) 40%,
      transparent 82%);
}
.temps__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 2.2rem;
  transform: translateX(-50%);
  pointer-events: none;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--laiton-clair) calc(var(--lueur, 12%) * 2), transparent) 0%,
    transparent 100%);
}
.temps__item h3 {
  font-family: var(--police-titre);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--creme);
}
.temps__item p {
  margin-top: .5rem;
  font-size: .95rem;
  color: var(--creme-doux);
}

.sortie {
  margin-top: clamp(1.5rem, 3.4vw, 2.2rem);
  padding-top: clamp(1.5rem, 4vw, 2rem);
  border-top: 1px solid rgba(255, 255, 255, .14);
}
.sortie__titre {
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--laiton-clair);
}
.sortie__liste {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
  grid-template-columns: 1fr;
}
@media (min-width: 52rem) { .sortie__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; } }
.sortie__liste li {
  position: relative;
  padding-left: 1.5rem;
  font-size: .95rem;
  color: var(--creme-doux);
}
.sortie__liste li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: .5rem;
  height: .5rem;
  border-radius: 999px;
  background: var(--laiton);
}

.soins {
  padding-block: clamp(2rem, 5vw, 3.5rem) clamp(2.4rem, 5vw, 4rem);
  background: var(--fond-alt);
}
.soins__grille { display: grid; gap: 1.5rem; }

.panneau {
  position: relative;
  z-index: 1;
  padding: clamp(1.5rem, 4vw, 2.75rem);
  border-radius: var(--rayon);
  background: var(--carte);
  border: 1px solid color-mix(in srgb, var(--filet) 70%, transparent);
  box-shadow: var(--pres), var(--loin);
}
.soins .panneau { margin-top: calc(-1 * clamp(2.4rem, 4.5vw, 4.2rem)); }

.postes { display: grid; }
.poste { padding: 1.25rem 0; border-top: 1px solid var(--filet); }
.poste:first-child { border-top: 0; padding-top: .25rem; }
.poste__num {
  display: block;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .18em;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--encre-douce);
}
.poste h3 {
  margin-top: .35rem;
  font-family: var(--police-titre);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
}
.poste p { margin-top: .4rem; color: var(--encre-douce); font-size: .98rem; }

@media (min-width: 40rem) {
  .postes { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
  .poste:nth-child(-n+2) { border-top: 0; padding-top: .25rem; }
}
@media (min-width: 62rem) {
  .postes { column-gap: clamp(2rem, 5vw, 3.5rem); }
}

.institut {
  padding-block: clamp(3rem, 7vw, 5.5rem);
  background: var(--fond-alt);
}
.institut__grille { display: grid; gap: 1rem; grid-template-columns: 1fr; }
.institut__a { aspect-ratio: 4 / 3; }
.institut__b { aspect-ratio: 3 / 4; }
.institut__c { aspect-ratio: 16 / 10; }

@media (min-width: 44rem) {
  .institut__grille {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto auto;
    gap: 1.5rem;
  }
  .institut__a { grid-column: 1; grid-row: 1; }
  .institut__b { grid-column: 2; grid-row: 1 / span 2; aspect-ratio: auto; align-self: stretch; }
  .institut__c { grid-column: 1; grid-row: 2; }
}

.cadre {
  position: relative;
  overflow: hidden;
  border-radius: var(--rayon);
  background: var(--fond-alt);
  box-shadow: 0 0 0 6px var(--photo-halo-pres),
              0 0 30px 12px var(--photo-halo-loin),
              var(--pres), var(--loin);
}
.cadre img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;   /* la photo se cale, elle ne flotte pas */
}
.cadre::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38),
              inset 0 0 0 1px rgba(29, 33, 31, .07);
}

.contact {
  padding-block: clamp(3rem, 7vw, 5.5rem);
  background: var(--fond-alt);
}
.contact__grille { display: grid; gap: 1.5rem; }
.contact__visuel { aspect-ratio: 4 / 3; }
.contact__phrase { margin-top: .5rem; color: var(--encre-douce); }
.contact__plaque { display: flex; width: 100%; margin-top: 1.5rem; }

@media (min-width: 62rem) {
  .contact__grille {
    grid-template-columns:minmax(0,1fr);
    gap: 2rem;
    align-items: start;max-width:900px;margin-inline:auto}
  .contact__carte {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(1.6rem, 4vw, 2.8rem);
    align-content: start;
  }
  .contact__carte > .entete-section,
  .contact__carte > .contact__phrase,
  .contact__carte > .contact__plaque { grid-column: 1 / -1; }
  .contact__visuel { margin-top: 4rem; aspect-ratio: 4 / 3; }
}

.fiche { margin-top: 2rem; }
.fiche__titre {
  font-family: var(--police-titre);
  font-size: 1.05rem;
  font-weight: 600;
}
.tableau { margin-top: .5rem; }
.tableau__ligne {
  display: grid;
  grid-template-columns: 1fr;
  gap: .1rem 1rem;
  padding: .65rem 0;
  border-top: 1px dotted var(--filet);
}
.tableau__ligne:first-child { border-top: 0; }
.tableau dt {
  font-size: .74rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--encre-douce);
}
.tableau dd {
  font-weight: 600;
  font-variant-numeric: lining-nums tabular-nums;
}
.tableau dd a { color: var(--marque); text-underline-offset: 3px; }
.tableau dd a:hover { color: var(--marque-fonce); }

@media (min-width: 34rem) {
  .tableau__ligne { grid-template-columns: 7rem minmax(0, 1fr); align-items: baseline; }
}

.tableau__ligne--aujourdhui dd { color: var(--marque); }
.tableau__aujourdhui {
  display: inline-block;
  margin-left: .5rem;
  padding: .1rem .5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--laiton) 34%, transparent);
  font-size: .66rem;
  letter-spacing: .08em;
  text-transform: none;
  color: var(--encre);
}

.pied {
  padding-block: clamp(2.5rem, 6vw, 4rem);
  background: var(--nuit);
  color: var(--creme);
}
.assise--pied { margin-top: 0; margin-bottom: 1.5rem; }
.pied__nom {
  font-family: var(--police-titre);
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 600;
  line-height: 1.15;
}
.pied__lieu {
  margin-top: .25rem;
  font-size: .78rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--creme-doux);
}
.pied__bas {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .14);
}
.pied__credit { font-size: .85rem; color: var(--creme-doux); }
.pied__credit a { display: inline-block; padding-block: .25rem; color: var(--laiton-clair); text-underline-offset: 3px; }

html.js .reveal { opacity: 0; transform: translateY(16px); }
html.js .reveal.est-vu {
  opacity: 1;
  transform: none;
  transition:
    opacity .6s ease calc(var(--i, 0) * 90ms),
    transform .6s cubic-bezier(.22, .61, .36, 1) calc(var(--i, 0) * 90ms);
}

html.js .temps__item::before { opacity: 0; }
html.js .temps__item.est-vu::before {
  opacity: 1;
  transition: opacity .7s ease calc(var(--i, 0) * 90ms + 180ms);
}

html.js .entete-section.reveal .assise { transform: scaleX(.14); }
html.js .entete-section.reveal.est-vu .assise { transform: scaleX(1); transition: transform .7s cubic-bezier(.22, .61, .36, 1) .18s; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html.js .reveal { transform: none; }
  html.js .reveal.est-vu { transition: opacity .35s ease; }
  html.js .entete-section.reveal .assise,
  html.js .entete-section.reveal.est-vu .assise { transform: none; transition: none; }
  html.js .temps__item.est-vu::before { transition: opacity .35s ease; }
  .cadre img, .bouton, .nav-toggle__trait { transition: none; }
}

.entete{background-color:rgba(29,33,31,0.76)}
.entete{margin-bottom:-65px}

.entete .marque__sous{color:#d5d0c6}