/* [project]/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --vert: #2f4339;
  --vert-profond: #1c2922;
  --vert-nuit: #141d18;
  --vert-clair: #4a5f54;
  --vert-pale: #7d8f84;
  --lin: #ece3d4;
  --lin-clair: #f5efe5;
  --lin-blanc: #faf7f1;
  --lin-fonce: #d9cdb8;
  --lin-ombre: #c6b79e;
  --rose: #a4665e;
  --rose-clair: #c08d85;
  --rose-pale: #e0c5c0;
  --encre: #20302a;
  --encre-douce: #566159;
  --display: "Cormorant Garamond", "Times New Roman", serif;
  --texte: "Lato", "Helvetica Neue", Arial, sans-serif;
  --pad-x: clamp(20px, 5.5vw, 108px);
  --gouttiere: clamp(14px, 2.1vw, 36px);
  --section: clamp(84px, 12vw, 180px);
  --entete: 74px;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--entete) + 12px);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  background: var(--lin-clair);
  color: var(--encre);
  font-family: var(--texte);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: clamp(.975rem, .93rem + .2vw, 1.0625rem);
  font-weight: 400;
  line-height: 1.75;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: var(--display);
  letter-spacing: -.012em;
  color: var(--vert-profond);
  margin: 0;
  font-weight: 500;
  line-height: 1;
}

p {
  margin: 0;
}

a {
  color: inherit;
}

img {
  max-width: 100%;
}

figure {
  margin: 0;
}

::selection {
  background: var(--rose);
  color: var(--lin-blanc);
}

:focus-visible {
  outline: 2px solid var(--rose);
  outline-offset: 3px;
}

.wrap {
  width: 100%;
  max-width: 1560px;
  padding-inline: var(--pad-x);
  margin-inline: auto;
}

.g12 {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

.section {
  padding-block: var(--section);
}

.section--serre {
  padding-block: clamp(64px, 8vw, 120px);
}

.surtitre {
  font-family: var(--texte);
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--rose);
  margin: 0;
  font-size: .7rem;
  font-weight: 700;
}

.surtitre--clair {
  color: var(--rose-clair);
}

.titre-xl {
  letter-spacing: -.03em;
  font-size: clamp(3.4rem, 11.5vw, 10.5rem);
  font-weight: 500;
  line-height: .86;
}

.titre-l {
  letter-spacing: -.02em;
  font-size: clamp(2.4rem, 5.6vw, 5rem);
  line-height: .98;
}

.titre-m {
  font-size: clamp(1.75rem, 2.9vw, 2.7rem);
  line-height: 1.08;
}

.titre-s {
  font-size: clamp(1.35rem, 1.9vw, 1.75rem);
  line-height: 1.15;
}

.italique {
  font-style: italic;
}

.lead {
  color: var(--encre);
  font-size: clamp(1.08rem, .98rem + .5vw, 1.4rem);
  line-height: 1.6;
}

.prose p + p {
  margin-top: 1.15em;
}

.prose {
  color: var(--encre-douce);
  max-width: 44ch;
}

.sur-sombre, .sur-sombre h2, .sur-sombre h3 {
  color: var(--lin);
}

.sur-sombre .prose {
  color: #ece3d4bd;
}

.filet {
  background: var(--lin-ombre);
  border: 0;
  height: 1px;
  margin: 0;
}

.lien {
  border-bottom: 1px solid var(--lin-ombre);
  padding-bottom: 2px;
  text-decoration: none;
  transition: border-color .25s, color .25s;
}

.lien:hover {
  color: var(--rose);
  border-color: var(--rose);
}

.bouton {
  font-family: var(--texte);
  letter-spacing: .2em;
  text-transform: uppercase;
  border: 1px solid var(--vert);
  background: var(--vert);
  color: var(--lin-blanc);
  cursor: pointer;
  align-items: center;
  gap: .75rem;
  padding: 1.05rem 2.1rem;
  font-size: .72rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .3s, color .3s, border-color .3s;
  display: inline-flex;
}

.bouton:hover {
  background: var(--rose);
  border-color: var(--rose);
}

.bouton--ligne {
  color: var(--lin-blanc);
  background: none;
  border-color: #ece3d48c;
}

.bouton--ligne:hover {
  background: var(--lin);
  border-color: var(--lin);
  color: var(--vert-profond);
}

.bouton[disabled] {
  opacity: .55;
  cursor: progress;
}

.fig {
  position: relative;
}

.fig__cadre {
  background: var(--lin-fonce);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.fig__img {
  object-fit: cover;
  transition: transform .7s;
}

.fig:hover .fig__img {
  transform: scale(1.045);
}

.fig__cap {
  font-family: var(--display);
  color: var(--encre-douce);
  max-width: 34ch;
  margin-top: .85rem;
  font-size: clamp(.95rem, 1.1vw, 1.1rem);
  font-style: italic;
  line-height: 1.4;
}

.sur-sombre .fig__cap {
  color: #ece3d4a8;
}

.entete {
  z-index: 60;
  height: var(--entete);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  background: #1c29229e;
  border-bottom: 1px solid #ece3d424;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0 0 auto;
}

.entete__rang {
  justify-content: space-between;
  align-items: center;
  gap: clamp(16px, 4vw, 56px);
  width: 100%;
  display: flex;
}

.marque {
  font-family: var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lin);
  white-space: nowrap;
  font-size: clamp(1.15rem, 1.5vw, 1.45rem);
  text-decoration: none;
}

.marque em {
  letter-spacing: .04em;
  text-transform: none;
  font-size: 1.12em;
  font-style: italic;
}

.nav {
  align-items: center;
  gap: clamp(18px, 2.4vw, 40px);
  margin-left: auto;
  display: flex;
}

.nav a {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #ece3d4d1;
  border-bottom: 1px solid #0000;
  padding-block: 4px;
  font-size: .705rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .25s, border-color .25s;
}

.nav a:hover {
  color: var(--lin-blanc);
  border-color: var(--rose-clair);
}

.entete__tel {
  font-family: var(--texte);
  letter-spacing: .08em;
  color: var(--lin);
  white-space: nowrap;
  border: 1px solid #ece3d466;
  padding: .55rem 1.1rem;
  font-size: .78rem;
  text-decoration: none;
  transition: background .3s, color .3s, border-color .3s;
}

.entete__tel:hover {
  background: var(--lin);
  color: var(--vert-profond);
  border-color: var(--lin);
}

.burger {
  cursor: pointer;
  color: var(--lin);
  font-family: var(--texte);
  letter-spacing: .2em;
  text-transform: uppercase;
  background: none;
  border: 0;
  padding: 10px 0 10px 14px;
  font-size: .7rem;
  font-weight: 700;
  display: none;
}

.panneau {
  inset: var(--entete) 0 0 0;
  z-index: 55;
  background: var(--vert-profond);
  padding: 0 var(--pad-x) 12vh;
  flex-direction: column;
  justify-content: center;
  gap: .6rem;
  display: flex;
  position: fixed;
}

.panneau a {
  font-family: var(--display);
  color: var(--lin);
  font-size: clamp(2rem, 9vw, 3rem);
  line-height: 1.25;
  text-decoration: none;
}

.panneau a:last-of-type {
  color: var(--rose-clair);
}

.panneau__pied {
  color: #ece3d499;
  letter-spacing: .04em;
  margin-top: 2.5rem;
  font-size: .85rem;
}

@media (max-width: 1000px) {
  .nav, .entete__tel {
    display: none;
  }

  .burger {
    margin-left: auto;
    display: block;
  }
}

.hero {
  isolation: isolate;
  background: var(--vert-profond);
  align-items: flex-end;
  min-height: 100svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero__fond {
  z-index: -2;
  position: absolute;
  inset: 0;
}

.hero__fond img {
  object-fit: cover;
  object-position: 50% 58%;
}

.hero__voile {
  z-index: -1;
  background: linear-gradient(to top, #141d18db 0%, #141d1885 34%, #141d1829 62%, #141d1866 100%);
  position: absolute;
  inset: 0;
}

.hero__contenu {
  width: 100%;
  padding-top: calc(var(--entete) + 10vh);
  padding-bottom: clamp(28px, 4vw, 54px);
}

.hero__haut {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(24px, 5vw, 80px);
  display: grid;
}

.hero__titre {
  color: var(--lin-blanc);
  margin-top: clamp(14px, 2vw, 26px);
}

.hero__titre em {
  color: var(--lin);
  padding-left: clamp(26px, 9vw, 160px);
  font-style: italic;
  display: block;
}

.hero__ligne {
  display: block;
  overflow: hidden;
}

.hero__ligne__texte {
  text-indent: -.035em;
  will-change: transform;
  display: block;
}

.hero__aside {
  color: #faf7f1e0;
  border-left: 1px solid #ece3d44d;
  max-width: 30ch;
  padding-bottom: .9rem;
  padding-left: clamp(16px, 1.6vw, 26px);
  font-size: clamp(.98rem, 1.1vw, 1.12rem);
  line-height: 1.65;
}

.hero__actions {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: clamp(28px, 4vw, 52px);
  display: flex;
}

.hero__barre {
  color: #faf7f1d1;
  letter-spacing: .06em;
  border-top: 1px solid #ece3d442;
  flex-wrap: wrap;
  align-items: baseline;
  gap: clamp(14px, 4vw, 64px);
  margin-top: clamp(34px, 5vw, 64px);
  padding-top: 18px;
  font-size: .82rem;
  display: flex;
}

.hero__barre b {
  color: var(--lin-blanc);
  font-weight: 700;
}

.hero__barre a {
  border-bottom: 1px solid #ece3d459;
  padding-bottom: 2px;
  text-decoration: none;
}

.hero__barre a:hover {
  border-color: var(--rose-clair);
  color: #fff;
}

@media (max-width: 860px) {
  .hero__haut {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .hero__aside {
    border-top: 1px solid #ece3d44d;
    border-left: 0;
    max-width: 38ch;
    padding-top: 1rem;
    padding-left: 0;
  }
}

.maison {
  background: var(--lin-clair);
  position: relative;
}

.maison__texte {
  grid-area: 1 / 1 / span 2 / span 5;
  align-self: center;
}

.maison__titre {
  max-width: 13ch;
  margin-top: 1.4rem;
  margin-bottom: 2rem;
}

.maison__titre em {
  color: var(--rose);
  font-style: italic;
}

.maison__coord {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--vert-clair);
  flex-wrap: wrap;
  gap: 10px 36px;
  margin-top: 2.6rem;
  font-size: .8rem;
  display: flex;
}

.maison__grande {
  grid-column: 7 / span 6;
}

.maison__petites {
  gap: var(--gouttiere);
  margin-top: var(--gouttiere);
  grid-column: 7 / span 6;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

.maison__petites .fig:last-child {
  margin-top: clamp(20px, 4vw, 56px);
}

@media (max-width: 900px) {
  .maison__texte, .maison__grande, .maison__petites {
    grid-area: auto / 1 / auto / -1;
  }

  .maison__grande {
    margin-top: 2.5rem;
  }
}

.chambres {
  background: var(--lin);
  position: relative;
}

.chambres__intro {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: end;
  margin-bottom: clamp(48px, 7vw, 96px);
  display: grid;
}

.chambres__intro .surtitre {
  grid-column: 1 / -1;
  margin-bottom: 1.2rem;
}

.chambres__intro h2 {
  grid-column: 1 / span 7;
  max-width: 16ch;
}

.chambres__intro .prose {
  grid-column: 9 / span 4;
}

.plaque {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  display: grid;
}

.plaque + .plaque {
  margin-top: clamp(56px, 8vw, 130px);
}

.plaque--une .fig:first-child {
  grid-column: 1 / span 5;
}

.plaque--une .plaque__mot {
  grid-column: 7 / span 3;
  align-self: center;
  padding-top: clamp(0px, 6vw, 70px);
}

.plaque--une .fig:last-child {
  grid-column: 10 / span 3;
  margin-top: clamp(40px, 10vw, 170px);
}

.plaque--deux .fig {
  grid-column: 3 / span 10;
}

.plaque--deux .plaque__mot {
  grid-column: 1 / span 2;
  align-self: end;
  padding-bottom: clamp(10px, 3vw, 40px);
}

.plaque--trois .fig:first-child {
  grid-column: 1 / span 4;
}

.plaque--trois .fig:nth-child(2) {
  grid-column: 5 / span 4;
  margin-top: clamp(40px, 9vw, 150px);
}

.plaque--trois .fig:nth-child(3) {
  grid-column: 10 / span 3;
  margin-top: clamp(16px, 4vw, 70px);
}

.plaque--quatre .plaque__mot {
  grid-column: 1 / span 4;
  align-self: center;
}

.plaque--quatre .fig:first-of-type {
  grid-column: 6 / span 3;
  margin-top: clamp(24px, 6vw, 90px);
}

.plaque--quatre .fig:nth-of-type(2) {
  grid-column: 9 / span 4;
}

.plaque__mot h3 {
  margin-bottom: .9rem;
}

.plaque__mot p {
  color: var(--encre-douce);
  font-size: .97rem;
  line-height: 1.7;
}

.bande-vignettes {
  gap: var(--gouttiere);
  grid-template-columns: repeat(5, 1fr);
  align-items: start;
  margin-top: clamp(56px, 8vw, 130px);
  display: grid;
}

.bande-vignettes .fig:nth-child(2n) {
  margin-top: clamp(18px, 3.5vw, 56px);
}

@media (max-width: 900px) {
  .chambres__intro h2, .chambres__intro .prose {
    grid-column: 1 / -1;
  }

  .chambres__intro .prose {
    margin-top: 1.6rem;
  }

  .plaque {
    grid-template-columns: 1fr;
    gap: clamp(26px, 6vw, 44px);
  }

  .plaque .fig, .plaque .plaque__mot {
    padding-top: 0;
    padding-bottom: 0;
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
  }

  .bande-vignettes {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bandeau {
  background: var(--vert-profond);
  height: clamp(320px, 62vh, 680px);
  position: relative;
  overflow: hidden;
}

.bandeau img {
  object-fit: cover;
  object-position: 50% 62%;
}

.bandeau__legende {
  left: var(--pad-x);
  color: var(--lin-blanc);
  font-family: var(--display);
  text-shadow: 0 1px 24px #141d188c;
  font-size: clamp(1.1rem, 2vw, 1.7rem);
  font-style: italic;
  position: absolute;
  bottom: clamp(20px, 3vw, 44px);
}

.table {
  background: var(--vert-profond);
  color: var(--lin);
  position: relative;
}

.table__grille {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
  display: grid;
}

.table__mot {
  grid-column: 1 / span 4;
}

.table__mot h2 {
  margin: 1.4rem 0 1.8rem;
}

.table__mot h2 em {
  color: var(--rose-clair);
  font-style: italic;
}

.table__grande {
  grid-column: 6 / span 7;
}

.table__sous {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  margin-top: clamp(36px, 6vw, 90px);
  display: grid;
}

.table__sous .fig:first-child {
  grid-column: 1 / span 5;
}

.table__sous .fig:nth-child(2) {
  grid-column: 6 / span 3;
  margin-top: clamp(30px, 6vw, 96px);
}

.table__sous .fig:nth-child(3) {
  grid-column: 10 / span 3;
  margin-top: clamp(12px, 2.5vw, 40px);
}

@media (max-width: 900px) {
  .table__mot, .table__grande, .table__sous .fig {
    grid-column: 1 / -1;
    margin-top: 0;
  }

  .table__grande {
    margin-top: 2.4rem;
  }

  .table__sous {
    gap: clamp(26px, 6vw, 44px);
  }
}

.jardin {
  background: var(--lin-clair);
}

.jardin__haut {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: end;
  display: grid;
}

.jardin__haut .fig {
  grid-column: 1 / span 6;
}

.jardin__mot {
  grid-column: 8 / span 5;
  padding-bottom: clamp(8px, 3vw, 48px);
}

.jardin__mot h2 {
  max-width: 11ch;
  margin: 1.3rem 0 1.6rem;
}

.jardin__mot h2 em {
  color: var(--rose);
  font-style: italic;
}

.jardin__trio {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  margin-top: clamp(34px, 5vw, 80px);
  display: grid;
}

.jardin__trio .fig:first-child {
  grid-column: 1 / span 3;
  margin-top: clamp(28px, 5vw, 80px);
}

.jardin__trio .fig:nth-child(2) {
  grid-column: 4 / span 5;
}

.jardin__trio .fig:nth-child(3) {
  grid-column: 9 / span 4;
  margin-top: clamp(40px, 8vw, 130px);
}

.jardin__large {
  margin-top: clamp(34px, 5vw, 80px);
}

.jardin__alentours {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  margin-top: clamp(64px, 9vw, 150px);
  display: grid;
}

.jardin__alentours .surtitre {
  grid-column: 1 / span 3;
  padding-top: .6rem;
}

.jardin__alentours h3 {
  grid-column: 4 / span 4;
  max-width: 12ch;
}

.jardin__alentours .prose {
  grid-column: 9 / span 4;
}

.jardin__paire {
  gap: var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  margin-top: clamp(30px, 4.5vw, 64px);
  display: grid;
}

.jardin__paire .fig:first-child {
  grid-column: 1 / span 7;
}

.jardin__paire .fig:nth-child(2) {
  grid-column: 9 / span 4;
  margin-top: clamp(26px, 5vw, 80px);
}

@media (max-width: 900px) {
  .jardin__paire .fig, .jardin__haut .fig, .jardin__mot, .jardin__trio .fig, .jardin__alentours .surtitre, .jardin__alentours h3, .jardin__alentours .prose {
    grid-column: 1 / -1;
    margin-top: 0;
  }

  .jardin__mot {
    padding-top: 2.2rem;
    padding-bottom: 0;
  }

  .jardin__trio {
    gap: clamp(26px, 6vw, 44px);
  }

  .jardin__alentours h3, .jardin__alentours .prose {
    margin-top: 1.4rem;
  }
}

.reserver {
  background: var(--lin);
}

.reserver__grille {
  gap: var(--gouttiere) clamp(32px, 5vw, 96px);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  display: grid;
}

.reserver__intro {
  grid-column: 1 / span 5;
}

.reserver__intro h2 {
  max-width: 11ch;
  margin: 1.3rem 0 1.5rem;
}

.reserver__intro h2 em {
  color: var(--rose);
  font-style: italic;
}

.coord {
  border-top: 1px solid var(--lin-ombre);
  margin-top: clamp(30px, 4vw, 52px);
}

.coord__ligne {
  border-bottom: 1px solid var(--lin-ombre);
  grid-template-columns: 8rem 1fr;
  align-items: baseline;
  gap: 1rem;
  padding: 1.05rem 0;
  display: grid;
}

.coord__cle {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--vert-clair);
  font-size: .68rem;
  font-weight: 700;
}

.coord__val {
  color: var(--encre);
  font-size: 1rem;
  line-height: 1.55;
}

.coord__val a {
  border-bottom: 1px solid var(--lin-ombre);
  padding-bottom: 2px;
  text-decoration: none;
  transition: border-color .25s, color .25s;
}

.coord__val a:hover {
  color: var(--rose);
  border-color: var(--rose);
}

.formulaire {
  background: var(--lin-blanc);
  border: 1px solid var(--lin-fonce);
  grid-column: 7 / span 6;
  padding: clamp(24px, 3.4vw, 54px);
}

.formulaire h3 {
  margin-bottom: .5rem;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
}

.formulaire__note {
  color: var(--encre-douce);
  margin-bottom: 1.8rem;
  font-size: .9rem;
}

.champs {
  grid-template-columns: repeat(2, 1fr);
  gap: 1.15rem 1.3rem;
  display: grid;
}

.champ {
  flex-direction: column;
  gap: .45rem;
  display: flex;
}

.champ--large {
  grid-column: 1 / -1;
}

.champ label {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--vert-clair);
  font-size: .66rem;
  font-weight: 700;
}

.champ input, .champ textarea {
  font-family: var(--texte);
  color: var(--encre);
  border: 0;
  border-bottom: 1px solid var(--lin-ombre);
  background: none;
  border-radius: 0;
  padding: .55rem 0;
  font-size: .97rem;
  transition: border-color .25s;
}

.champ textarea {
  resize: vertical;
  min-height: 92px;
  line-height: 1.6;
}

.champ input:focus, .champ textarea:focus {
  border-bottom-color: var(--rose);
  outline: none;
}

.formulaire__pied {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.5rem;
  margin-top: 1.9rem;
  display: flex;
}

.message-etat {
  max-width: 34ch;
  font-size: .92rem;
  line-height: 1.5;
}

.message-etat--ok {
  color: var(--vert);
}

.message-etat--ko {
  color: var(--rose);
}

.carte {
  border: 1px solid var(--lin-fonce);
  background: var(--lin-fonce);
  grid-column: 1 / -1;
  margin-top: clamp(40px, 5vw, 80px);
  line-height: 0;
}

.carte iframe {
  height: clamp(300px, 46vh, 480px);
  display: block;
}

@media (max-width: 1000px) {
  .reserver__intro, .formulaire {
    grid-column: 1 / -1;
  }

  .formulaire {
    margin-top: 2.6rem;
  }
}

@media (max-width: 560px) {
  .champs {
    grid-template-columns: 1fr;
  }

  .coord__ligne {
    grid-template-columns: 1fr;
    gap: .35rem;
  }
}

.pied {
  background: var(--vert-nuit);
  color: var(--lin);
  padding-top: clamp(64px, 8vw, 120px);
  padding-bottom: clamp(26px, 3vw, 44px);
}

.pied__haut {
  gap: clamp(28px, 4vw, 56px) var(--gouttiere);
  grid-template-columns: repeat(12, 1fr);
  align-items: start;
  display: grid;
}

.pied__marque {
  grid-column: 1 / span 5;
}

.pied__marque p {
  font-family: var(--display);
  color: var(--lin);
  font-size: clamp(2.2rem, 4.4vw, 3.9rem);
  line-height: .96;
}

.pied__marque em {
  padding-left: 1.2em;
  font-style: italic;
  display: block;
}

.pied__col {
  color: #ece3d4bd;
  grid-column: span 3;
  font-size: .95rem;
  line-height: 1.8;
}

.pied__col h4 {
  font-family: var(--texte);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--rose-clair);
  margin-bottom: 1rem;
  font-size: .66rem;
  font-weight: 700;
}

.pied__col a {
  border-bottom: 1px solid #0000;
  text-decoration: none;
  transition: color .25s, border-color .25s;
}

.pied__col a:hover {
  color: var(--lin-blanc);
  border-color: var(--rose-clair);
}

.pied__liens {
  flex-direction: column;
  align-items: flex-start;
  gap: .35rem;
  display: flex;
}

.pied__bas {
  letter-spacing: .08em;
  color: #ece3d494;
  border-top: 1px solid #ece3d429;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 28px;
  margin-top: clamp(48px, 6vw, 90px);
  padding-top: 18px;
  font-size: .78rem;
  display: flex;
}

@media (max-width: 900px) {
  .pied__marque {
    grid-column: 1 / -1;
  }

  .pied__col {
    grid-column: span 6;
  }
}

@media (max-width: 560px) {
  .pied__col {
    grid-column: 1 / -1;
  }
}

.mot-masque {
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
}

.mot {
  will-change: transform;
  display: inline-block;
}

.chiffre {
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .fig__img {
    transition: none;
  }

  .fig:hover .fig__img {
    transform: none;
  }
}

/*# sourceMappingURL=app_globals_0yg4wg8.css.map*/