/* Essai local : accès aux séries depuis l’accueil. */
.hero-discover {
  position:absolute;
  top:350px;
  left:50%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  gap:15px;
  max-width:calc(100% - 40px);
  padding:12px 2px;
  border-bottom:1px solid #ffffffa6;
  color:#fff;
  font:14px/1.5 'Portfolio Sans',Arial,sans-serif;
  letter-spacing:.08em;
  white-space:nowrap;
  text-shadow:0 2px 5px #000b;
}
.hero-discover>span {
  width:7px;
  height:7px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.hero-discover:hover {border-bottom-color:#fff}
.series-overview {padding-bottom:64px}
.series-overview .eyebrow {margin-bottom:40px;scroll-margin-top:36px}
.series-covers {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:32px 24px;
  width:calc(100% - 120px);
  max-width:1120px;
  margin:0 auto;
}
.series-other {display:contents}
.series-cover {display:block;min-width:0}
.series-cover-image {
  height:240px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.series-cover-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:filter .2s ease;
}
.series-cover-featured img {object-position:50% 58%}
.series-cover[href$="#morocco-colors-i"] img {object-position:50% 55%}
.series-cover[href$="#penn-ar-bed"] img {object-position:50% 15%}
.series-cover:hover img {filter:brightness(.93)}
.series-cover figcaption {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  color:#605e5e;
}
.series-name {
  font:20px/1.35 'Portfolio Editorial',Georgia,serif;
  letter-spacing:.035em;
}
.series-cover-arrow {font:15px/1 'Portfolio Sans',Arial,sans-serif;color:#777}
.series-cover:focus-visible {outline-offset:7px}
@media (max-width:1000px) and (min-width:701px) {
  .series-covers {width:calc(100% - 80px);gap:28px}
  .series-cover-image {height:190px}
  .series-name {font-size:17px}
}
@media (max-width:700px) {
  .hero-discover {
    top:auto;
    bottom:19px;
    gap:12px;
    padding:9px 2px;
    font-size:12px;
    letter-spacing:.06em;
  }
  .series-overview {padding-bottom:30px}
  .series-overview .eyebrow {margin-bottom:26px;scroll-margin-top:24px}
  .series-covers {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 14px;
    width:calc(100% - 40px);
  }
  .series-cover-image {height:140px}
  .series-cover figcaption {margin-top:9px;gap:5px}
  .series-name {font-size:15px;letter-spacing:.02em}
  .series-cover-arrow {font-size:12px}
}
@media (prefers-reduced-motion:reduce) {
  .series-cover-image img {transition:none}
}