/* Nestor Editions – page d'attente. Typo : Garamond Premier Pro (Regular, Bold, Italic, Display) */
@font-face { font-family: "Garamond Web"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("garamond-regular.woff") format("woff"), url("garamond-regular.otf") format("opentype"); }
@font-face { font-family: "Garamond Web"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("garamond-bold.woff") format("woff"), url("garamond-bold.otf") format("opentype"); }
@font-face { font-family: "Garamond Web"; font-weight: 400; font-style: italic; font-display: swap;
  src: url("garamond-italic.woff") format("woff"); }
@font-face { font-family: "Garamond Display"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("garamond-display.woff") format("woff"); }

:root { --encre: #1f1a17; --mur: #cdc6bc; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  min-height: 100vh; min-height: 100svh;
  font-family: "Garamond Web", Garamond, "EB Garamond", "Cormorant Garamond", "Times New Roman", serif;
  font-kerning: normal;
  font-feature-settings: "kern", "liga", "clig";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  color: var(--encre);
  background: var(--mur) url("fond.jpg") center 12% / cover no-repeat;
}
.voile {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgba(236,231,223,.38) 0%, rgba(236,231,223,.14) 55%, rgba(0,0,0,0) 100%);
}
.page { position: relative; z-index: 1; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
main {
  flex: 1; display: flex; flex-direction: column; justify-content: flex-start;
  padding: clamp(2.2rem, 6.5vh, 4.5rem) 6vw 4vh 30vw;
}
.bloc { max-width: 43rem; text-shadow: 0 0 12px rgba(236,231,223,.4); }

h1 {
  font-family: "Garamond Display", "Garamond Web", Garamond, serif;
  font-weight: 400; font-size: clamp(2.8rem, 5vw, 4.4rem);
  line-height: 1; letter-spacing: -.012em;
}
.lieu {
  display: block; margin-top: .9rem;
  font-size: .82rem; font-weight: 700;
  letter-spacing: .32em; text-transform: uppercase;
}
.lieu::after { content: ""; display: block; width: 2.6rem; height: 1px; margin-top: 1.4rem; background: currentColor; opacity: .55; }

p { margin-top: 1rem; font-size: clamp(1.2rem, 1.4vw, 1.4rem); line-height: 1.45; hyphens: manual; text-wrap: pretty; }
.bloc p:first-of-type { margin-top: 1.4rem; font-size: clamp(1.22rem, 1.45vw, 1.42rem); line-height: 1.4; font-style: italic; text-wrap: balance; }
.bloc p:first-of-type strong { font-style: normal; font-weight: 700; }
.bloc p:last-of-type { font-style: italic; }

footer {
  background: rgba(240,236,229,.84);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  padding: 1.15rem 6vw; text-align: right;
  font-size: clamp(1.1rem, 1.4vw, 1.3rem); letter-spacing: .02em;
}
footer a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(31,26,23,.35); padding-bottom: 1px; }
footer a:hover { border-bottom-color: var(--encre); }

/* Mobile : texte sur fond uni couleur mur, photo en pied de page */
@media (max-width: 820px) {
  body {
    background:
      linear-gradient(to bottom, var(--mur) 0, var(--mur) calc(100% - 330px), rgba(205,198,188,0) calc(100% - 250px)),
      url("fond.jpg") 72% bottom / auto 330px no-repeat,
      var(--mur);
  }
  .voile { display: none; }
  main { padding: 3rem 1.6rem 2.2rem; }
  .bloc { text-shadow: none; max-width: none; }
  h1 { font-size: clamp(2.5rem, 12.5vw, 3.2rem); }
  .lieu { font-size: .78rem; margin-top: .8rem; }
  .lieu::after { margin-top: 1.1rem; }
  p { font-size: 1.16rem; line-height: 1.45; margin-top: 1rem; hyphens: manual; }
  .bloc p:first-of-type { font-size: 1.2rem; line-height: 1.4; margin-top: 1.3rem; }
  footer { text-align: left; padding: 1rem 1.6rem; font-size: 1.05rem; background: rgba(240,236,229,.9); }
}