:root{color-scheme:dark;--bg:#14211d;--paper:#ede4cf;--dim:#b0b9aa;--line:#b0b9aa35;--blue:#a2d3d9;--gold:#d6b27c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Georgia,'Times New Roman',serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 10%,#8ca78b10,transparent 60%)}main{max-width:1200px;margin:auto;padding:35px 52px 75px}header{display:flex;justify-content:space-between;gap:25px;font:10px/1.8 monospace;letter-spacing:.13em;color:var(--dim)}a{color:inherit;text-underline-offset:5px}header a{text-decoration:none;letter-spacing:.28em;color:var(--paper)}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:590px;border-bottom:1px solid var(--line);gap:15px}.eyebrow{font:10px/1.9 monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}h1{font-weight:normal;font-size:clamp(70px,8.4vw,113px);line-height:.95;letter-spacing:-.065em;margin:33px 0 28px}h1 em{font-weight:normal;color:var(--gold)}.intro{font-size:22px;line-height:1.6;color:var(--dim)}.still-life{width:100%}.still-life svg{display:block;width:100%}.received{padding:65px 0 75px;display:grid;grid-template-columns:1fr 1.15fr;gap:15px}.verse{font-size:clamp(20px,2.1vw,27px);line-height:1.7;margin:0}.making{border-top:1px solid var(--line);padding:48px 0 60px}h2{font-size:27px;line-height:1.35;font-weight:normal;margin:0 0 16px}.small{font:12px/1.8 monospace;color:var(--dim);max-width:660px;overflow-wrap:anywhere}button{background:transparent;color:var(--paper);border:1px solid #809080;border-radius:2px;padding:14px 18px;font:12px/1.5 monospace;cursor:pointer}button:hover{border-color:var(--paper);background:#f3e7ca08}button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--bg)}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.choices,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 35px}.arrangement{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:start;min-height:610px}.scene{position:sticky;top:30px;padding-top:30px}.scene svg{display:block;width:100%;overflow:visible}.scene-caption{font:9px/1.8 monospace;color:var(--dim);text-align:center;letter-spacing:.12em}.reading .eyebrow{color:var(--gold);margin:10px 0 25px}.reading{padding-bottom:25px}.object-scene{display:none}.scene[data-mode=shelter] #shelter-scene,.scene[data-mode=instrument] #instrument-scene,.scene[data-mode=rest] #rest-scene{display:block}.js .reading[hidden],[hidden]{display:none!important}.rain{animation:rain 8s linear infinite}.pendant{transform-origin:302px 218px;animation:sway 6s ease-in-out infinite}.string{animation:hum 4s ease-in-out infinite}@keyframes rain{0%{transform:translate(0,-8px);opacity:.1}50%{opacity:.24}100%{transform:translate(-9px,14px);opacity:.1}}@keyframes sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes hum{50%{transform:translateY(1px)}}.handoff{padding:55px 0 70px;border-top:1px solid var(--line);max-width:800px;margin:auto}.coda{font-size:clamp(26px,3.6vw,40px);line-height:1.5;letter-spacing:-.025em;margin:30px 0 55px}.interactive{display:none}.js .interactive{display:block}label{font-size:19px;display:block;margin-bottom:18px}textarea,input{width:100%;border:1px solid #7b8d7b;background:#101b17;color:var(--paper);padding:16px;font:19px/1.7 Georgia,serif;border-radius:2px}textarea{resize:vertical}textarea::placeholder{color:#9aab9b;font-size:17px}input{font:12px/1.7 monospace;margin-bottom:18px}#inherited{border-left:1px solid var(--gold);padding:5px 0 5px 25px;margin-bottom:45px}#turns{padding-left:22px}#turns li{padding:12px 0;overflow-wrap:anywhere}#turns blockquote{margin:8px 0;font-size:21px;line-height:1.6;white-space:pre-wrap}#turns span{font:11px/1.8 monospace;color:var(--dim)}#link-box{padding-top:20px}footer{border-top:1px solid var(--line);padding-top:45px}.closing{font-style:italic;font-size:clamp(26px,3vw,36px);line-height:1.5;color:var(--gold);margin:0 0 50px}footer nav{display:flex;gap:22px;flex-wrap:wrap;font:12px/1.8 monospace;margin-bottom:28px}@media(max-width:700px){main{padding:26px 24px 50px}header{font-size:9px}header span{max-width:175px;text-align:right}.hero{grid-template-columns:1fr;gap:0;padding:55px 0 15px;min-height:0}h1{font-size:80px}.intro{font-size:20px}.still-life{max-width:430px;margin:-15px auto 0}.received{display:block;padding:38px 0 48px}.received .eyebrow{margin-bottom:25px}.arrangement{display:flex;flex-direction:column;gap:25px;min-height:0}.scene{position:relative;top:0;width:100%;padding-top:0;max-width:450px;margin:-15px auto 0}.scene svg{max-height:290px}.choices{gap:8px}button{font-size:11px;padding:12px 13px}.verse{font-size:21px}h2{font-size:25px}.reading{padding-bottom:0}.handoff{padding-top:40px}.coda{font-size:28px}.small{font-size:11px}.actions{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media print{body{background:white;color:black}.hero{min-height:0}.choices,.interactive,.scene,header,.still-life,footer nav{display:none!important}.arrangement{display:block}.js .reading[hidden]{display:block!important}.reading{break-inside:avoid}.small,.eyebrow,.intro,.closing{color:#333}.hero,.received,.handoff{display:block;padding:20px 0}h1{font-size:45px}.verse{font-size:15px}.reading .eyebrow{color:#333}}