/* The homepage alone: a slow, content-led journey with ordinary page scrolling. */
body[data-page="scroll"] .journey{--film-side:1;--image-scale:1;--bust-reveal:0}
body[data-page="scroll"] .chapter-copy{line-height:1.65}
body[data-page="scroll"].motion-paused .chapter-copy,body[data-page="scroll"].motion-failed .chapter-copy{background:#0f1114;opacity:1!important;pointer-events:auto!important}
body[data-page="scroll"] .chapter-copy>p:not(.eyebrow){max-width:none}
body[data-page="scroll"] .chapter-copy>p+p{margin-top:1rem}
body[data-page="scroll"] .chapter-copy>a+a{margin-left:1rem}
body[data-page="scroll"] .dedication-chapter{color:var(--ink);scroll-margin-top:24px}
body[data-page="scroll"] .dedication-chapter form{margin-top:1.7rem}
body[data-page="scroll"] .dedication-chapter label{display:block;font-weight:600;margin-bottom:.5rem}
body[data-page="scroll"] .dedication-chapter .search-row{display:flex;gap:.6rem}
body[data-page="scroll"] .dedication-chapter input{min-width:0;width:100%;min-height:50px;border:1px solid #74777c;border-radius:3px;background:#EAE7E1;color:#1F2328;padding:.8rem 1rem}
body[data-page="scroll"] .dedication-chapter input::placeholder{color:#575b62}
body[data-page="scroll"] .dedication-chapter button{border-color:var(--gold);font-size:.86rem}
body[data-page="scroll"] .dedication-chapter .result-count{color:var(--muted);font-size:.8rem;margin:1.2rem 0}
body[data-page="scroll"] .dedication-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.2rem}
body[data-page="scroll"] .dedication-item{gap:.75rem;min-height:100px;align-items:center}
body[data-page="scroll"] .dedication-item img{width:72px;height:80px;object-fit:contain}
body[data-page="scroll"] .dedication-item h3{font-size:.91rem}
body[data-page="scroll"] .dedication-item a{font-size:.78rem}
body[data-page="scroll"] .dedication-item .unavailable,body[data-page="scroll"] .route-note{color:var(--muted)}
body[data-page="scroll"] .chapter-copy>.route-note{font-size:.75rem;line-height:1.6;max-width:none}
body[data-page="scroll"] #more-dedications{margin-top:1.3rem}

@media screen{
  body[data-page="scroll"]:not(.motion-off) .journey{display:grid;grid-template-columns:1fr;padding:0;gap:0;margin-top:calc(-1 * var(--header));overflow:clip}
  body[data-page="scroll"]:not(.motion-off) .visual-sticky{grid-column:1;grid-row:1;position:sticky;z-index:0;top:0;height:100svh;width:100%;padding:0;display:block;overflow:hidden;margin:0}
  body[data-page="scroll"]:not(.motion-off) .journey-frame{position:absolute;inset:0;width:100%;height:100%;transform:none;border-radius:0;overflow:visible;background:transparent}
  body[data-page="scroll"]:not(.motion-off) #journey-video,body[data-page="scroll"]:not(.motion-off) .journey-poster{inset:auto;left:var(--film-x,0px);top:var(--film-y,0px);width:var(--film-width,100%);height:var(--film-height,100%);object-fit:fill;transform:none;max-height:none;mask-image:none}
  body[data-page="scroll"]:not(.motion-off) .visual-sticky::after{display:none}
  body[data-page="scroll"]:not(.motion-off) .chapters{grid-column:1;grid-row:1;padding:var(--header) 4vw 0;z-index:2}
  body[data-page="scroll"]:not(.motion-off) .chapter,
  body[data-page="scroll"]:not(.motion-off) .chapter.opening,
  body[data-page="scroll"]:not(.motion-off) .chapter.closing{display:block;min-height:var(--chapter-span,180svh);padding:0 0 80px;position:relative}
  body[data-page="scroll"]:not(.motion-off) .chapter-copy{position:sticky;top:max(calc(var(--header) + 48px),calc((100svh + var(--header) - var(--copy-height,360px)) / 2 - 40px));width:min(28vw,440px);max-width:none;padding:1.5rem 0}
  body[data-page="scroll"]:not(.motion-off) .chapter.billboard .chapter-copy{width:min(56vw,880px)}
  body[data-page="scroll"]:not(.motion-off) .chapter[data-side="right"] .chapter-copy{margin-left:auto}
  body[data-page="scroll"]:not(.motion-off) .chapter[data-side="left"] .chapter-copy{margin-right:auto}
  body[data-page="scroll"]:not(.motion-off) .chapter[data-copy-align="center"] .chapter-copy{margin-inline:auto}
  body[data-page="scroll"]:not(.motion-off) .chapter:not(.cover-section) .chapter-copy{opacity:var(--copy-opacity,1);pointer-events:var(--copy-events,auto)}
  body[data-page="scroll"]:not(.motion-off) .chapter-copy:focus-within{opacity:1!important;pointer-events:auto!important;background:var(--bg)}
  body[data-page="scroll"]:not(.motion-off) .finale-copy-track{height:140svh;min-height:calc(var(--copy-height,360px) + 150px);margin-bottom:150svh}
  body[data-page="scroll"]:not(.motion-off) .chapter[data-copy-tall="true"]{min-height:var(--chapter-span,180svh);padding-block:5rem 8rem}
  body[data-page="scroll"]:not(.motion-off) .chapter[data-copy-tall="true"] .chapter-copy{top:calc(100svh - var(--copy-height) - var(--bottom-safe,100px))}
}

/* Screen-sized animation at every width; only the reading layout adapts. */
@media screen and (max-width:1000px){
  body[data-page="scroll"] .motion-controls{top:auto;bottom:.8rem;left:auto;right:.8rem;max-width:none;height:auto;border:1px solid var(--line);border-radius:4px;padding:.4rem;justify-content:flex-end;box-shadow:none}
  body[data-page="scroll"]:not(.motion-off) .chapter-copy{width:min(40vw,340px)}
  body[data-page="scroll"]:not(.motion-off) .chapter.billboard .chapter-copy{width:min(80vw,680px)}
  body[data-page="scroll"] .chapter-copy h1{font-size:clamp(1.6rem,3.7vw,2.7rem)}
  body[data-page="scroll"] .chapter-copy h2{font-size:clamp(1.55rem,3.5vw,2.5rem)}
  body[data-page="scroll"] .chapter-copy>.eyebrow{font-size:.69rem;margin-bottom:.9rem}
  body[data-page="scroll"] .chapter-copy>p:not(.eyebrow){font-size:.91rem;margin-top:1rem;max-width:none}
  body[data-page="scroll"] .reconstruction-notice{left:.6rem;right:auto;bottom:.6rem;max-width:calc(100% - 290px);font-size:.67rem;line-height:1.45;padding:.5rem .65rem}
}
@media screen and (max-width:600px){
  body[data-page="scroll"] .reconstruction-notice{left:.6rem;right:.6rem;max-width:none}
  body[data-page="scroll"] .motion-controls{bottom:var(--controls-bottom,76px);left:auto;right:.6rem}
  body[data-page="scroll"]:not(.motion-off) .chapter-copy{width:100%;max-width:420px;top:max(calc(var(--header) + 20px),calc(100svh - var(--copy-height,340px) - var(--bottom-safe,160px) - 16px));margin-inline:auto}
  body[data-page="scroll"]:not(.motion-off) .chapter-copy h1{font-size:1.8rem}
  body[data-page="scroll"]:not(.motion-off) .chapter-copy h2{font-size:1.7rem}
  body[data-page="scroll"]:not(.motion-off) .chapter:not(.cover-section) .chapter-copy>p{font-size:.88rem}
}
@media screen and (max-width:520px){
  body[data-page="scroll"] .dedication-results{grid-template-columns:1fr;gap:.45rem}
  body[data-page="scroll"] .dedication-item h3{font-size:.95rem}
  body[data-page="scroll"] .chapter-copy>a+a{margin-left:0}
  body[data-page="scroll"] .dedication-chapter .search-row{flex-wrap:wrap}
  body[data-page="scroll"] .dedication-chapter .search-row input{flex:1 1 180px}
  body[data-page="scroll"] .dedication-chapter .search-row button{flex:0 0 auto}
}

/* Portrait tablets keep the film above a readable, centered story card. */
@media screen and (min-width:601px) and (max-width:1000px) and (orientation:portrait){
  body[data-page="scroll"]:not(.motion-off) #journey .chapters > .chapter:not(.cover-section, .billboard) .chapter-copy{
    width:min(100%,620px);max-width:620px;margin-inline:auto;
    top:max(calc(var(--header) + 20px),calc(100svh - var(--copy-height,340px) - var(--bottom-safe,160px) - 16px));
  }
}

/* Reduced-motion and user-selected still mode show the complete ordinary page. */
body[data-page="scroll"].motion-off .journey{display:block;margin-top:54px;padding-inline:clamp(1.25rem,4vw,4rem)}
body[data-page="scroll"].motion-off .visual-sticky{position:relative;top:auto;display:block;height:min(52vw,520px);width:100%;margin:0;padding:0}
body[data-page="scroll"].motion-off .journey-frame{position:relative;inset:auto;width:100%;height:100%;transform:none}
body[data-page="scroll"].motion-off #journey-video,body[data-page="scroll"].motion-off .journey-poster{inset:0;height:100%;width:100%;object-fit:contain;transform:none}
body[data-page="scroll"].motion-off .chapters{display:block;padding-block:2rem 4rem}
body[data-page="scroll"].motion-off .chapter{min-height:0!important;padding:2rem 0;display:block}
body[data-page="scroll"].motion-off .chapter-copy{position:static;width:100%;max-width:720px;margin-inline:auto;transform:none}
body[data-page="scroll"].motion-off .dedication-chapter .chapter-copy{max-width:960px}
@media print{
  body[data-page="scroll"] .chapter,body[data-page="scroll"] .chapter-copy{position:static!important;min-height:0!important;width:100%!important;max-width:none;transform:none!important;padding:1rem 0!important}
  body[data-page="scroll"] .journey{display:block;margin:0;padding:0}
}

body[data-page="scroll"] .chapter-copy blockquote{margin:1.2rem 0;padding-left:1.1rem;border-left:2px solid var(--gold)}
body[data-page="scroll"] .chapter-copy blockquote p{font-size:1.02rem;line-height:1.7}
body[data-page="scroll"] .chapter-copy>.dedication-credit{font-size:.8rem;color:var(--muted)}
body[data-page="scroll"] .dedication-transcript{margin-top:1.25rem;border-top:1px solid var(--line);padding-top:.5rem}
body[data-page="scroll"] .dedication-transcript summary{color:var(--gold);cursor:pointer;padding:.7rem 0;min-height:44px;font-size:.85rem}
body[data-page="scroll"] .dedication-transcript div{font-size:.95rem;line-height:1.75}
body[data-page="scroll"] .dedication-transcript summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
body[data-page="scroll"] .dedication-transcript div p{margin:1rem 0}

/* The search is a real opaque page section: it rides over the held bust. */
body[data-page="scroll"] .cover-section{scroll-margin-top:-24px}
body[data-page="scroll"]:not(.motion-off) .cover-section,
body[data-page="scroll"]:not(.motion-off) .cover-section[data-copy-tall="true"]{position:relative;z-index:4;min-height:100svh;margin-inline:-4vw;width:calc(100% + 8vw);padding:max(clamp(4rem,10svh,8rem),calc(var(--header) + 28px)) 6vw 252px;background:#0F1114;border-top:1px solid var(--gold);scroll-margin-top:calc(-1 * (var(--header) + 24px))}
body[data-page="scroll"]:not(.motion-off) .cover-section .chapter-copy,
body[data-page="scroll"]:not(.motion-off) .cover-section[data-copy-tall="true"] .chapter-copy{position:static;width:100%;max-width:1280px;margin-inline:auto;padding:0;opacity:1;transform:none;pointer-events:auto}
body[data-page="scroll"] .cover-section .chapter-copy h2{font-size:clamp(2rem,5vw,4.7rem)}
body[data-page="scroll"] .cover-section form{max-width:720px}
body[data-page="scroll"] .cover-section .dedication-results{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="scroll"] .cover-section .dedication-item h3{font-size:1rem}
body[data-page="scroll"].search-covering .motion-controls{visibility:hidden;pointer-events:none}
@media screen and (max-width:1000px){
  body[data-page="scroll"] .cover-section .dedication-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:600px){body[data-page="scroll"] .cover-section .dedication-results{grid-template-columns:1fr}}
body[data-page="scroll"].motion-off .finale-copy-track{height:auto;min-height:0;margin-bottom:0}
body[data-page="scroll"].motion-failed .finale-copy-track{margin-bottom:0}
body[data-page="scroll"].motion-off .chapter-copy{opacity:1!important;pointer-events:auto!important}
@media print{body[data-page="scroll"] .chapter-copy{opacity:1!important}body[data-page="scroll"] .finale-copy-track{height:auto!important;margin-bottom:0!important}}

/* Registered foreground first, then five scroll beats of charcoal, then the film. */
body[data-page="scroll"] .visual-sticky{isolation:isolate;overflow:hidden}
body[data-page="scroll"] .billboard-image{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}
body[data-page="scroll"] .billboard-image img{width:100%;height:100%;object-fit:cover;display:block}
body[data-page="scroll"] .billboard-park{z-index:0;background:#0f1114}
body[data-page="scroll"] .billboard-park::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f1114e8 0%,#0f1114d0 32%,#0f11148c 52%,#0f111400 74%)}
body[data-page="scroll"] .film-panel{position:absolute;inset:0;overflow:hidden;background:transparent;z-index:1}
body[data-page="scroll"] .billboard-matte{position:absolute;inset:0;background:#0f1114;opacity:var(--park-darkening,0);z-index:0}
body[data-page="scroll"] .billboard-monument{z-index:2;opacity:var(--monument-dissolve,0)}
body[data-page="scroll"] .film-panel .journey-frame{z-index:1;visibility:hidden}
body[data-page="scroll"].billboard-covered .film-panel .journey-frame{visibility:visible}
body[data-page="scroll"] #journey-video,body[data-page="scroll"] .journey-poster{mix-blend-mode:lighten}
/* The video frame is #0D0F11 and does not blend. A lighten veil raises that slab to the section. */
body[data-page="scroll"] .journey-frame::after{content:"";position:absolute;inset:0;background:#0f1114;mix-blend-mode:lighten;pointer-events:none;z-index:1}
body[data-page="scroll"]:not(.motion-off) .journey-frame::after{opacity:var(--park-darkening,0)}
body[data-page="scroll"] .finale-composite,
body[data-page="scroll"] .finale-fallback{position:absolute;left:var(--film-x,0px);top:var(--film-y,0px);width:var(--film-width,100%);height:var(--film-height,100%);mix-blend-mode:normal;pointer-events:none;z-index:2}
body[data-page="scroll"] .finale-bronze{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:normal;pointer-events:none;z-index:2}
body[data-page="scroll"] .finale-composite[hidden]{display:none}
body[data-page="scroll"] .finale-fallback{background:#0f1114;opacity:var(--portrait-fallback,0);overflow:hidden}
/* Same measured, uniform projection as the compositor. Never stretch the photo. */
body[data-page="scroll"] .finale-face{position:absolute;left:30.1041667%;top:6.9444444%;width:42.075%;height:auto;max-width:none;transform:none;filter:none;opacity:1}
body[data-page="scroll"] .finale-still{display:none}
body[data-page="scroll"].motion-off .finale-still,
body[data-page="scroll"].motion-failed .finale-still{display:block;max-width:440px;margin:0 auto 2rem;text-align:center}
body[data-page="scroll"] .finale-still img{display:block;width:100%;height:auto}
body[data-page="scroll"] .finale-still figcaption{margin-top:.75rem;font-family:Montserrat,sans-serif;color:var(--muted)}
body[data-page="scroll"] .portrait-controls{position:fixed;z-index:5;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:1.2rem;font-size:.8rem;color:var(--muted);white-space:nowrap}
body[data-page="scroll"] .portrait-controls[hidden]{display:none}
body[data-page="scroll"] .portrait-controls button{min-height:44px;padding:.6rem .9rem;background:#0f1114;color:var(--text);border:1px solid var(--line);border-radius:4px}
body[data-page="scroll"] .portrait-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
/* Portrait lines sit in the lower right of the film, 50px from the edges. */
body[data-page="scroll"] .portrait-message{
  position:absolute;z-index:6;top:auto;right:50px;bottom:50px;left:auto;
  width:max-content;max-width:calc(100% - 100px);
  transform:none;
  display:flex;justify-content:flex-end;padding:0;
  pointer-events:none;text-align:right;
}
body[data-page="scroll"] .portrait-stack{display:grid;justify-items:end;align-items:end}
body[data-page="scroll"] .portrait-stack>*{grid-area:1/1;justify-self:end;align-self:end}
body[data-page="scroll"] .portrait-final{display:grid;justify-items:end;align-items:end}
body[data-page="scroll"] .portrait-final>*{grid-area:1/1;justify-self:end;align-self:end}
body[data-page="scroll"] .portrait-family{display:flex;flex-direction:column;align-items:flex-end;gap:.28em}
body[data-page="scroll"] .portrait-message [data-line],
body[data-page="scroll"] .portrait-message [data-beat]{
  margin:0;font-family:Montserrat,"Segoe UI",sans-serif;font-weight:600;
  font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.02;letter-spacing:-.04em;
  color:#fff4e2;
  text-shadow:0 2px 18px #0f1114,0 18px 50px #0f1114e6;
  opacity:0;
  transition:opacity .55s ease;
}
body[data-page="scroll"] .portrait-message[data-cue="off"] [data-line],
body[data-page="scroll"] .portrait-message[data-cue="off"] [data-beat]{
  opacity:0;animation:none;transition:none;
}
body[data-page="scroll"] .portrait-message [data-line="time"]{
  font-size:clamp(2.8rem,5.15vw,5.75rem);font-weight:700;line-height:.92;letter-spacing:-.045em;
}
body[data-page="scroll"] .portrait-message[data-cue="bust"] [data-line="bust"],
body[data-page="scroll"] .portrait-message[data-cue="family"] [data-line="family"],
body[data-page="scroll"] .portrait-message[data-cue="family"] [data-beat],
body[data-page="scroll"] .portrait-message[data-cue="time"] [data-line="time"],
body[data-page="scroll"] .portrait-message[data-cue="close"] [data-line="time"]{opacity:1;transition:none}
body[data-page="scroll"] .portrait-message[data-cue="bust"] [data-line="bust"]{animation:portrait-slide .7s cubic-bezier(.16,1,.3,1) both}
body[data-page="scroll"] .portrait-message .portrait-char{display:inline-block}
body[data-page="scroll"] .portrait-message[data-cue="family"] [data-beat="kin"] .portrait-char{
  animation:portrait-carry .32s cubic-bezier(.16,1,.3,1) both;
  animation-delay:calc(var(--i) * 20ms);
}
body[data-page="scroll"] .portrait-message[data-cue="family"] [data-beat="friends"] .portrait-char{
  animation:portrait-carry .32s cubic-bezier(.16,1,.3,1) both;
  animation-delay:calc(1s + var(--i) * 22ms);
}
body[data-page="scroll"] .portrait-message[data-cue="time"] [data-line="time"] .portrait-char{
  animation:portrait-strike .26s cubic-bezier(.16,1,.3,1) both;
  animation-delay:calc(var(--i) * 16ms);
}
body[data-page="scroll"] .portrait-live{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@keyframes portrait-slide{
  from{opacity:0;translate:2.75rem 0}
  to{opacity:1;translate:0 0}
}
@keyframes portrait-carry{
  from{opacity:0;filter:blur(8px);translate:.7em 0}
  to{opacity:1;filter:none;translate:0 0}
}
@keyframes portrait-strike{
  from{opacity:0;filter:blur(14px);translate:1.15em 0}
  to{opacity:1;filter:none;translate:0 0}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="scroll"] .portrait-message [data-line],
  body[data-page="scroll"] .portrait-message [data-beat],
  body[data-page="scroll"] .portrait-char,
  body[data-page="scroll"] .portrait-final{animation:none;transition:none;filter:none;translate:none}
  body[data-page="scroll"] .portrait-char{opacity:1}
}
@media screen and (max-width:800px){
  body[data-page="scroll"] .portrait-message{right:20px;bottom:20px;max-width:calc(100% - 40px)}
  body[data-page="scroll"] .portrait-message [data-line],
  body[data-page="scroll"] .portrait-message [data-beat]{font-size:clamp(1.45rem,7vw,2.15rem)}
  body[data-page="scroll"] .portrait-message [data-line="time"]{font-size:clamp(2.15rem,9vw,3.1rem)}
}
body[data-page="scroll"]:not(.motion-off) .chapter.billboard{min-height:200svh}
body[data-page="scroll"]:not(.motion-off) .chapter.billboard .chapter-copy{opacity:var(--billboard-copy-opacity,1);pointer-events:var(--billboard-copy-events,auto)}
body[data-page="scroll"]:not(.motion-off) .chapter.billboard .chapter-copy:focus-within{opacity:1}
body[data-page="scroll"]:not(.motion-off) .journey-frame.opening-framing{left:0;width:100%;overflow:visible;clip-path:inset(0 0 0 var(--opening-clip,0%))}
body[data-page="scroll"]:not(.motion-off) .journey-frame.opening-framing #journey-video,
body[data-page="scroll"]:not(.motion-off) .journey-frame.opening-framing .journey-poster{inset:auto;left:var(--opening-x);top:var(--opening-y);width:var(--opening-width);height:var(--opening-height);max-height:none;object-fit:fill;transform:none;aspect-ratio:auto}
body[data-page="scroll"] .after-dedications{position:relative;z-index:4;background:#0f1114;padding:0 6vw}
body[data-page="scroll"] .after-section{max-width:1280px;margin:auto;padding:clamp(4rem,12svh,8rem) 0;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}
body[data-page="scroll"] .after-copy{line-height:1.75;color:var(--muted)}
body[data-page="scroll"] .after-copy p+p{margin-top:1.2rem}
body[data-page="scroll"] .after-copy a{display:inline-block;margin-top:1.8rem;color:var(--ink)}
body[data-page="scroll"] .after-copy a.gold{color:#0f1114}
body[data-page="scroll"].motion-off .billboard-park{position:relative;height:100%}
body[data-page="scroll"].motion-off .billboard-park::after{display:none}
body[data-page="scroll"].motion-off .film-panel{display:none}
body[data-page="scroll"].motion-off .billboard-image img{object-fit:contain}
body[data-page="scroll"].motion-off .journey{padding-top:0}
@media screen and (max-width:1000px){
  body[data-page="scroll"]:not(.motion-off) .visual-sticky{padding:0}
  body[data-page="scroll"] .after-dedications{padding:0 1.25rem}
  body[data-page="scroll"] .after-section{grid-template-columns:1fr;gap:1.8rem;padding-block:3.5rem}
  body[data-page="scroll"] .after-section h2{font-size:clamp(1.7rem,5vw,2.5rem)}
  body[data-page="scroll"] .after-copy{font-size:.94rem}
}
@media print{
  body[data-page="scroll"] .film-panel{display:none}
  body[data-page="scroll"] .billboard-park{position:relative;height:100%}
  body[data-page="scroll"] .after-section{display:block;padding:1rem 0}
}

body[data-page="scroll"]:not(.motion-off):not(.motion-paused):not(.motion-failed) #welcome .chapter-copy{opacity:var(--copy-opacity,0);pointer-events:var(--copy-events,none)}

/* The screen is the only animated picture boundary at every window width. */
@media screen{
  body[data-page="scroll"]:not(.motion-off) .journey-frame.opening-framing{clip-path:none}
  body[data-page="scroll"]:not(.motion-off) .chapter:not(.billboard):not(.cover-section) .chapter-copy{isolation:isolate}
  body[data-page="scroll"]:not(.motion-off) .chapter:not(.billboard):not(.cover-section) .chapter-copy::before{content:"";position:absolute;inset:-7rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#0f1114f2 25%,#0f1114df 50%,#0f111400 72%)}
}

@media screen and (max-width:1000px){
  body[data-page="scroll"]:not(.motion-off) .chapter.billboard .chapter-copy{isolation:isolate}
  body[data-page="scroll"]:not(.motion-off) .chapter.billboard .chapter-copy::before{content:"";position:absolute;inset:-7rem;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#0f1114e6 25%,#0f1114cc 50%,#0f111400 72%)}
}

/* The final portrait is one uninterrupted ending after the eighth reading panel. */
@media(prefers-reduced-motion:no-preference){
 body[data-page="scroll"]:not(.motion-off):not(.motion-failed) #together .finale-copy-track{height:0;min-height:0;margin:0;visibility:hidden}
}

@keyframes billboard-headline-sheen {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Opening lockup: gold eyebrow, and a headline that holds its own against the park. */
body[data-page="scroll"] #billboard .chapter-copy > .eyebrow {
  color: var(--gold);
  letter-spacing: .18em;
  text-shadow: 0 0 16px #b98a4a73;
}
body[data-page="scroll"] #billboard .chapter-copy > .eyebrow::after {
  content: "";
  display: block;
  width: 3.25rem;
  height: 1px;
  margin-top: .75rem;
  background: linear-gradient(90deg, var(--gold), #b98a4a00);
  box-shadow: 0 0 10px #b98a4a88;
}
body[data-page="scroll"] #billboard .chapter-copy > h1 {
  font-weight: 600;
  letter-spacing: -.02em;
  color: #f7f1e6;
  text-shadow:
    0 1px 0 #fff8ee,
    0 12px 28px #0000008c,
    0 0 34px #b98a4a59;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  body[data-page="scroll"] #billboard .chapter-copy > h1 {
    background-image: linear-gradient(168deg, #fffdf8 0%, #f4e6cf 38%, #e4c07a 74%, #fff8ee 100%);
    background-size: 180% 180%;
    background-position: 0% 50%;
    animation: billboard-headline-sheen 9s ease-in-out infinite;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter:
      drop-shadow(0 1px 0 #fff6e8)
      drop-shadow(0 14px 22px #00000073)
      drop-shadow(0 0 18px #b98a4a47);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="scroll"] #billboard .chapter-copy > h1 {
    animation: none;
  }
}
@media print {
  body[data-page="scroll"] #billboard .chapter-copy > .eyebrow,
  body[data-page="scroll"] #billboard .chapter-copy > h1 {
    color: #1a1a1a;
    text-shadow: none;
    filter: none;
    background: none;
    -webkit-text-fill-color: #1a1a1a;
  }
  body[data-page="scroll"] #billboard .chapter-copy > .eyebrow::after { display: none; }
}