/* Page d’accueil — consolidation à rendu constant des anciens lots 62 à 64. */
.editorial-hero {
  align-items:center;
  display:grid;
  gap:5vw;
  grid-template-columns:1.05fr .95fr;
  margin-inline:auto;
  max-width:var(--content-max);
  min-height:710px;
  overflow:hidden;
  padding:5rem 7%
}

.editorial-hero h1 {
  font:400 clamp(4.5rem,8vw,8rem)/.86 Georgia,serif;
  letter-spacing:-.055em;
  margin:1rem 0 2rem
}

.editorial-hero h1 em {
  color:#a8785f;
  font-weight:400
}
.century {
  font-variant-caps:all-small-caps;
  letter-spacing:.02em;
  white-space:nowrap
}
.century sup {
  font-size:.62em;
  font-variant-caps:normal;
  letter-spacing:normal;
  vertical-align:.45em
}

.discovery {
  padding:6rem 6%
}

.section-heading h2 {
  font:400 clamp(2.8rem,5vw,5rem)/.95 Georgia,serif;
  margin:.8rem 0 2.5rem
}

.discovery-grid {
  border:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(3,1fr)
}

.discovery-grid>a {
  display:flex;
  flex-direction:column;
  min-height:245px;
  padding:2.4rem;
  text-decoration:none
}

.discovery-grid>a+a { border-left:1px solid var(--line) }
.discovery-grid h3 { font:2rem Georgia,serif; margin:1rem 0 }
.discovery-grid p { line-height:1.6 }
.discovery-grid strong {
  font-size:.72rem;
  letter-spacing:.1em;
  margin-top:auto;
  text-transform:uppercase
}

.collections-home {
  align-items:center;
  background:var(--ink);
  color:var(--paper);
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:650px
}

.collection-copy { padding:6rem 8vw }
.collection-copy h2 {
  color:#c69b78;
  font:italic 400 clamp(3.5rem,7vw,7rem)/.9 Georgia,serif;
  margin:1rem 0 2rem
}
.collection-copy p { font:1.2rem/1.65 Georgia,serif; max-width:600px }
.collection-visual {
  align-items:end;
  background:#eeeae5;
  display:flex;
  height:650px;
  justify-content:center;
  overflow:hidden
}
.collection-visual img {
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  width:100%
}

.newsletter {
  align-items:center;
  background:var(--ochre);
  display:grid;
  gap:5rem;
  grid-template-columns:1fr 1fr;
  padding:5rem 8vw
}
.newsletter h2 { font:400 clamp(2.8rem,5vw,5rem)/.95 Georgia,serif }
.newsletter-row { display:flex }
.newsletter input { border:1px solid var(--ink); flex:1; padding:1rem }

body.home main .actions a:not(.button) {
  display: none;
}

body.home .hero-books {
  position: relative;
  width: min(50vw, 720px);
  height: 520px;
  min-height: 0;
  overflow: visible;
}

body.home .hero-books .hero-book {
  position: absolute;
  bottom: 56px;
  display: block;
  width: 32%;
  height: auto;
  line-height: 0;
  opacity: 1;
}

body.home .hero-books .hero-book img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  box-shadow: 0 24px 50px rgba(32, 38, 53, .22);
}

body.home .hero-books .hero-book-1 {
  left: 50%;
  right: auto;
  z-index: 3;
  transform: translateX(-50%) rotate(-1.5deg);
}

body.home .hero-books .hero-book-2 {
  left: 0;
  right: auto;
  z-index: 2;
  transform: translateY(18px) rotate(-5deg);
}

body.home .hero-books .hero-book-3 {
  left: auto;
  right: 0;
  z-index: 2;
  transform: translateY(18px) rotate(5deg);
}

@media (max-width: 900px) {
  .editorial-hero,
  .collections-home,
  .newsletter { grid-template-columns:1fr }

  .editorial-hero { padding:4rem 1.25rem }
  .discovery { padding:4rem 1.25rem }
  .collection-copy { padding:4rem 1.25rem }

  body.home .hero-books {
    width: 100%;
    height: 390px;
    margin-inline: auto;
  }

  body.home .hero-books .hero-book {
    bottom: 18px;
    width: 31%;
  }

  body.home .hero-books .hero-book-2 { left: 1%; }
  body.home .hero-books .hero-book-3 { right: 1%; }
}

@media (max-width: 600px) {
  .editorial-hero h1 { font-size:4rem }

  body.home .hero-books {
    height:clamp(220px,60vw,350px)
  }

  body.home .hero-books .hero-book {
    bottom:auto;
    top:24px
  }

  .discovery-grid,
  .newsletter { grid-template-columns:1fr!important }
  .discovery-grid>a+a {
    border-left:0;
    border-top:1px solid var(--line)
  }
  .newsletter { gap:2rem; padding:4rem 1.25rem }
  .newsletter-row { display:block }
  .newsletter input,
  .newsletter button { width:100% }
}
/* Choix éditoriaux temporaires de l’accueil. */
body.home .newsletter {
  display:none
}
body.home .discovery {
  background:var(--ochre)
}