:root{color-scheme:dark;font-family:Georgia,serif;background:#071f27;color:#f0e7cf}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid #398b8a;font:12px system-ui;letter-spacing:.14em}a{color:inherit;text-decoration:none}button,select{font:inherit;background:#123b44;color:#f0e7cf;border:1px solid #398b8a;border-radius:4px;padding:12px;cursor:pointer}button:disabled{opacity:.35;cursor:default}main{max-width:1100px;margin:auto;padding:32px 30px}.issue{display:flex;justify-content:space-between;font:12px system-ui;letter-spacing:.2em;color:#ed563b}h1{font-size:clamp(32px,5vw,65px);font-weight:normal;margin:16px 0 25px;line-height:1}article{display:grid;gap:24px;grid-template-columns:1fr 1fr}figure{margin:0;background:#f0e7cf;color:#092b35;overflow:hidden;position:relative}figure svg{width:100%;height:auto;display:block}figcaption{padding:22px 25px;font-size:18px;line-height:1.55;white-space:pre-line}.panel-number{font:11px system-ui;color:#b13d25;display:block;margin-bottom:8px;letter-spacing:.15em}figure:first-child{grid-column:1/-1}.diagonal figure:first-child svg,.surge figure:first-child svg{clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}.tower figure:first-child,.stairs figure:first-child{grid-column:auto;grid-row:span 2}.tower figure:first-child svg,.stairs figure:first-child svg{height:420px;object-fit:cover}.tower figure,.stairs figure{grid-column:2}.tower figure:first-child,.stairs figure:first-child{grid-column:1}.absence figure:first-child{margin-right:15%}.absence figure:last-child{margin-left:8%}.fracture figure:nth-child(2){transform:rotate(-2deg)}.fracture figure:last-child{transform:rotate(2deg)}.splash figure:first-child svg,.horizon figure:last-child svg{min-height:420px}.horizon figure:last-child,.quiet figure:last-child{grid-column:1/-1}.mirror figure:first-child{grid-column:auto}.mirror figure:last-child{grid-column:1/-1}.trap figure{border:8px solid #398b8a}.release figure:first-child{border-bottom:12px solid #ed563b}.impact figure:first-child{border:10px solid #ed563b}.impact figure:nth-child(2){transform:rotate(-1deg);z-index:2}.triptych{grid-template-columns:1fr 1fr 1fr}.triptych figure:first-child{grid-column:auto}.triptych svg{height:300px;object-fit:cover}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px}.note{font:12px/1.7 system-ui;color:#91b3b4;margin-top:28px}.drift{animation:drift 7s ease-in-out infinite}svg .surge{animation:surge 3s ease-in-out infinite}.blink{animation:blink 2s steps(2,end) infinite}@keyframes drift{50%{translate:0 3px}}@keyframes surge{50%{translate:8px -3px}}@keyframes blink{50%{opacity:.3}}.paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:650px){main{padding:25px 14px}article,.triptych{display:flex;flex-direction:column;gap:20px}article figure{margin:0!important;transform:none!important;border-width:4px!important}figure svg,.triptych svg,.stairs figure:first-child svg,.tower figure:first-child svg{height:auto!important;min-height:0!important}figcaption{font-size:18px;padding:19px}header{padding:12px;letter-spacing:.03em}nav{font-size:14px}}

.sound{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font:12px system-ui;margin-bottom:25px}.sound label{display:flex;align-items:center;gap:8px}#audio-status{color:#91b3b4}

/* The action sequence has its own reading rhythm, including on narrow screens. */
article.surge,article.impact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 16px}
article.surge figure,article.impact figure{background:transparent;border:0;transform:none;overflow:visible}
article.surge figure:nth-child(1){grid-column:1/12}article.surge figure:nth-child(2){grid-column:3/13}article.surge figure:nth-child(3){grid-column:1/13}
article.impact figure:nth-child(1){grid-column:1/9}article.impact figure:nth-child(2){grid-column:4/13}article.impact figure:nth-child(3){grid-column:1/13}
article.surge figure svg,article.impact figure svg{clip-path:none}
article.surge figure:first-child svg{clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
article.impact figure:nth-child(2) svg{clip-path:polygon(0 12%,100% 0,100% 100%,0 92%)}
article.surge figcaption,article.impact figcaption{color:#f0e7cf;padding:16px 0 5px;max-width:620px;border-top:2px solid #398b8a;margin-top:10px}
article.surge figure:nth-child(2) figcaption{margin-left:15%}article.impact figure:last-child figcaption{margin-left:20%}
@media(max-width:650px){article.surge,article.impact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:34px 0}article.surge figure:nth-child(1){grid-column:1/13}article.surge figure:nth-child(2){grid-column:2/13}article.surge figure:nth-child(3){grid-column:1/13}article.impact figure:nth-child(1){grid-column:1/12}article.impact figure:nth-child(2){grid-column:1/13}article.impact figure:nth-child(3){grid-column:2/13}article.surge figcaption,article.impact figcaption{font-size:18px;padding:14px 0 0}article.surge figure:nth-child(2) figcaption,article.impact figure:last-child figcaption{margin-left:8%}article.surge figure:nth-child(3) svg,article.impact figure:nth-child(2) svg{width:100%;aspect-ratio:1.25;object-fit:cover}}

article.impact figure:first-child{border:0}
@media(max-width:380px){header{gap:12px;flex-wrap:wrap}nav{display:grid;grid-template-columns:1fr 1fr}nav label{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:10px;min-width:0}nav select{min-width:0;width:100%}nav button{min-width:0}.sound label{display:block;margin-top:12px}}

.listening{padding:24px;border:1px solid #398b8a;border-radius:12px;background:linear-gradient(120deg,#123b44,#0b2b35);margin-bottom:32px;font:15px/1.6 system-ui}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#eebc78;margin:0}.listening h2{font:normal 30px Georgia,serif;margin:7px 0}.sound-intro>p:last-child{margin:6px 0 18px;color:#bdd1cd}.primary-play{background:#f0e7cf;color:#092b35;font-weight:700;min-width:190px;font-size:16px}.listening .sound{margin-bottom:14px}.listening summary{cursor:pointer;color:#e8d9ba;padding:10px 0}.reading-tools{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center;padding-top:12px}.reading-tools label{display:grid;gap:5px;font-size:13px}.reading-tools output{color:#b7cccb}.reading-tools p{font-size:12px;color:#b7cccb;margin:0}.reading-tools input{width:100%;accent-color:#eebc78}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #eebc78;outline-offset:4px}.panel-motion{transform-box:view-box;transform-origin:50% 50%;animation:panel-breathe 9s ease-in-out infinite}figure:nth-child(2) .panel-motion{animation-delay:-3s}figure:nth-child(3) .panel-motion{animation-delay:-6s}@keyframes panel-breathe{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(0,-4px) scale(1.012)}}@media(max-width:650px){.listening{padding:18px}.reading-tools{grid-template-columns:1fr}.primary-play{width:100%}.listening .sound{align-items:stretch}.sound label{width:100%}}@media(prefers-reduced-motion:reduce){.panel-motion{animation:none!important}}

#floating-pause{position:fixed;right:18px;bottom:18px;z-index:20;border-radius:999px;background:#f0e7cf;color:#092b35;box-shadow:0 4px 24px #0005;font:600 14px system-ui}#floating-pause[hidden]{display:none}

.book-page{padding:45px 0 70px;border-top:1px solid #398b8a66;scroll-margin-top:20px}.book-page:first-child{padding-top:0;border-top:0}.page-title{font:normal clamp(32px,5vw,65px)/1 Georgia,serif;margin:16px 0 25px}#counter{font:12px system-ui;color:#91b3b4}nav{flex-wrap:wrap}