/* Chapter II: oversized dates, sliding type and a layered historical opening.
   Native scrolling and visible HTML remain the baseline. */
#chapter-2 { scroll-margin-top:calc(var(--nav-height) - 100px); }
.freedom-opening {
  --freedom-black:#141a1c;
  position:relative;isolation:isolate;overflow:clip;
  margin-inline:calc(-1 * var(--chapter-pad));
  background:var(--freedom-black);color:#f3f0e8;
}
.freedom-opening a { color:inherit;text-underline-offset:.2em; }
.freedom-opening__title-block { position:relative;padding:35px 7.2vw 9vw; }
.freedom-opening__kicker { display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#b0babb; }
.freedom-opening__kicker .era-age { font-size:11px; }
.freedom-opening__years { position:relative;height:48vw;margin:3vw 0 0;pointer-events:none; }
.freedom-opening__year { position:absolute;top:0;left:-1vw;font:200 30vw/.9 'Helvetica Neue',Arial,sans-serif;letter-spacing:-.085em; }
.freedom-opening__year:nth-child(2) { top:22vw;left:17vw; }
.freedom-opening__year > span { display:block;padding-right:.1em;color:#769a9d;background:linear-gradient(175deg,#9bbabe,#668b91 30%,#344b51 65%,#141a1c 98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
body.story-edition .freedom-opening__heading { position:relative;margin:0;font:300 7.8vw/.94 'Overture Serif',Georgia,serif;letter-spacing:-.035em;text-transform:uppercase; }
.freedom-opening__line { display:block; }
.freedom-opening__line + .freedom-opening__line { margin-top:.8vw; }
.freedom-opening__line:nth-child(2) { margin-left:17vw; }
.freedom-opening__line:nth-child(3) { margin-left:4vw; }
.freedom-opening__line > span { display:block; }
.freedom-opening.is-animated .freedom-opening__line > span { opacity:.2;translate:0 35px;transition:opacity .85s ease,translate .85s cubic-bezier(.2,.65,.3,1); }
.freedom-opening.is-title-visible .freedom-opening__line > span { opacity:1;translate:0 0; }
.freedom-opening.is-animated .freedom-opening__line:nth-child(2) > span { transition-delay:.1s; }
.freedom-opening.is-animated .freedom-opening__line:nth-child(3) > span { transition-delay:.2s; }
.freedom-opening__history { position:relative;isolation:isolate;padding:8vw 7.2vw 8vw; }
.freedom-opening__backdrop { position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none; }
.freedom-opening__background-image { position:absolute;inset:-70px 0 auto;width:100%;height:calc(100% + 140px);object-fit:cover;object-position:50% 45%;opacity:.17;filter:grayscale(1); }
.freedom-opening__backdrop::after { content:'';position:absolute;inset:0;background:linear-gradient(#141a1c,transparent 22%,#141a1c66 60%,#141a1c),linear-gradient(90deg,#141a1c33,#141a1caa); }
.freedom-opening__eyebrow { position:relative;font:11px/1.6 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#b0babb;margin:0 0 3vw; }
body.story-edition .freedom-opening__lead { position:relative;margin:0 0 5vw;width:57vw;max-width:100%;font:400 3.5vw/1.08 var(--sans);letter-spacing:-.025em;text-indent:10vw;text-wrap:pretty; }
.freedom-opening__lead > p,.freedom-opening__coda > p { margin:0;font:inherit;letter-spacing:inherit; }
.freedom-opening__columns { position:relative;display:grid;grid-template-columns:27vw 32vw;gap:7vw;align-items:start;margin:0 0 8vw 10vw; }
body.story-edition .freedom-opening__copy p { font:400 clamp(17px,1.55vw,25px)/1.45 var(--sans);letter-spacing:-.01em;margin:0 0 1.8em;text-wrap:pretty; }
body.story-edition .freedom-opening__photo { position:relative;margin:3vw 0 0;padding:0;max-width:none;width:100%; }
.freedom-opening__photo .hong-kong-photo { width:100%;margin:0; }
.freedom-opening__photo .archive-image { background:transparent; }
.freedom-opening__photo img { display:block;width:100%;height:auto;filter:none; }
body.story-edition .freedom-opening__photo figcaption { margin:14px 0 0;color:#c6cdcb;font:12px/1.55 var(--sans); }
body.story-edition .freedom-opening__photo .archive-credit { margin:9px 0 0;color:#a7b3b2;font:10px/1.6 var(--sans); }
.freedom-opening__echoes { position:absolute;top:54%;left:0;right:0;z-index:-1;pointer-events:none;overflow:hidden; }
.freedom-opening__echo { display:block;width:max-content;font:300 16vw/.95 'Overture Serif',Georgia,serif;letter-spacing:-.04em;color:#4c686633;white-space:nowrap; }
.freedom-opening__echo:nth-child(2) { margin-left:14vw; }
body.story-edition .freedom-opening__coda { position:relative;max-width:58vw;margin:0 0 5vw 10vw;font:300 4.2vw/1.13 'Overture Serif',Georgia,serif;letter-spacing:-.02em;text-wrap:pretty; }
.freedom-opening__notes { position:relative;border-top:1px solid #415052;padding-top:15px;max-width:65ch;font:12px/1.6 var(--sans);color:#abb8b8; }
.freedom-opening__notes summary { padding:8px 0;cursor:pointer;min-height:44px; }
.freedom-opening__notes p { font:13px/1.65 var(--sans); }
.freedom-opening__notes ul { padding-left:20px; }
.freedom-opening__notes li { margin:10px 0; }
body.story-edition #chapter-2 > .chapter-body { padding-top:clamp(35px,6vw,90px); }
body.story-edition #first-escape-attempt { margin-top:0;border:0; }
body.story-edition #first-escape-attempt h3 { font:300 clamp(38px,5vw,68px)/1.12 'Overture Serif',Georgia,serif;max-width:15ch; }
body.story-edition #first-escape-attempt > p:not(.beat-date):not(.memory-credit),body.story-edition #two-escape-attempts .crossing-intro p { max-width:70ch;font:clamp(21px,2vw,26px)/1.6 var(--serif); }
html[lang="zh-Hant"] .freedom-opening__heading { font-family:'Songti TC','STSong','PMingLiU',serif;font-size:8.6vw;line-height:1.14;letter-spacing:.08em; }
html[lang="zh-Hant"] .freedom-opening__line--connector { display:none; }
html[lang="zh-Hant"] .freedom-opening__lead { line-height:1.4;letter-spacing:.025em;font-size:3.1vw; }
html[lang="zh-Hant"] .freedom-opening__copy p { line-height:1.75;letter-spacing:.02em; }
html[lang="zh-Hant"] .freedom-opening__coda { font-family:'Songti TC','STSong','PMingLiU',serif;line-height:1.45;letter-spacing:.035em; }
html[lang="zh-Hant"] body.story-edition #first-escape-attempt h3 { font-family:var(--brush);line-height:1.45; }
html.chapter-two-context-active .top,html.chapter-two-context-active .rail { background:#141a1c;color:#e7eeeb;border-color:#344346; }
html.chapter-two-context-active .rail a,html.chapter-two-context-active .rail button,html.chapter-two-context-active .top button,html.chapter-two-context-active .top a,html.chapter-two-context-active .top summary { color:#e7eeeb; }
html.chapter-two-context-active .picker-book { filter:invert(1); }
html.chapter-two-context-active .seal { background:#141a1c; }
html.chapter-two-context-active .audio-status { position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important; }
@media(min-width:700px) and (max-width:991px) { .freedom-opening__columns { margin-left:5vw;grid-template-columns:32vw 32vw;gap:6vw; }.freedom-opening__copy p{font-size:17px;} }
@media(max-width:699px) {
 .freedom-opening__title-block { padding:28px 6.5vw 18vw; }
 .freedom-opening__kicker { font-size:9px;letter-spacing:.03em;gap:12px; }
 .freedom-opening__kicker .era-age { font-size:10px; }
 .freedom-opening__years { height:90vw;margin-top:14vw; }
 .freedom-opening__year { font-size:46vw;left:-2vw; }
 .freedom-opening__year:nth-child(2) { top:40vw;left:3vw; }
 body.story-edition .freedom-opening__heading { font-size:10.8vw;line-height:1.02; }
 .freedom-opening__line:nth-child(2) { margin-left:16vw; }
 .freedom-opening__line:nth-child(3) { margin-left:0; }
 .freedom-opening__history { padding:12vw 6.5vw 16vw; }
 .freedom-opening__eyebrow { font-size:9px;margin-bottom:10vw;letter-spacing:.12em; }
 body.story-edition .freedom-opening__lead { width:auto;font-size:7.1vw;line-height:1.17;text-indent:8vw;margin-bottom:14vw; }
 .freedom-opening__columns { display:flex;flex-direction:column;gap:9vw;margin:0 0 17vw; }
 body.story-edition .freedom-opening__copy p { font-size:17px;line-height:1.6; }
 body.story-edition .freedom-opening__photo { margin:0; }
 body.story-edition .freedom-opening__photo figcaption { font-size:12px; }
 .freedom-opening__echoes { display:none; }
 body.story-edition .freedom-opening__coda { margin:0 0 14vw;max-width:none;font-size:8.2vw;line-height:1.22; }
 html[lang="zh-Hant"] .freedom-opening__heading { font-size:13vw; }
 html[lang="zh-Hant"] .freedom-opening__lead { font-size:7vw;line-height:1.5; }
 html[lang="zh-Hant"] .freedom-opening__copy p { line-height:1.85; }
 .freedom-opening__background-image { opacity:.10; }
}
html[data-motion="off"] .freedom-opening__line > span { opacity:1;translate:none;transition:none; }
@media(prefers-reduced-motion:reduce) { .freedom-opening *{transition:none!important;animation:none!important;}.freedom-opening__line > span{opacity:1!important;translate:none!important;} }
@media print {
 .freedom-opening { margin:0;background:white;color:black;overflow:visible; }
 .freedom-opening__years,.freedom-opening__backdrop,.freedom-opening__echoes { display:none; }
 .freedom-opening__title-block,.freedom-opening__history { padding:8mm 0; }
 body.story-edition .freedom-opening__heading { font-size:32pt;margin:8mm 0; }
 .freedom-opening__line { transform:none!important; }
 .freedom-opening__line > span { opacity:1!important;translate:none!important; }
 body.story-edition .freedom-opening__lead,body.story-edition .freedom-opening__coda { font-size:19pt;line-height:1.4;max-width:none;width:auto;margin:8mm 0;text-indent:0; }
 .freedom-opening__columns { display:block;margin:0; }
 body.story-edition .freedom-opening__copy p { font:11pt/1.5 serif; }
 body.story-edition .freedom-opening__photo { width:95mm;transform:none!important;break-inside:avoid; }
 .freedom-opening__kicker,.freedom-opening__eyebrow,.freedom-opening__notes,body.story-edition .freedom-opening__photo figcaption,body.story-edition .freedom-opening__photo .archive-credit { color:black; }
}