#chapter-intro{position:fixed;inset:0;z-index:12000;background:#000;color:#fff;display:grid;place-items:center;overflow:hidden;isolation:isolate;font-family:serif;cursor:pointer;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}
#chapter-intro [hidden]{display:none!important}
.chapter-intro-title{position:relative;width:min(88vw,1100px);height:min(80dvh,800px);display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;animation:chapter-ink-in .35s ease-out both}
.chapter-intro-art{height:100%;width:100%;object-fit:contain;min-height:0}
.chapter-intro-number{position:absolute;left:0;top:20%;writing-mode:vertical-rl;letter-spacing:.4em;font-size:clamp(16px,2.3vw,28px);z-index:1}
.chapter-intro-tagline{margin:8px 0 0;font-size:clamp(12px,1.8vw,20px);letter-spacing:.16em;text-align:center;line-height:1.7}
.chapter-intro-fallback{font-size:clamp(36px,8vw,100px);text-align:center}
.chapter-intro-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;transition:opacity .7s;filter:brightness(.23)}
#chapter-intro[data-phase=summary] .chapter-intro-bg{opacity:1}
.chapter-intro-summary{width:min(78vw,850px);max-height:calc(100dvh - 90px);overflow:auto;animation:chapter-ink-in .6s ease-out both;line-height:1.9;font-size:clamp(16px,2vw,24px);text-shadow:0 2px 8px #000}
.chapter-intro-summary h2{font-size:.72em;font-weight:normal;letter-spacing:.2em;color:#bbb;margin:0 0 22px}
.chapter-intro-summary p{margin:0 0 1em}
.chapter-intro-skip{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right));min-height:40px;padding:8px 14px;background:#0009;border:1px solid #ffffff40;color:#bbb;font:12px sans-serif;cursor:pointer;letter-spacing:.12em}
.chapter-intro-skip:focus-visible{outline:2px solid white;outline-offset:3px}
@keyframes chapter-ink-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(orientation:landscape) and (max-height:450px){.chapter-intro-title{height:77dvh;width:75vw}.chapter-intro-tagline{margin:0;font-size:11px}.chapter-intro-number{font-size:15px}.chapter-intro-summary{font-size:14px;line-height:1.75;width:78vw}.chapter-intro-summary h2{margin-bottom:10px}.chapter-intro-summary p{margin-bottom:.65em}.chapter-intro-skip{bottom:6px;min-height:32px;padding:5px 10px}}
@media(orientation:portrait){.chapter-intro-title{width:94vw;height:58dvh}.chapter-intro-number{left:5%;top:7%;writing-mode:horizontal-tb;font-size:15px}.chapter-intro-tagline{font-size:12px;letter-spacing:.06em}.chapter-intro-summary{width:82vw;font-size:17px}}
@media(prefers-reduced-motion:reduce){.chapter-intro-title,.chapter-intro-summary{animation:none}.chapter-intro-bg{transition:none}}