/* v6: treat the page as a printed spread, not a card dashboard */
.hero-caption{
  left:20px;
  bottom:20px;
  width:auto;
  max-width:310px;
  padding:0;
  color:#fff;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  text-shadow:0 1px 1px rgba(0,0,0,.36),0 4px 18px rgba(0,0,0,.28);
}
.hero-caption small{
  padding:0;
  background:none;
  letter-spacing:.08em;
}
.hero-caption h2{
  margin:12px 0 9px;
  font-size:46px;
  line-height:.92;
  letter-spacing:.01em;
}
.hero-caption p{margin:0;font-size:13px;line-height:1.55;font-weight:500}
.hero-caption a{margin-top:16px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.8)}
.hero-panel:after{
  content:"";
  position:absolute;
  inset:49px 0 0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(10,7,24,.25) 100%);
}
.hero-caption{z-index:3}

/* Replace the temporary geometric illustration with a real editorial module. */
.editorial-feature{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(150px,.8fr);
  min-height:278px;
  background:var(--paper);
}
.editorial-image{
  min-width:0;
  border-right:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(242,241,237,.04),rgba(25,20,55,.18)),
    url("./assets/emptymall-hero.png") center 64%/cover no-repeat;
  filter:saturate(.72) contrast(.96);
}
.editorial-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
}
.editorial-copy small{font-size:9px;letter-spacing:.08em}
.editorial-copy strong{
  max-width:220px;
  font:400 20px/1.2 Georgia,serif;
  letter-spacing:-.02em;
}
.editorial-copy span{font-size:9px}

/* Shared editorial rhythm below the fold. */
.catalog-card,.library a,.products a,.news-list article{position:relative}
.catalog-card strong,.library strong{line-height:1.18}
.catalog-card span,.library a span{align-self:center}
.news-list{display:grid;grid-template-rows:repeat(3,1fr);padding:0}
.news-list article{
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:0;
  padding:10px 16px;
  border-bottom:1px solid var(--line);
}
.news-list article:last-child{border-bottom:0}
.news-list p{line-height:1.35}
.news-image{border-left:1px solid var(--line)}
.products a,.catalog-card,.library a{background:transparent}
.products a:hover,.catalog-card:hover,.library a:hover{background:rgba(116,100,219,.055)}

@media(min-width:1181px){
  .hero-caption{left:22px;bottom:22px}
  .hero-caption h2{font-size:44px}
  .editorial-feature,.catalog,.news,.library,.library-art{height:278px;min-height:278px}
}

@media(max-width:760px){
  .hero-caption{left:16px;bottom:18px;max-width:250px}
  .hero-caption h2{font-size:36px}
  .editorial-feature{grid-template-columns:1fr;min-height:420px}
  .editorial-image{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}
  .editorial-copy{min-height:160px}
}