:root{--blue:#1439e5;--yellow:#ffd522;--ink:#07111f;--cream:#f3f0e8;--white:#fff;--red:#ec433e;--purple:#6941a5;--line:rgba(7,17,31,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 Manrope,sans-serif;overflow-x:hidden}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:1rem}.header{height:86px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,4.5rem);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font:1.25rem Archivo Black,sans-serif}.logo img{width:50px;height:50px;object-fit:contain}.logo span span{color:var(--blue)}nav{display:flex;align-items:center;gap:2rem}nav a{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.08em}nav a:hover{color:var(--blue)}.shop-pill{background:var(--yellow);padding:.75rem 1.1rem;border-radius:100px}.menu{display:none;border:2px solid var(--ink);background:#fff;padding:.5rem .8rem;font-weight:800}.hero{min-height:720px;background:var(--blue);color:#fff;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr) 55px;position:relative;overflow:hidden}.hero-word{position:absolute;left:-2vw;bottom:-8vw;color:rgba(255,255,255,.06);font:clamp(11rem,27vw,31rem)/.7 Archivo Black,sans-serif;letter-spacing:-.1em;white-space:nowrap}.hero-word span{color:rgba(255,213,34,.12)}.hero-copy{padding:clamp(5rem,9vw,9rem) 3rem clamp(5rem,9vw,9rem) clamp(1.5rem,7vw,8rem);align-self:center;position:relative;z-index:2}.kicker{font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;margin:0 0 1.2rem;display:flex;align-items:center;gap:.65rem}.kicker i{display:block;width:34px;height:3px;background:var(--yellow)}h1,h2,h3{font-family:Archivo Black,sans-serif;line-height:.9;letter-spacing:-.055em;margin:0}h1{font-size:clamp(4.4rem,8vw,9rem)}h2{font-size:clamp(3.4rem,6.2vw,7rem)}h3{font-size:2rem}h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-copy>p:not(.kicker){font-size:1.18rem;max-width:610px;color:#dce4ff;margin:2rem 0}.actions{display:flex;gap:1.4rem;align-items:center;margin-top:2.4rem}.btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:.8rem 1.45rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;text-decoration:none;border:2px solid transparent;transition:.2s}.btn:hover{transform:translateY(-3px)}.yellow{background:var(--yellow);color:var(--ink)}.blue{background:var(--blue);color:#fff}.dark{background:var(--ink);color:#fff}.play{color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}.play b{background:#fff;color:var(--blue);border-radius:50%;width:40px;height:40px;display:inline-grid;place-items:center;margin-right:.5rem}.hero-photo{position:relative;background:var(--yellow);align-self:stretch;min-height:720px;overflow:hidden;display:flex;align-items:flex-end}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,213,34,.05),rgba(255,213,34,.8));z-index:1}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:saturate(1.08)}.scribble{position:absolute;right:1.4rem;top:2rem;color:var(--ink);font:1rem/1 Archivo Black,sans-serif;transform:rotate(4deg);z-index:2}.scribble span{font-size:2.5rem;color:var(--blue)}.hero-tag{position:relative;z-index:2;margin:2rem;background:#fff;color:var(--ink);padding:1rem 1.2rem;display:flex;flex-direction:column;box-shadow:10px 10px 0 var(--ink)}.hero-tag strong{font-family:Archivo Black,sans-serif}.hero-tag span{font-size:.78rem}.hero-side{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:space-around;background:var(--ink);font-size:.65rem;font-weight:800;letter-spacing:.18em}.ticker{background:var(--yellow);color:var(--ink);overflow:hidden;border-block:4px solid var(--ink)}.ticker div{font:1.15rem Archivo Black,sans-serif;letter-spacing:.04em;padding:1rem;white-space:nowrap;text-align:center}.ticker b{color:var(--blue);margin:0 1.2rem}.intro{padding:8rem clamp(1.5rem,8vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:center}.intro-title{position:relative;padding-top:3rem}.intro-title>span{position:absolute;top:-1rem;right:10%;font:1rem/1.05 Archivo Black,sans-serif;color:var(--blue);transform:rotate(8deg);border:3px solid var(--blue);border-radius:50%;padding:1.3rem;text-align:center}.intro h2 em{color:var(--blue)}.intro-text .big,.author-copy .big{font-size:1.42rem;font-weight:700;line-height:1.45}.intro-text>p:not(.kicker){color:#46515f}.underlink{display:inline-flex;gap:2rem;color:var(--ink);font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em;text-underline-offset:7px;margin-top:1.3rem}.books{background:var(--ink);color:#fff;padding:8rem clamp(1.5rem,6vw,6rem)}.books-head{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end}.books-head>p{color:#aab5c5;max-width:520px;margin:0 0 .7rem}.light i{background:var(--yellow)}.feature-book{max-width:1260px;margin:5rem auto 2rem;display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:var(--blue);overflow:hidden}.feature-cover{background:#d8ebf6;display:grid;place-items:center;padding:3rem;position:relative}.feature-cover img{width:min(78%,480px);max-height:610px;object-fit:contain;box-shadow:25px 30px 45px rgba(0,0,0,.28);transform:rotate(-3deg);transition:.3s}.feature-book:hover .feature-cover img{transform:rotate(0) scale(1.02)}.burst{position:absolute;right:5%;top:7%;z-index:2;width:100px;height:100px;background:var(--yellow);color:var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font:1rem/1 Archivo Black,sans-serif;transform:rotate(9deg)}.feature-info{padding:clamp(3rem,7vw,7rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-info .num,.tile-copy>span{font:1rem Archivo Black,sans-serif;color:var(--yellow)}.label{text-transform:uppercase;letter-spacing:.12em;font-size:.71rem;font-weight:800;color:#c9d4ff;margin:1.5rem 0}.feature-info h3{font-size:clamp(4rem,7vw,7.5rem)}.feature-info>p:not(.label){color:#dce4ff;font-size:1.05rem;max-width:530px;margin:2rem 0}.shelf{max-width:1260px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.book-tile{background:#fff;color:var(--ink);display:grid;grid-template-rows:420px auto}.fake-cover{margin:2.5rem auto;width:220px;height:340px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:1.5rem;box-shadow:14px 17px 26px rgba(0,0,0,.3);position:relative;transition:.25s}.fake-cover:after{content:"";position:absolute;inset:11px;border:1px solid currentColor;opacity:.25}.fake-cover>*{position:relative;z-index:1}.fake-cover small{font-size:.52rem;letter-spacing:.15em}.fake-cover strong{font:1.7rem/.88 Archivo Black,sans-serif}.fake-cover span{font-size:.62rem;font-weight:700}.yellow-cover{background:#f4e08c}.yellow-cover .fake-cover{background:var(--yellow)}.black-cover{background:#333}.black-cover .fake-cover{background:#05070a;color:#fff}.blue-cover{background:#6680f1}.blue-cover .fake-cover{background:var(--blue);color:#fff}.red-cover{background:#ef9893}.red-cover .fake-cover{background:var(--red);color:#fff}.purple-cover{background:#a98bc8}.purple-cover .fake-cover{background:var(--purple);color:#fff}.white-cover{background:#d9d9d5}.white-cover .fake-cover{background:#fff;border-left:8px solid var(--yellow)}.book-tile:hover .fake-cover{transform:translateY(-8px) rotate(-1deg)}.tile-copy{background:#fff;padding:1.8rem;min-height:245px;display:flex;flex-direction:column;align-items:flex-start}.tile-copy>span{color:var(--blue)}.tile-copy h3{font-size:1.7rem;line-height:1;margin:.65rem 0}.tile-copy p{color:#5b6674;font-size:.9rem;margin:0 0 1rem}.tile-copy a{color:var(--ink);text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-top:auto}.inside{padding:8rem clamp(1.5rem,8vw,9rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(4rem,8vw,9rem);align-items:center;overflow:hidden}.inside h2 em{color:var(--blue)}.inside-copy>p:not(.kicker){font-size:1.08rem;color:#4f5b69}.quote{font:1.35rem/1.25 Archivo Black,sans-serif;border-left:8px solid var(--yellow);padding:1.5rem;margin-top:2rem;background:#fff}.page-stack{min-height:650px;position:relative}.page-stack img{position:absolute;width:min(60%,430px);box-shadow:20px 30px 50px rgba(7,17,31,.22)}.page-a{top:0;left:4%;transform:rotate(-7deg)}.page-b{right:0;bottom:0;transform:rotate(7deg)}.tape{position:absolute;width:120px;height:34px;background:rgba(255,213,34,.85);top:2%;left:37%;transform:rotate(9deg)}.family{background:var(--blue);color:#fff;padding:8rem clamp(1.5rem,6vw,6rem)}.family-head{max-width:1260px;margin:0 auto 4rem}.family-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:360px 360px;gap:1rem}.fam{margin:0;position:relative;overflow:hidden;background:var(--yellow)}.fam img{width:100%;height:100%;object-fit:cover;transition:.4s}.fam:hover img{transform:scale(1.04)}.fam.mom{grid-row:1/3}.fam.boys{grid-column:2/4}.fam figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;background:#fff;color:var(--ink);padding:.8rem 1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.fam figcaption b{font-family:Archivo Black,sans-serif}.fam figcaption span{font-size:.7rem}.author{padding:8rem clamp(1.5rem,8vw,9rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(4rem,8vw,9rem);align-items:center;background:#fff}.author-image{min-height:650px;position:relative}.author-block{position:absolute;inset:6% 10% 0 0;background:var(--yellow)}.author-image img{position:absolute;width:75%;height:88%;right:0;top:0;object-fit:cover;object-position:center;box-shadow:-22px 24px 0 var(--blue)}.author-image>span{position:absolute;left:0;bottom:2%;background:var(--ink);color:#fff;padding:1.3rem 1.6rem;font:1.2rem/1.1 Archivo Black,sans-serif;transform:rotate(-4deg)}.author-copy h2 em{color:var(--blue)}.author-copy>p:not(.kicker){color:#4f5b69}.author-copy .btn{margin-top:1.5rem}.closing{text-align:center;background:var(--yellow);padding:6rem 1.5rem;position:relative}.closing>img{width:85px;height:85px;object-fit:contain;margin-bottom:1rem}.closing .kicker{justify-content:center}.closing .kicker i{background:var(--blue)}.closing h2{margin:0 auto 2.5rem;max-width:1000px}.closing h2 em{color:var(--blue)}footer{background:#030912;color:#fff;padding:3rem clamp(1.5rem,5vw,5rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.foot-brand{display:flex;align-items:center;gap:1rem}.foot-brand img{width:65px;height:65px;background:#fff;object-fit:contain}.foot-brand div{display:flex;flex-direction:column}.foot-brand b{font-family:Archivo Black,sans-serif}.foot-brand span{color:#9da8b7;font-size:.8rem}.foot-nav{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.foot-nav a{color:#fff;text-decoration:none;font-size:.78rem}footer small{grid-column:1/-1;border-top:1px solid #263140;padding-top:1.5rem;color:#7f8b9a}
@media(max-width:1000px){nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:1.5rem;flex-direction:column;align-items:flex-start;border-bottom:2px solid var(--ink)}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr 1fr}.hero-side{display:none}.hero-copy{padding-left:2rem}.hero-photo{min-height:680px}.shelf{grid-template-columns:repeat(2,1fr)}.family-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 340px 340px}.fam.mom{grid-row:1/3}.fam.boys{grid-column:1/3}.inside{grid-template-columns:1fr}.page-stack{max-width:750px;width:100%;justify-self:center}.author{grid-template-columns:.9fr 1.1fr}}
@media(max-width:720px){.header{height:74px}.header nav{top:73px}.logo img{width:42px;height:42px}.hero{grid-template-columns:1fr}.hero-copy{padding:4.5rem 1.4rem 3rem}.hero-photo{min-height:520px}.hero-tag{margin:1.4rem}.actions{align-items:flex-start;flex-direction:column}.ticker div{text-align:left}.intro,.books-head,.feature-book,.author{grid-template-columns:1fr}.intro{padding-block:5.5rem}.intro-title>span{right:0}.books,.family{padding-block:5.5rem}.books-head{gap:2rem}.feature-book{min-height:auto}.feature-cover{padding:3rem 1rem;min-height:560px}.feature-cover img{width:min(72%,380px)}.feature-info{padding:3rem 1.5rem}.shelf{grid-template-columns:1fr}.book-tile{grid-template-rows:440px auto}.fake-cover{width:240px;height:370px}.family-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,430px)}.fam.mom,.fam.boys{grid-row:auto;grid-column:auto}.fam figcaption{align-items:flex-start;flex-direction:column;gap:.1rem}.inside{padding-block:5.5rem}.page-stack{min-height:520px}.page-stack img{width:66%}.author{padding-block:5.5rem}.author-image{min-height:540px}.author-image img{width:82%;height:88%}.closing{padding-block:5rem}footer{grid-template-columns:1fr}.foot-nav{justify-content:flex-start;flex-direction:column;gap:.7rem}}
.soon{cursor:default}.coming{color:#6a7280;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-top:auto}

/* TruBlu merchandise storefront */
.merch{background:var(--blue);color:#fff;padding:6rem clamp(1.5rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.8fr);gap:1.25rem;align-items:stretch;position:relative;overflow:hidden}
.merch:after{content:"TRU BLU";position:absolute;right:-2rem;bottom:-2.5rem;color:rgba(255,255,255,.055);font:clamp(7rem,16vw,15rem)/.75 Archivo Black,sans-serif;letter-spacing:-.08em;white-space:nowrap}
.merch>*{position:relative;z-index:1}
.merch-hero{min-height:620px;position:relative;overflow:hidden;background:#07205e}
.merch-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.merch-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,48,.96) 0%,rgba(4,15,48,.76) 28%,rgba(4,15,48,0) 58%)}
.merch-copy{position:absolute;z-index:2;left:clamp(1.5rem,4vw,4rem);top:50%;transform:translateY(-50%);width:min(43%,520px)}
.merch-copy h2{font-size:clamp(3.5rem,6vw,6.5rem)}
.merch-copy h2 em{color:var(--yellow)}
.merch-copy>p:not(.kicker){color:#dce4ff;font-size:1.05rem;max-width:430px;margin:1.5rem 0 2rem}
.merch-choices{display:grid;gap:1rem}
.merch-card{background:#fff;color:var(--ink);padding:1.35rem;border-left:10px solid var(--yellow);display:grid;grid-template-columns:120px 1fr;gap:1.2rem;align-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s}
.merch-card.featured{border-left-color:#20a7ff;background:linear-gradient(135deg,#fff 0%,#edf7ff 100%)}
.merch-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(3,9,18,.3)}
.merch-card img{width:100%;height:180px;object-fit:contain}
.merch-card span{color:var(--blue);font:1rem Archivo Black,sans-serif}
.merch-card p{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:#657080;margin:.45rem 0}
.merch-card h3{font-size:1.55rem;line-height:1.05;letter-spacing:-.035em}
.merch-card small{display:block;color:#566171;font-size:.82rem;margin-top:.65rem;line-height:1.45}
.merch-card strong{display:block;color:var(--blue);text-transform:uppercase;font-size:.7rem;letter-spacing:.09em;margin-top:.8rem}
.merch-card.sherri-product{border-left-color:#e44cff;background:linear-gradient(135deg,#fff 0%,#f6edff 100%)}
.sherri{background:#081943;color:#fff;padding:7rem clamp(1.5rem,8vw,9rem);display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem);align-items:center;overflow:hidden}
.sherri-art{min-height:620px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(39,185,255,.34),transparent 55%),linear-gradient(145deg,#1439e5,#6b1fc2);border:8px solid #fff;box-shadow:22px 24px 0 var(--yellow)}
.sherri-art img{width:90%;height:590px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.3))}
.sherri-copy h2{font-size:clamp(3.8rem,7vw,7rem)}
.sherri-copy h2 em{color:#65dcff}
.sherri-copy .big{font:1.5rem/1.25 Archivo Black,sans-serif;color:var(--yellow)}
.sherri-copy>p:not(.kicker):not(.big){color:#dce4ff;max-width:650px;font-size:1.05rem}
.sherri-copy .btn{margin-top:1.4rem}
.author-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:1.5rem}
.author-actions .btn{margin-top:0}
.author-email{color:var(--ink);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;text-underline-offset:6px}
@media(max-width:1100px){.merch{grid-template-columns:1fr}.merch-choices{grid-template-columns:1fr 1fr}.merch-hero{min-height:570px}}
@media(max-width:720px){.merch{padding-block:4rem}.merch-hero{min-height:700px}.merch-hero>img{object-position:66% center}.merch-hero:after{background:linear-gradient(180deg,rgba(4,15,48,.95) 0%,rgba(4,15,48,.55) 48%,rgba(4,15,48,.08) 72%)}.merch-copy{top:2rem;left:1.25rem;right:1.25rem;transform:none;width:auto;text-align:left}.merch-copy h2{font-size:3.4rem}.merch-choices{grid-template-columns:1fr}.merch-card{grid-template-columns:105px 1fr;padding:1rem}.merch-card img{height:155px}}
@media(max-width:900px){.sherri{grid-template-columns:1fr;padding-block:5rem}.sherri-art{min-height:520px}.sherri-art img{height:490px}}

/* Preserve complete portraits and transparent brand marks. */
.hero-photo img{object-fit:contain;object-position:center bottom}
.fam{background:#fff}
.fam img{object-fit:contain;object-position:center}
.fam:hover img{transform:none}
.author-image img{object-fit:contain;object-position:center bottom;background:#fff}
.closing>img,.foot-brand img,.logo img{background:transparent}
.real-cover{height:420px;padding:2rem;display:grid;place-items:center;text-decoration:none;overflow:hidden}
.real-cover img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(14px 18px 18px rgba(0,0,0,.28));transition:transform .25s}
a.real-cover:hover img{transform:translateY(-7px) scale(1.015)}
.sky-cover{background:#a8ddf4}
.memoir-cover{background:#ddd2bf}
@media(max-width:720px){.real-cover{height:440px}}

/* 2026 family refresh: coordinated portraits, no white caption boxes. */
.family-grid{grid-template-rows:650px 520px;gap:1.25rem}
.fam{background:#0b2daf;border:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;overflow:hidden}
.fam img{flex:1;min-height:0;width:100%;height:auto;object-fit:cover;object-position:center top;background:#0b2daf}
.fam.mom img,.fam.dad img,.fam.sis img{object-fit:contain;object-position:center;background:var(--blue)}
.fam.dad:hover img,.fam.sis:hover img{transform:scale(1.03)}
.fam.boys img{object-position:center}
.fam figcaption{position:static;inset:auto;background:transparent;color:#fff;padding:1.35rem 1.45rem;display:block;min-height:190px}
.fam figcaption b{display:block;color:var(--yellow);font:1.05rem Archivo Black,sans-serif;margin-bottom:.55rem}
.fam figcaption span{display:block;color:#e4eaff;font-size:.86rem;line-height:1.55}
.fam.boys figcaption{background:var(--yellow);color:var(--ink);min-height:150px}
.fam.boys figcaption b{color:var(--blue)}
.fam.boys figcaption span{color:#263140}
@media(max-width:1000px){.family-grid{grid-template-rows:620px 620px 660px}.fam figcaption{min-height:230px}.fam.boys figcaption{min-height:180px}}
@media(max-width:720px){.family-grid{grid-template-rows:none}.fam{min-height:680px}.fam.boys{min-height:600px}.fam figcaption,.fam.boys figcaption{min-height:auto}}

/* Screenshot corrections: keep hero note readable and lighten heavy black accents. */
.books{background:linear-gradient(180deg,#061635 0%,#092458 100%)}
.scribble{right:1.1rem;top:1.1rem;color:var(--ink);background:var(--yellow);padding:.75rem .9rem;border:2px solid #fff;box-shadow:6px 6px 0 var(--blue);transform:rotate(2deg);line-height:.92}
.scribble span{font-size:1.7rem;color:var(--blue)}
.hero-tag{box-shadow:8px 8px 0 var(--blue)}
.author-image>span{background:var(--blue);border-top:7px solid var(--yellow);box-shadow:8px 8px 0 #d7e0ff;transform:rotate(-2deg)}
@media(max-width:720px){
  .scribble{right:.8rem;top:.8rem;font-size:.78rem;padding:.6rem .7rem;box-shadow:4px 4px 0 var(--blue)}
  .scribble span{font-size:1.25rem}
  .author{padding-top:3.5rem}
  .author-image{min-height:0;aspect-ratio:1/1.08;margin-bottom:1.5rem}
  .author-block{inset:6% 4% 2% 4%;background:linear-gradient(90deg,var(--yellow) 0 13%,var(--blue) 13% 18%,#eef2ff 18% 100%)}
  .author-image img{width:82%;height:68%;right:4%;top:15%;object-fit:cover;object-position:center;background:transparent;box-shadow:0 12px 0 var(--yellow)}
  .author-image>span{left:4%;bottom:3%;font-size:1rem;padding:1rem 1.15rem}
}

/* Final mobile card correction: the boys card must end immediately after its caption. */
@media(max-width:720px){
  .family-grid{display:flex!important;flex-direction:column!important;grid-template:none!important}
  .fam.boys{display:grid!important;grid-template-rows:auto auto!important;flex:0 0 auto!important;align-self:flex-start!important;width:100%!important;min-height:0!important;height:max-content!important;max-height:none!important;padding:0!important}
  .fam.boys img{display:block!important;position:static!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important}
  .fam.boys figcaption{display:block!important;position:static!important;min-height:0!important;height:auto!important;margin:0!important}
}

/* Make the merchandise family clearly visible while retaining a watermark treatment. */
.merch-hero>img{opacity:.5}
.merch-hero:after{background:linear-gradient(90deg,rgba(4,15,48,.9) 0%,rgba(4,15,48,.68) 48%,rgba(4,15,48,.48) 100%)}
@media(max-width:720px){
  .merch-hero>img{opacity:.5;object-position:62% center}
  .merch-hero:after{background:linear-gradient(180deg,rgba(4,15,48,.88) 0%,rgba(4,15,48,.72) 55%,rgba(4,15,48,.52) 100%)}
}

/* Keep Daddy, John, and Jay-Jay fully visible in the merchandise campaign. */
.merch-hero>img{object-fit:contain;object-position:right center}
@media(max-width:720px){.merch-hero{min-height:820px}.merch-hero>img{height:58%;top:auto;object-fit:contain;object-position:center bottom}.merch-hero:after{background:linear-gradient(180deg,rgba(4,15,48,.98) 0%,rgba(4,15,48,.82) 38%,rgba(4,15,48,.08) 66%)}}

/* Family portrait and memoir feature refinements. */
.fam.boys img{flex:none;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
.author{align-items:start}
.author-copy{padding-top:2rem}
.author-memoir{margin:2rem 0 1.5rem;background:#eef2ff;border-left:8px solid var(--yellow);padding:1.25rem;display:grid;grid-template-columns:150px 1fr;gap:1.5rem;align-items:center}
.author-memoir>a{display:block}
.author-memoir img{display:block;width:100%;height:210px;object-fit:contain;filter:drop-shadow(8px 10px 12px rgba(7,17,31,.2))}
.author-memoir span{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.12em}
.author-memoir h3{font-size:2rem;margin:.55rem 0}
.author-memoir p{color:#4f5b69;font-size:.92rem;margin:.5rem 0 1rem}
.author-memoir .btn{margin:0;min-height:46px}
@media(max-width:720px){.fam.boys{min-height:0}.fam.boys img{width:100%;height:auto;aspect-ratio:3/2}.author-memoir{grid-template-columns:110px 1fr;gap:1rem}.author-memoir img{height:170px}.author-memoir h3{font-size:1.6rem}}
@media(max-width:480px){.author-memoir{grid-template-columns:1fr}.author-memoir img{height:300px}}

/* Mobile polish from live-site review. */
.hero-photo:before{background:linear-gradient(180deg,rgba(255,213,34,0),rgba(255,213,34,.12))}
.merch-hero>img{inset:0;height:100%;opacity:.28;object-fit:cover;object-position:68% center;filter:saturate(.8)}
.merch-hero:after{background:linear-gradient(90deg,rgba(4,15,48,.98) 0%,rgba(4,15,48,.82) 50%,rgba(4,15,48,.58) 100%)}
@media(max-width:720px){
  .family-grid{display:flex;flex-direction:column}
  .fam,.fam.boys{min-height:0;height:auto}
  .fam.boys img{flex:none;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
  .merch-hero{min-height:660px}
  .merch-hero>img{inset:0;top:0;height:100%;opacity:.24;object-fit:cover;object-position:62% center}
  .merch-hero:after{background:linear-gradient(180deg,rgba(4,15,48,.98) 0%,rgba(4,15,48,.88) 55%,rgba(4,15,48,.68) 100%)}
}

/* Keep Daddy, John, and Jay-Jay unmistakably visible behind the merchandise copy. */
.merch-hero>img{
  inset:0;width:100%;height:100%;opacity:.88;object-fit:cover;object-position:68% center;
  filter:saturate(.95) contrast(1.02);
}
.merch-hero:after{
  background:linear-gradient(90deg,rgba(4,15,48,.78) 0%,rgba(4,15,48,.52) 52%,rgba(4,15,48,.28) 100%);
}
.merch-copy{text-shadow:0 2px 18px rgba(0,0,0,.55)}
@media(max-width:720px){
  .merch-hero{min-height:660px}
  .merch-hero>img{inset:0;width:100%;height:100%;opacity:.9;object-fit:cover;object-position:62% center}
  .merch-hero:after{background:linear-gradient(180deg,rgba(4,15,48,.75) 0%,rgba(4,15,48,.56) 54%,rgba(4,15,48,.3) 100%)}
}