#overviewDialog{width:min(1070px,calc(100% - 36px));padding:32px}.slide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.slide-thumb{text-decoration:none;padding:8px;border:1px solid #ccc;border-radius:13px;transition:border-color .15s,transform .15s}.slide-thumb:hover{transform:translateY(-3px);border-color:var(--ink)}.slide-thumb.selected{border:2px solid var(--red);padding:7px}.slide-thumb>.mono{display:block;margin:14px 4px 6px;font-size:8px}.mini{aspect-ratio:1.5;border-radius:8px;overflow:hidden;background:#e9e9e9;display:flex;padding:15px;gap:12px}.mini>div{font-size:17px;font-weight:700;line-height:1;letter-spacing:-.055em;align-self:center}.mini em{font-style:normal;color:var(--red)}.mini img{width:43%;object-fit:cover;border-radius:5px;filter:grayscale(1)}.mini-joy{background:var(--ink);color:white;gap:13px}.mini-joy img{width:46%;object-position:53%}.mini-joy>div{font-size:18px}.mini-power{display:block;background:#ededed}.mini-power>strong{font-size:9px;color:var(--red);letter-spacing:-.02em}.mini-cards{display:grid;grid-template-columns:1.3fr 1.2fr 1fr;gap:5px;height:calc(100% - 23px);margin-top:8px}.mini-cards span{display:grid;place-content:center;border-radius:5px;background:white;color:var(--red);font-size:22px;letter-spacing:-.04em}.mini-cards span:first-child{color:white;background:#252525}.mini-cards span:nth-child(2){grid-column:2;grid-row:1/span 2}.mini-cards span:nth-child(4){font-size:14px}.rise{color:var(--red);font-style:normal;font-size:9px;margin-left:4px;vertical-align:middle}.partner .metric{margin-top:35px}.audience-age{margin-top:70px}.photo-stamp{text-shadow:0 1px 9px #0009}.hero-photo:before{content:'';position:absolute;inset:0 0 auto;height:120px;z-index:1;background:linear-gradient(#0005,transparent);pointer-events:none}@media(max-width:700px){#overviewDialog{padding:22px}.slide-grid{grid-template-columns:1fr;gap:15px}.mini{aspect-ratio:1.9;max-height:185px}.mini>div{font-size:22px}.slide-thumb>.mono{font-size:9px}.mini-cards span{font-size:30px}.mini-cards span:nth-child(4){font-size:20px}.audience-age{margin-top:45px}}

.wordmark img{width:53px;height:auto;filter:invert(1)}@media(max-width:700px){.wordmark img{width:40px}}



@media(max-width:700px){.joy{flex-direction:column}.joy-copy{order:-1;flex-shrink:0;align-self:stretch}.joy-photo{flex-shrink:0}}


/* Opening pages fill the viewport; the persistent controls float above them. */
@media screen {
  .world, .joy {padding:0; gap:0; overflow:hidden;}
  .world {grid-template-columns:55% 45%;}
  .world-copy {padding:145px 6vw 112px max(132px, 9.4vw); position:relative; z-index:2;}
  .world h1 {font-size:clamp(50px, 5.25vw, 110px); max-width:none; line-height:1.015; margin-top:25px;}
  .hero-photo {margin:0; min-height:0; border-radius:0; height:100%;}
  .hero-photo img {object-position:50% 32%;}
  .photo-stamp {top:32px; left:30px;}
  .photo-caption {bottom:34px; left:30px;}
  .joy {grid-template-columns:46% 54%;}
  .joy-photo {border-radius:0; min-height:0; height:100%;}
  .joy-photo img {display:block; object-position:53% 50%;}
  .joy-copy {padding:110px 6vw 112px 5.5vw;}
  .joy h1 {font-size:clamp(44px, 4.65vw, 94px); margin:26px 0;}
  .joy p {font-size:clamp(19px, 1.6vw, 29px); line-height:1.45;}
  .joy-signoff {margin-top:30px;}
  .joy-sticker {right:30px; bottom:100px;}
  .image-era {left:30px; bottom:34px;}
  body[data-page="1"] .page-counter {color:#eee; text-shadow:0 1px 5px #000;}
  .mini-world, .mini-joy {padding:0; gap:0;}
  .mini-world>div {padding:15px; width:55%;}
  .mini-world img {width:45%; border-radius:0;}
  .mini-joy img {width:46%; border-radius:0;}
  .mini-joy>div {padding:15px; width:54%;}
}
@media screen and (min-width:701px) and (max-height:800px) {
  .world-copy {padding-top:100px; padding-bottom:95px;}
  .world h1 {font-size:clamp(43px, min(5.25vw, 8.7vh), 100px);}
  .joy-copy {padding-top:60px; padding-bottom:95px;}
  .joy h1 {font-size:clamp(38px, min(4.65vw, 7.5vh), 86px); margin:20px 0;}
  .joy p {font-size:clamp(17px, min(1.6vw, 3.2vh), 25px);}
  .joy-signoff {margin-top:22px;}
}
@media screen and (max-width:1000px) and (min-width:701px) {
  .world-copy {padding-left:115px; padding-right:35px;}
  .world h1 {font-size:clamp(42px, 5.25vw, 56px);}
  .joy-copy {padding-left:35px; padding-right:35px;}
  .joy h1 {font-size:clamp(38px, 4.65vw, 47px);}
  .joy p {font-size:18px;}
}
@media screen and (max-width:700px) {
  .world, .joy {display:block; height:100%; overflow-y:auto; isolation:isolate;}
  .hero-photo, .joy-photo {position:absolute; inset:0; width:100%; height:100%; min-height:0; z-index:-2;}
  .hero-photo img {object-position:50% 30%;}
  .joy-photo img {object-position:53% 50%;}
  .hero-photo:after, .joy-photo:after {content:''; position:absolute; inset:0; background:linear-gradient(180deg, #0002 0%, #0009 30%, #000d 65%, #000e 100%);}
  .world-copy, .joy-copy {min-height:100%; padding:145px 25px 112px; display:flex; flex-direction:column; justify-content:flex-end; color:white;}
  .world h1 {font-size:clamp(43px, min(10.8vw, 7.6dvh), 66px); line-height:1.02; margin-top:20px; max-width:540px;}
  .joy h1 {font-size:clamp(40px, min(10vw, 6.9dvh), 62px); line-height:1.025; margin:20px 0;}
  .joy p {font-size:clamp(18px, 4.8vw, 24px); line-height:1.42; margin:0; color:#d0d0d0;}
  .joy-signoff, .joy-sticker, .image-era, .photo-caption, .photo-stamp {display:none;}
  .world .eyebrow, .joy .eyebrow {font-size:8px;}
  body[data-page="1"] .page-counter, body[data-page="2"] .page-counter {color:#eee;}
  .mini-world>div, .mini-joy>div {font-size:20px;}
}