@media(min-width:741px){
 .identity{width:16cqw;left:2.8cqw;top:3.1cqh}
 .mode-switch{padding:3px;border:1px solid #fff4de55;border-radius:3px;background:#29372c40;backdrop-filter:blur(6px);gap:0;box-shadow:none}
 .mode-switch>span{display:none}
 .mode-switch button{opacity:1;font-size:clamp(20px,1.35cqw,27px);padding:9px 20px;min-height:44px;border-radius:1px;text-shadow:0 1px 5px #17231b80}
 .mode-switch button[aria-pressed=true]{color:var(--paper);background:#fff4de14}
 .mode-switch button::after{display:block;left:20px;right:20px;bottom:3px;background:#fff4deb0}
 .mode-switch button:not([aria-pressed=true]):hover{background:#fff4de0c}
 nav,.identity,.slogan,#home-back,#chapter-heading{transition:transform .4s ease,opacity .35s ease}
 body.mode-changing nav{display:grid;transform:translateY(24dvh);opacity:0;pointer-events:none}
 body.mode-changing.mode-from-night nav{display:none}
 body.mode-changing .identity,body.mode-changing .slogan,body.mode-changing #home-back,body.mode-changing #chapter-heading{transform:translateY(110dvh);opacity:0;pointer-events:none}
 body.mode-changing .slogan{display:block}
 body.chapter-open{overflow-y:auto;overflow-x:hidden;height:auto}
 /* Keep the hero's width identical when document scrolling adds a scrollbar. */
 #scene{width:100vw}
 body.chapter-open #scene{height:100dvh}
 #scene::after{content:"";position:absolute;inset:40% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#17251d6b);opacity:0;transition:opacity .35s ease}
 body.chapter-open #scene::after{opacity:1}
 #chapter-heading{position:absolute;z-index:2;left:8cqw;bottom:22cqh;max-width:75cqw;text-shadow:0 2px 16px #15201660}
 #chapter-heading h2{font:300 clamp(42px,5.1cqw,98px)/1.04 JungwerkText,Georgia,serif;letter-spacing:-.018em;margin:14px 0 18px}
 #chapter-heading>p:not(.chapter-kicker){font:300 clamp(21px,1.6cqw,31px)/1.3 JungwerkText,Georgia,serif;margin:0}
 .chapter-kicker{font:400 12px/1.5 'Segoe UI',sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}
 .scroll-cue{display:inline-flex;gap:30px;align-items:center;margin-top:24px;padding:8px 0;color:inherit;text-decoration:none;border-bottom:1px solid #fff4de80;font:300 21px JungwerkText,Georgia,serif}
 #chapter-content{background:#f7f2e8;color:#2d4036;padding:100px max(8vw,calc((100vw - 1320px)/2)) 38px}
 .chapter-lead{max-width:790px}
 .chapter-lead h2{font:300 clamp(40px,4vw,70px)/1.08 JungwerkText,Georgia,serif;margin:0 0 30px}
 .chapter-lead>p:not(.chapter-kicker){font:400 18px/1.75 'Segoe UI',sans-serif;max-width:700px;color:#536157}
 .chapter-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:72px}
 .chapter-columns article{border-top:1px solid #2d403640;padding-top:24px}
 .chapter-columns h3{font:300 33px/1.15 JungwerkText,Georgia,serif;margin:0 0 18px}
 .chapter-columns p{font:400 16px/1.8 'Segoe UI',sans-serif;color:#536157}
 .chapter-footer{margin-top:100px;border-top:1px solid #2d40362b;padding-top:26px;font:400 12px 'Segoe UI',sans-serif;letter-spacing:.06em;color:#708073}
 .chapter-note{font-size:15px!important}
}
@media(max-width:740px){#chapter-heading,#chapter-content{display:none!important}}
@media(min-width:741px) and (max-height:600px){#chapter-heading{bottom:25cqh}#chapter-heading h2{font-size:clamp(34px,4.3cqw,62px);margin:5px 0 8px}.scroll-cue{margin-top:6px}}