/* COPY2-f: the first chapter begins below the entire opening viewport. */
.copy2-f-top{--copy2-f-header-height:calc(var(--journal-bar) + 1px)}
.copy2-f-top .copy2-e-cover{display:flex;flex-direction:column;min-height:calc(100vh - var(--copy2-f-header-height));min-height:calc(100svh - var(--copy2-f-header-height))}
.copy2-f-top .copy2-e-cover>.masthead{flex:none}
.copy2-f-top .copy2-e-cover>.cover-layout{display:flex;flex:1;align-items:center;min-width:0}
.copy2-f-top .copy2-e-cover .cover-story{padding:32px 0}
.copy2-f-top .copy2-e-cover .cover-title,.copy2-f-top .copy2-e-cover .headline-line{line-height:1.35}
/* d/e: subtitle margin 10px; total action gap 12+16px. Use 1.8x and 1.5x. */
.copy2-f-top .copy2-e-cover .copy2-subtitle{margin-top:18px}
.copy2-f-top .copy2-e-cover .cover-bottom{margin-top:42px}
.copy2-f-top .copy2-e-cover .cover-cta{margin-top:0}
.copy2-f-top .copy2-e-cover>.copy2-cover-photo{inset:0;height:100%;width:100%}
.copy2-f-top .copy2-e-cover .copy2-cover-photo .image-window,.copy2-f-top .copy2-e-cover .copy2-cover-photo picture,.copy2-f-top .copy2-e-cover .copy2-cover-photo img{height:100%;width:100%}
.copy2-f-top .copy2-e-cover .copy2-cover-photo img{object-fit:cover;object-position:center 50%}
/* Keep a paper floor under copy; let the taller right-hand photo remain clear. */
.copy2-f-top .copy2-e-paper{background:linear-gradient(180deg,rgba(255,255,255,.94) 0px,rgba(255,255,255,.94) 76px,rgba(255,255,255,0) 160px),linear-gradient(90deg,#ffffff 0%,#ffffff 50%,rgba(255,255,255,.97) 62%,rgba(255,255,255,.88) 72%,rgba(255,255,255,.25) 86%,rgba(255,255,255,0) 100%)}
.copy2-f-top .copy2-f-scroll{position:relative;z-index:2;display:inline-flex;align-self:flex-start;align-items:center;gap:12px;min-height:40px;margin:0 0 16px var(--gutter);padding:8px 2px;color:var(--muted);font:600 11px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.12em;transition:color .25s var(--ease),transform .25s var(--ease)}
.copy2-f-top .copy2-f-scroll>span[aria-hidden]{color:var(--ink);font:400 16px/1 Arial,sans-serif;animation:copy2-f-scroll-drift 2.8s ease-in-out infinite}
.copy2-f-top .copy2-f-scroll:hover,.copy2-f-top .copy2-f-scroll:focus-visible{color:var(--accent)}
.copy2-f-top .copy2-f-scroll:active{transform:translateY(1px)}
@keyframes copy2-f-scroll-drift{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(max-width:760px){
 .copy2-f-top .copy2-e-cover .cover-story{padding:16px 0}
 .copy2-f-top .copy2-e-cover .copy2-subtitle{margin-top:28px}
 /* d/e: 16px above subtitle; 12+20px before CTA. Now 1.75x / 1.5x. */
 .copy2-f-top .copy2-e-cover .cover-bottom{margin-top:48px}
 .copy2-f-top .copy2-e-cover .copy2-cover-photo img{object-position:65% top}
 .copy2-f-top .copy2-e-paper{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.94) 45%,#ffffff 88%,#ffffff 100%)}
 /* Reserve space for the existing fixed consultation bar, including safe area. */
 .copy2-f-top .copy2-f-scroll{margin-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .copy2-f-top .copy2-cover-photo .copy2-e-image-credit{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 /* Each approved phrase is one line at 375px; never split its words. */
 .copy2-f-top .cover-cta .copy2-cta-phrase,.copy2-c-ai .vh-actions .copy2-ai-cta-label>.copy2-cta-phrase{display:block}
 .copy2-f-top .cover-cta wbr,.copy2-c-ai .vh-actions .copy2-ai-cta-label>wbr{display:none}
}
@media(prefers-reduced-motion:reduce){
 .copy2-f-top .copy2-f-scroll>span[aria-hidden]{animation:none;transform:none}
 .copy2-f-top .copy2-f-scroll:active{transform:none;color:var(--accent)}
}