/* A single wordmark moves from the cover into its actual place in the masthead. */
.opening-header{position:relative;padding-top:0;--dock-height:180px}
.opening-header .wordmark{font-size:156px;letter-spacing:-6px;width:max-content;max-width:100%;color:var(--red);transform-origin:50% 50%}
.opening-header .logo-dock{height:var(--dock-height);display:flex;align-items:center;justify-content:center;position:relative;z-index:5}
.intro-only{display:none}
.has-intro .opening-header{--intro-distance:86svh}
.has-intro .logo-track{height:calc(var(--intro-distance) + var(--dock-height));position:relative}
.has-intro .logo-dock{position:sticky;top:0}
.has-intro .wordmark{transform:translateY(var(--brand-y,0px))}
.has-intro .intro-only{display:flex}
.intro-meta{position:absolute;top:28px;left:0;right:0;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.5px;padding-bottom:16px;border-bottom:1px solid var(--line);opacity:var(--intro-opacity,1)}
.intro-caption{position:absolute;top:66svh;left:0;right:0;align-items:center;justify-content:center;gap:24px;pointer-events:none;opacity:var(--intro-opacity,1);transform:translateY(var(--caption-y,0px))}
.intro-caption p{margin:0;font-size:11px;letter-spacing:2px;line-height:1.8;font-weight:600}
.intro-caption p span{color:var(--muted);font-size:9px;letter-spacing:1.3px}
.intro-rule{height:41px;width:3px;background:var(--red);transform:rotate(15deg)}
.intro-scroll{position:absolute;top:calc(100svh - 100px);right:0;align-items:center;gap:24px;font-size:9px;letter-spacing:1.6px;opacity:var(--intro-opacity,1);min-height:44px}
.scroll-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;font-size:22px;transition:transform .3s,background .3s,color .3s}
.intro-scroll:hover .scroll-arrow{transform:translateY(4px);background:var(--red);border-color:var(--red);color:var(--paper)}
.intro-folio{position:absolute;top:calc(100svh - 80px);left:0;font:10px var(--display);letter-spacing:2px;color:var(--muted);opacity:var(--intro-opacity,1)}
.has-intro .home-cover{opacity:var(--page-opacity,0);transform:translate3d(0,var(--page-y,35px),0)}
.has-intro .masthead-bottom{opacity:var(--nav-opacity,0)}
.intro-finished .wordmark{will-change:auto}
.home-page .reading-progress{z-index:20}
.home-cover h1{font-size:clamp(55px,5.9vw,85px)}
.home-lead{font-size:20px;line-height:1.55;letter-spacing:-.5px;margin-bottom:16px}
.cover-description{font-size:13px;line-height:1.9;max-width:380px;color:#625f54;margin:0 0 28px}
.news-strip>div{width:100%;gap:20px;justify-content:space-between;padding-inline:32px}
.news-strip span:nth-child(n){display:inline-block}
.news-strip span+span:before{content:'/';opacity:.5;margin-right:32px}
.editorial-note{display:block;font:10px var(--display);letter-spacing:2px;margin-top:36px;color:var(--red);transform:rotate(-4deg)}
.home-page footer{margin-top:64px}
@media(max-width:1000px){.opening-header{--dock-height:140px}.opening-header .wordmark{font-size:120px;letter-spacing:-5px}.intro-meta{top:22px}.home-cover h1{font-size:6vw}.home-lead{font-size:17px}.news-strip>div{padding-inline:20px;gap:12px}.news-strip span+span:before{margin-right:12px}}
@media(max-width:680px){.opening-header{--dock-height:100px}.opening-header .wordmark{font-size:23vw;letter-spacing:-1.2vw}.has-intro .opening-header{--intro-distance:78svh}.intro-meta{font-size:7px;letter-spacing:1px;top:20px;padding-bottom:13px}.intro-caption{top:58svh;gap:18px}.intro-caption p{font-size:9px;letter-spacing:1.4px}.intro-caption p span{font-size:7px;letter-spacing:1.1px}.intro-rule{height:34px;width:2px}.intro-scroll{top:calc(100svh - 100px);gap:16px;font-size:8px;letter-spacing:1px}.scroll-arrow{width:42px;height:42px}.intro-folio{font-size:8px;letter-spacing:1.2px}.home-cover h1{font-size:12vw;letter-spacing:-2px}.home-lead{font-size:17px}.cover-description{font-size:13px;max-width:340px}.news-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding-inline:18px}.news-strip span{font-size:8px}.news-strip span+span:before{content:none}.news-strip span:nth-child(even){text-align:right}.editorial-note{display:none}.home-page footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.has-intro .logo-track{height:auto}.has-intro .logo-dock{position:relative}.has-intro .wordmark{transform:none}.has-intro .intro-only{display:none}.has-intro .home-cover,.has-intro .masthead-bottom{opacity:1;transform:none}}