/* v2.16.62 — darker page backdrops and archive divider cleanup */

/* Collections: new subdued page background, never the hero reused or repeated. */
.collections-catalogue main{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#040608!important}
.collections-catalogue main::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:324px!important;bottom:0!important;z-index:0!important;pointer-events:none!important;background:
 linear-gradient(90deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.88) 9%,rgba(3,5,8,.58) 22%,rgba(3,5,8,.22) 36%,rgba(3,5,8,.34) 100%),
 linear-gradient(180deg,rgba(2,4,7,.50),rgba(2,4,7,.30) 34%,rgba(2,4,7,.42) 72%,rgba(2,4,7,.74) 100%),
 radial-gradient(circle at 78% 22%,rgba(220,173,86,.08),transparent 19%),
 url('/assets/images/ww-collections-background-penombra-v2.16.62.webp') center top / cover no-repeat!important}
.collections-catalogue .ed-collection-catalogue{position:relative!important;z-index:1!important;background:transparent!important;border-top:0!important;padding-top:74px!important}
.collections-catalogue .ed-collection-catalogue::before,.collections-catalogue .ed-collection-catalogue::after{content:none!important;display:none!important}
.collections-catalogue .ed-closing{position:relative!important;z-index:1!important;background:transparent!important}

/* Books: dedicated full-page backdrop with shadowed editorial elements, not covers or repeats. */
.books-catalogue main{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#040608!important}
.books-catalogue main::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:322px!important;bottom:0!important;z-index:0!important;pointer-events:none!important;background:
 linear-gradient(90deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.86) 12%,rgba(3,5,8,.54) 24%,rgba(3,5,8,.24) 38%,rgba(3,5,8,.34) 100%),
 linear-gradient(180deg,rgba(2,4,7,.50),rgba(2,4,7,.28) 36%,rgba(2,4,7,.40) 72%,rgba(2,4,7,.76) 100%),
 radial-gradient(circle at 18% 24%,rgba(220,173,86,.08),transparent 18%),
 url('/assets/images/ww-books-background-penombra-v2.16.62.webp') center top / cover no-repeat!important}
.books-catalogue .books-library{position:relative!important;z-index:1!important;background:transparent!important;border-top:0!important;padding-top:74px!important}
.books-catalogue .books-library::before,.books-catalogue .books-library::after{content:none!important;display:none!important}

/* Archive: title lower, divider aligned exactly at hero closure, page background starts after hero not inside it. */
.black-archive-page .ed-page.ed-archive{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#020406!important}
.black-archive-page .ed-page.ed-archive::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:320px!important;bottom:0!important;z-index:0!important;pointer-events:none!important;background:
 linear-gradient(180deg,rgba(2,4,7,.26),rgba(2,4,7,.18) 28%,rgba(2,4,7,.34) 62%,rgba(2,4,7,.64) 100%),
 radial-gradient(circle at 18% 14%,rgba(211,163,83,.08),transparent 24%),
 url('/assets/images/blackmere-archive.webp') center top / cover no-repeat!important}
.black-archive-page .ed-page.ed-archive>*{position:relative!important;z-index:1!important}
.black-archive-page .ed-archive-hero{position:relative!important;z-index:5!important;overflow:visible!important;min-height:320px!important}
.black-archive-page .ed-archive-hero .ed-hero-grid{min-height:320px!important}
.black-archive-page .ed-archive-hero::before{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:34px!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.48))!important;z-index:0!important}
.black-archive-page .ed-archive-hero .ed-hero-copy{padding-top:124px!important;padding-bottom:34px!important}
.black-archive-page .ed-archive-hero h1{font-size:clamp(48px,5vw,72px)!important;line-height:1.02!important;max-width:780px!important}
.black-archive-page .ww-scene-divider{bottom:-1px!important;height:44px!important;z-index:20!important}
.black-archive-page .ww-scene-divider::before{top:21px!important}
.black-archive-page .ww-scene-divider::after{top:0!important;width:min(440px,85vw)!important;height:44px!important}
.black-archive-page .ed-intro,.black-archive-page .ed-records,.black-archive-page .ed-closing{position:relative!important;z-index:1!important;background:transparent!important}
.black-archive-page .ed-intro{padding-top:58px!important}

@media(max-width:980px){
  .collections-catalogue main::before{top:296px!important}
  .books-catalogue main::before{top:296px!important}
  .black-archive-page .ed-page.ed-archive::before{top:296px!important}
  .black-archive-page .ed-archive-hero,.black-archive-page .ed-archive-hero .ed-hero-grid{min-height:296px!important}
  .black-archive-page .ed-archive-hero .ed-hero-copy{padding-top:116px!important}
}
@media(max-width:620px){
  .collections-catalogue main::before{top:260px!important}
  .collections-catalogue .ed-collection-catalogue{padding-top:56px!important}
  .books-catalogue main::before{top:260px!important}
  .books-catalogue .books-library{padding-top:56px!important}
  .black-archive-page .ed-page.ed-archive::before{top:268px!important}
  .black-archive-page .ed-archive-hero,.black-archive-page .ed-archive-hero .ed-hero-grid{min-height:268px!important}
  .black-archive-page .ed-archive-hero .ed-hero-copy{padding-top:100px!important;padding-bottom:24px!important}
  .black-archive-page .ed-archive-hero h1{font-size:46px!important}
  .black-archive-page .ww-scene-divider{height:36px!important}
  .black-archive-page .ww-scene-divider::before{top:17px!important}
  .black-archive-page .ww-scene-divider::after{top:1px!important;width:min(300px,82vw)!important;height:34px!important}
  .black-archive-page .ed-intro{padding-top:48px!important}
}