*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#090d18;color:#e9e6f1;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 5%;border-bottom:1px solid #ffffff13;font-size:12px}.brand{letter-spacing:.18em;font-weight:700}.edition{color:#808596}.quiet{color:#c6b48c}main{max-width:1440px;margin:auto;padding:0 5%}.intro{text-align:center;padding:64px 0 16px}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:600;color:#c6ab78}h1{font-family:Georgia,serif;font-size:clamp(44px,5.4vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:22px 0}h1 em{font-weight:400;color:#cebadf}.lede{font-size:15px;line-height:1.7;color:#949bad;max-width:460px;margin:0 auto}.exhibit{position:relative;margin:18px auto 64px;width:100%;height:min(78vw,760px);min-height:460px;border:1px solid #ffffff12;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#27213e 0%,#101524 44%,#090d18 80%)}#viewer{width:100%;height:100%;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}#poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#090d18;pointer-events:none}#poster.hidden{display:none}#status{position:absolute;top:22px;left:0;right:0;text-align:center;color:#d0c0db;font-size:12px;pointer-events:none}.controls{position:absolute;bottom:48px;left:0;right:0;display:flex;justify-content:center;gap:8px}button{background:#141b2ce6;border:1px solid #ffffff20;color:#e9e6f1;font:inherit;font-size:11px;padding:11px 17px;border-radius:24px;cursor:pointer;backdrop-filter:blur(14px)}button:hover,button[aria-pressed=true]{background:#35414f;border-color:#9cafba}button:focus-visible,a:focus-visible{outline:2px solid #bd9edf;outline-offset:5px}button:disabled{opacity:.4;cursor:wait}.hint{position:absolute;bottom:12px;text-align:center;width:100%;font-size:10px;letter-spacing:.08em;color:#8791a6;pointer-events:none}.characters{display:grid;grid-template-columns:1fr 100px 1fr;gap:40px;max-width:1040px;margin:0 auto 68px}.characters article{padding:12px 0}h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:18px 0}h2 span{font-size:25px;color:#887797;margin-left:9px}.characters article>p:last-child{color:#9199ab;line-height:1.9;font-size:14px;margin:0;max-width:390px}.lavender{color:#b398d5}.mint{color:#82beae}.bond{align-self:center;text-align:center;font-size:36px;color:#be85a4}.bond span{display:block;font-size:9px;letter-spacing:.16em;color:#808596;margin-top:10px}footer{border-top:1px solid #ffffff13;padding:26px 0 36px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7d8599}footer span:first-child{letter-spacing:.15em;color:#c6b48c}footer a{color:#bec6d5}@media(max-width:650px){header{padding:22px 5%}.edition{display:none}.brand{font-size:10px}.intro{padding-top:42px}.lede{font-size:13px;padding:0 10px}.exhibit{height:530px;min-height:0;margin-bottom:40px}.characters{grid-template-columns:1fr;gap:12px;margin-bottom:42px}.bond{display:none}.characters article{padding:14px 10px}.characters article>p:last-child{max-width:none}h2{font-size:32px;margin:14px 0}footer{flex-wrap:wrap;line-height:1.7}footer span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}