/* DEV — Family Emotional Boundaries hero v2, aligned with Decisions + Toxic series */

.series-boundaries .series-hero{
  min-height:700px!important;
  background:linear-gradient(90deg,#f7eee2 0 37.3%,#061b2d 37.3% 100%)!important;
  color:#10243a!important;
  border-bottom:1px solid rgba(183,124,34,.28)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

.series-boundaries .series-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 0 37.3%!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(4,23,38,.26) 0%,rgba(4,23,38,.03) 22%,rgba(5,20,31,.04) 72%,rgba(4,17,27,.16) 100%),
    radial-gradient(circle at 82% 28%,rgba(219,157,50,.20),transparent 28%),
    url('/assets/family-boundaries-hero-bg.webp') center 48%/cover no-repeat!important;
  filter:none!important;
  pointer-events:none!important;
}

.series-boundaries .series-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0 0 0 37.3%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.13),transparent 24%,transparent 73%,rgba(0,7,12,.23)),
    linear-gradient(90deg,rgba(0,20,34,.15),transparent 18%,transparent 82%,rgba(0,12,22,.18))!important;
  opacity:1!important;
}

.series-boundaries .series-hero-grid{
  width:min(1448px,100%)!important;
  min-height:700px!important;
  grid-template-columns:37.3% 62.7%!important;
  gap:0!important;
  position:relative!important;
  z-index:2!important;
  align-items:stretch!important;
}

.series-boundaries .series-hero-grid>div:first-child{
  align-self:center!important;
  padding-left:88px!important;
  padding-right:28px!important;
  transform:translateY(-18px)!important;
}

.series-boundaries .series-hero h1{
  max-width:430px!important;
  font-size:clamp(4.45rem,6vw,5.8rem)!important;
  line-height:.9!important;
  letter-spacing:-.035em!important;
  color:#071d32!important;
}
.series-boundaries .series-hero h1 .gold{display:block!important;color:#c08725!important}
.series-boundaries .series-hero .section-lead{max-width:390px!important;color:#253341!important}

/* Right-side display stage */
.series-boundaries .series-books.six{
  display:block!important;
  position:relative!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  height:700px!important;
  padding:0!important;
  margin:0!important;
  perspective:1500px!important;
  overflow:visible!important;
}

.series-boundaries .series-books.six:before{
  content:""!important;
  position:absolute!important;
  left:5%!important;
  right:5%!important;
  bottom:102px!important;
  height:30px!important;
  background:linear-gradient(180deg,rgba(214,160,67,.34),rgba(43,26,15,.64) 22%,rgba(5,9,12,.82) 100%)!important;
  border-top:1px solid rgba(237,190,105,.38)!important;
  box-shadow:0 22px 38px rgba(0,0,0,.46)!important;
  z-index:1!important;
}
.series-boundaries .series-books.six:after{
  content:""!important;
  position:absolute!important;
  left:4%!important;
  right:4%!important;
  bottom:35px!important;
  height:118px!important;
  background:linear-gradient(180deg,rgba(10,13,16,.05),rgba(3,7,10,.25))!important;
  border:0!important;
  box-shadow:none!important;
  z-index:0!important;
  pointer-events:none!important;
}

.series-boundaries .series-books.six .book3d{
  position:absolute!important;
  display:block!important;
  z-index:4!important;
  margin:0!important;
  padding:0!important;
  transform-style:preserve-3d!important;
  filter:drop-shadow(0 22px 18px rgba(0,0,0,.44))!important;
  transform-origin:center bottom!important;
}
.series-boundaries .series-books.six .book3d img{
  display:block!important;
  width:auto!important;
  height:300px!important;
  max-width:none!important;
  border-radius:2px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
}
.series-boundaries .series-books.six .book3d:before{
  content:""!important;
  position:absolute!important;
  top:5px!important;
  bottom:5px!important;
  left:-10px!important;
  width:11px!important;
  background:linear-gradient(90deg,#080d12 0%,#2a3036 45%,#0a0f14 100%)!important;
  border-left:1px solid rgba(223,170,72,.25)!important;
  transform:skewY(-17deg)!important;
  transform-origin:right center!important;
  z-index:-1!important;
  opacity:.98!important;
}
.series-boundaries .series-books.six .book3d:after{
  content:""!important;
  position:absolute!important;
  top:4px!important;
  bottom:4px!important;
  right:-5px!important;
  width:5px!important;
  background:linear-gradient(180deg,#e8dfce,#c7baa6 55%,#ece2d3)!important;
  box-shadow:1px 0 1px rgba(0,0,0,.28)!important;
  z-index:-1!important;
}

/* Four upright books in the back row */
.series-boundaries .series-books.six .book3d:nth-child(1){left:5.5%!important;bottom:127px!important;transform:perspective(1500px) rotateY(-8deg) rotateZ(-.4deg)!important;z-index:3!important}
.series-boundaries .series-books.six .book3d:nth-child(2){left:24%!important;bottom:127px!important;transform:perspective(1500px) rotateY(-4deg) rotateZ(.2deg)!important;z-index:3!important}
.series-boundaries .series-books.six .book3d:nth-child(3){left:42.5%!important;bottom:127px!important;transform:perspective(1500px) rotateY(3deg) rotateZ(-.15deg)!important;z-index:3!important}
.series-boundaries .series-books.six .book3d:nth-child(4){left:61%!important;bottom:127px!important;transform:perspective(1500px) rotateY(7deg) rotateZ(.4deg)!important;z-index:3!important}

/* Two larger foreground books */
.series-boundaries .series-books.six .book3d:nth-child(5){left:29%!important;bottom:20px!important;transform:perspective(1500px) rotateY(-7deg) rotateZ(-7deg) scale(1.10)!important;z-index:7!important}
.series-boundaries .series-books.six .book3d:nth-child(6){left:54.5%!important;bottom:18px!important;transform:perspective(1500px) rotateY(7deg) rotateZ(6deg) scale(1.10)!important;z-index:8!important}
.series-boundaries .series-books.six .book3d:nth-child(5) img,
.series-boundaries .series-books.six .book3d:nth-child(6) img{height:318px!important}

/* Warm pools of light around the physical display */
.series-boundaries .series-books.six{background:
  radial-gradient(circle at 83% 33%,rgba(222,159,58,.12),transparent 20%),
  radial-gradient(circle at 20% 28%,rgba(203,139,39,.08),transparent 22%)!important}

/* Keep the lower page visually consistent with the other two series */
.series-boundaries .series-hero+.section.soft{
  background:linear-gradient(180deg,#001b2e,#001426)!important;
  border-top:1px solid #c88a25!important;
}

@media(max-width:1180px){
  .series-boundaries .series-hero-grid>div:first-child{padding-left:60px!important}
  .series-boundaries .series-books.six .book3d img{height:262px!important}
  .series-boundaries .series-books.six .book3d:nth-child(5) img,
  .series-boundaries .series-books.six .book3d:nth-child(6) img{height:282px!important}
}

@media(max-width:960px){
  .series-boundaries .series-hero{min-height:auto!important;background:#f7eee2!important}
  .series-boundaries .series-hero:before,
  .series-boundaries .series-hero:after{inset:430px 0 0 0!important}
  .series-boundaries .series-hero-grid{grid-template-columns:1fr!important;min-height:0!important}
  .series-boundaries .series-hero-grid>div:first-child{padding:60px 34px 32px!important;transform:none!important}
  .series-boundaries .series-books.six{height:600px!important;background-color:#061b2d!important}
  .series-boundaries .series-books.six .book3d img{height:230px!important}
  .series-boundaries .series-books.six .book3d:nth-child(1){left:8%!important;bottom:132px!important}
  .series-boundaries .series-books.six .book3d:nth-child(2){left:28%!important;bottom:132px!important}
  .series-boundaries .series-books.six .book3d:nth-child(3){left:48%!important;bottom:132px!important}
  .series-boundaries .series-books.six .book3d:nth-child(4){left:68%!important;bottom:132px!important}
  .series-boundaries .series-books.six .book3d:nth-child(5){left:30%!important;bottom:25px!important}
  .series-boundaries .series-books.six .book3d:nth-child(6){left:56%!important;bottom:22px!important}
  .series-boundaries .series-books.six .book3d:nth-child(5) img,
  .series-boundaries .series-books.six .book3d:nth-child(6) img{height:250px!important}
}

@media(max-width:640px){
  .series-boundaries .series-hero-grid>div:first-child{padding:46px 22px 28px!important}
  .series-boundaries .series-hero h1{font-size:clamp(3.45rem,13vw,4.6rem)!important}
  .series-boundaries .series-hero:before,
  .series-boundaries .series-hero:after{inset:390px 0 0 0!important}
  .series-boundaries .series-books.six{height:520px!important}
  .series-boundaries .series-books.six .book3d img{height:178px!important}
  .series-boundaries .series-books.six .book3d:nth-child(1){left:3%!important;bottom:128px!important}
  .series-boundaries .series-books.six .book3d:nth-child(2){left:25%!important;bottom:128px!important}
  .series-boundaries .series-books.six .book3d:nth-child(3){left:47%!important;bottom:128px!important}
  .series-boundaries .series-books.six .book3d:nth-child(4){left:69%!important;bottom:128px!important}
  .series-boundaries .series-books.six .book3d:nth-child(5){left:25%!important;bottom:22px!important}
  .series-boundaries .series-books.six .book3d:nth-child(6){left:54%!important;bottom:20px!important}
  .series-boundaries .series-books.six .book3d:nth-child(5) img,
  .series-boundaries .series-books.six .book3d:nth-child(6) img{height:205px!important}
}