/* Large year planes and counter-drifting titles, measured from the reference.
   Live text, original code; no bitmap numerals or scroll interception. */
.era-chapter{--chapter-pad:7vw;padding-top:0!important;padding-inline:var(--chapter-pad)!important}
.era-chapter.prologue{--chapter-pad:8vw}
.era-opening{position:relative;isolation:isolate;background:#171a16;color:var(--paper);margin:0 calc(-1 * var(--chapter-pad)) 70px;padding:44vw 5vw 10vw;overflow:clip;--era-accent:#d3b474}
.era-opening:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.055;background:url('art/xu-beihong-galloping-horse-1938.webp') right center/contain no-repeat}
.era-kicker{position:absolute;top:22px;left:5vw;right:5vw;display:flex;align-items:baseline;justify-content:space-between;gap:15px;font:16px/1.6 var(--sans);z-index:3}
.era-period{font:16px/1.6 var(--sans);text-align:right}
.era-dates{position:absolute;inset:0;pointer-events:none;z-index:-1}
.era-year{position:absolute;top:2.5vw;left:4vw;display:block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:31vw;font-weight:200;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.045em;color:var(--era-accent);background:linear-gradient(var(--era-accent) 12%,transparent 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.era-year.end{top:29vw;left:22vw}
.era-heading{position:relative!important;margin:0!important;font-size:8.5vw!important;line-height:.98!important;letter-spacing:-.055em;font-family:var(--serif)!important;font-weight:400;text-transform:uppercase}
.era-line{display:block;position:relative;width:fit-content;max-width:92%;margin:0 0 1.4vw;transform:none}
.era-line:nth-child(2){margin-left:14vw;max-width:78%}
html[lang=zh-Hant] .era-heading{font-family:var(--brush)!important;letter-spacing:.035em;line-height:1.2!important}
.era-note{position:relative;max-width:42rem;font:16px/1.65 var(--sans);margin:30px 0 0!important;color:var(--paper)}
.era-opening[data-tone=water]{--era-accent:#8ca8ab}.era-opening[data-tone=church]{--era-accent:#b3b69c}.era-opening[data-tone=books]{--era-accent:#c89481}.era-opening[data-tone=family]{--era-accent:#d2b58d}
.era-opening[data-tone=memory]{background:var(--paper);color:var(--ink);--era-accent:#946e38}.era-opening[data-tone=memory] .era-note{color:var(--ink)}
html[data-motion=on] .era-year,html[data-motion=on] .era-line{will-change:transform}
html[data-motion=off] .era-year,html[data-motion=off] .era-line{transform:none!important}
@media(min-width:1700px){.era-chapter,.era-chapter.prologue{--chapter-pad:max(7vw,calc((100vw - 1500px)/2))}}
@media(max-width:700px){.era-chapter,.era-chapter.prologue{--chapter-pad:25px}.era-opening{padding:65vw 6vw 14vw;margin-bottom:40px}.era-kicker{left:6vw;right:6vw;top:18px;font-size:14px}.era-period{font-size:14px}.era-year{font-size:37vw;top:14vw;left:2vw}.era-year.end{top:44vw;left:13vw}.era-heading{font-size:10vw!important;line-height:1.05!important;letter-spacing:-.055em}.era-line:nth-child(2){margin-left:9vw;max-width:84%}.era-note{margin-top:24px!important}.era-opening:after{background-size:100%}}
@media(max-width:360px){.era-chapter,.era-chapter.prologue{--chapter-pad:20px}}
@media(prefers-reduced-motion:reduce){.era-year,.era-line{transform:none!important;will-change:auto!important}}
@media print{.era-opening{padding:30px;background:white!important;color:black;overflow:visible}.era-dates{display:none}.era-kicker{position:static}.era-heading{font-size:36px!important}.era-line{transform:none!important;margin-left:0!important}.era-note{color:black!important}.era-opening:after{display:none}}