/* Approved series refinements — 15 Aug 2026. */

/* VE mark: larger and gold against navy. */
header .brand img{
  width:68px;
  height:68px;
  object-fit:contain;
  filter:sepia(1) saturate(3.4) hue-rotate(350deg) brightness(1.34) contrast(1.1);
}
footer .brand img{
  width:56px;
  height:56px;
  object-fit:contain;
  filter:sepia(1) saturate(3.4) hue-rotate(350deg) brightness(1.3) contrast(1.08);
}
header .nav{height:86px}

/* Keep every series lineup orderly: same baseline, no overlap, gentle 3D angle. */
.series-books{
  padding-left:0!important;
  margin:0 auto;
  overflow:visible;
  align-items:flex-end;
  justify-content:center;
  flex-wrap:nowrap;
}
.series-books .book3d:nth-child(n){
  margin-left:0!important;
  --book-lift:0px!important;
  --book-ry:-2deg!important;
  --book-depth:13px;
  transform:perspective(1500px) translateY(0) rotateY(-2deg) rotateX(.55deg)!important;
  transform-origin:center bottom;
}
.series-books .book3d:nth-child(n):hover{
  transform:perspective(1500px) translateY(-5px) rotateY(-1deg) rotateX(.15deg)!important;
}

/* Family Emotional Boundaries: use the full hero width so all six titles stay visible. */
.series-hero-grid:has(.series-books.six){
  grid-template-columns:1fr;
  gap:34px;
}
.series-hero-grid:has(.series-books.six)>div:first-child{
  max-width:850px;
}
.series-books.six{
  width:100%;
  max-width:1080px;
  gap:16px!important;
  padding-left:0!important;
}
.series-books.six .book3d:nth-child(n){
  --book-depth:10px;
  --book-ry:-1.5deg!important;
  transform:perspective(1500px) translateY(0) rotateY(-1.5deg) rotateX(.45deg)!important;
}
.series-books.six .book3d img{height:240px!important}

/* Toxic Family Recovery: four readable books, evenly spaced. */
.series-hero-grid:has(.series-books:not(.six):not(.three)){
  grid-template-columns:.74fr 1.26fr;
}
.series-books:not(.six):not(.three){
  width:100%;
  gap:18px!important;
}
.series-books:not(.six):not(.three) .book3d img{height:255px!important}

/* Difficult Family Decisions: three larger books with generous spacing. */
.series-hero-grid:has(.series-books.three){
  grid-template-columns:.82fr 1.18fr;
}
.series-books.three{
  width:100%;
  gap:28px!important;
  padding-left:0!important;
}
.series-books.three .book3d:nth-child(n){--book-depth:15px}
.series-books.three .book3d img{height:315px!important}

@media(max-width:960px){
  header .brand img{width:60px;height:60px}
  header .nav{height:80px}

  .series-hero-grid:has(.series-books.six),
  .series-hero-grid:has(.series-books:not(.six):not(.three)),
  .series-hero-grid:has(.series-books.three){
    grid-template-columns:1fr;
  }

  .series-books,
  .series-books.six,
  .series-books.three{
    padding-left:0!important;
    gap:18px!important;
    flex-wrap:wrap;
  }
  .series-books .book3d:nth-child(n),
  .series-books.six .book3d:nth-child(n),
  .series-books.three .book3d:nth-child(n){
    margin-left:0!important;
    --book-lift:0px!important;
    --book-ry:-1.5deg!important;
    transform:perspective(1300px) translateY(0) rotateY(-1.5deg) rotateX(.35deg)!important;
  }

  .series-books.six .book3d img{height:220px!important}
  .series-books:not(.six):not(.three) .book3d img{height:235px!important}
  .series-books.three .book3d img{height:255px!important}
}

@media(max-width:640px){
  header .brand img{width:54px;height:54px}
  header .nav{height:76px}

  .series-books,
  .series-books.six,
  .series-books.three{
    gap:14px!important;
    padding-left:0!important;
    justify-content:center;
  }
  .series-books .book3d:nth-child(n),
  .series-books.six .book3d:nth-child(n),
  .series-books.three .book3d:nth-child(n){
    --book-depth:9px;
    --book-lift:0px!important;
    --book-ry:-1deg!important;
    transform:perspective(1100px) translateY(0) rotateY(-1deg) rotateX(.25deg)!important;
  }

  .series-books.six .book3d img{height:168px!important}
  .series-books:not(.six):not(.three) .book3d img{height:190px!important}
  .series-books.three .book3d img{height:210px!important}
}
