.about{box-sizing:border-box;padding:0 26px 36px}.about[data-page=harmonium]{padding:0 54px 36px}.about-card{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:16px;padding:22px 24px 20px}.about-hero,.about-body{max-width:860px;margin-left:auto;margin-right:auto}.about-hero-art{min-width:0;margin-top:22px}.about-kicker{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:10px}.about-title{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.015em;color:var(--text);margin:0;font-size:22px;font-weight:500;line-height:1.2}.about-title em{color:var(--pink);font-style:italic}.about-lede{color:var(--text);max-width:72ch;margin:12px 0 0;font-size:16px;line-height:1.65}.about-body{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.about-prose{color:var(--text);margin-top:0;font-size:15.5px;line-height:1.7}.about-prose p{max-width:72ch;margin:0 0 1.1em}.about-prose h2{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.012em;color:var(--text);margin:30px 0 8px;font-size:19px;font-weight:500}.about-prose h2:first-child{margin-top:0}.about-prose h2 em,.about-prose p em{color:var(--pink);font-style:italic}@media (min-width:1024px){.metro+.about{margin-top:28px;padding:0 54px 36px}}@media (max-width:1023px){.about,.about[data-page=harmonium]{padding:0 14px 28px}.metro+.about{margin:56px auto 0}@media (max-width:599px){.metro+.about{max-width:393px;padding-left:0;padding-right:0}}.about-card{padding:18px 18px 16px}.about-title{font-size:20px}.about-hero-art{margin-top:18px}.about-prose h2{margin-top:26px;font-size:18px}}
.about .afig-scope{max-width:none;margin:0;padding:0}.about .afig-hero .rh{gap:26px}.about .afig-scope .fig-legend{color:var(--muted);font-size:11px}.about .afig-scope .bfig figcaption{border-top-color:#ffeedc24}.km{scrollbar-width:none;overflow-x:auto}.km::-webkit-scrollbar{display:none}.km-svg{width:100%;height:auto;display:block}@media (max-width:599px){.km-svg{min-width:520px}}.km-cap rect{fill:#ffeedc08;stroke:#ffeedc29;stroke-width:1px}.km-cap.mapped rect{fill:#ffeedc12;stroke:#ffeedc2e}.km-cap.sa rect{fill:var(--bacc-soft);stroke:var(--bacc)}.km-legend{fill:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.04em;font-size:9.5px}.km-swara{fill:var(--text);font-family:var(--font-fraunces), Georgia, serif;font-size:17px;font-weight:500}.km-cap.sa .km-swara{fill:var(--bacc)}.km-cap[data-acc] .km-swara{fill:var(--muted)}.km-acc{stroke:var(--text);stroke-opacity:.85;stroke-width:1.4px;stroke-linecap:round}.km-oct{fill:var(--text)}.km-legend-line{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.6}.km-which{color:var(--text)}.pt-svg{width:100%;height:auto;display:block}.pt-grid{stroke:#ffeedc1a;stroke-width:1px}.pt-name{fill:var(--text);opacity:.75;font-family:var(--font-mono), monospace;letter-spacing:.06em;font-size:11.5px}.pt-reed{stroke:#ffeedc6b;stroke-width:2px;stroke-dasharray:6 5;stroke-linecap:round}.pt-voice{fill:none;stroke:var(--bacc);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--bacc-glow))}.pt-legend{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);margin:8px 0 0;font-size:11px}.pt-key{vertical-align:middle;border-top:2px dashed #ffeedc6b;width:18px;height:0;margin:0 6px 3px 12px;display:inline-block}.pt-key:first-child{margin-left:0}.pt-key-voice{border-top:2px solid var(--bacc)}.st-svg{width:100%;height:auto;display:block}.st-reed rect,.st-reed path{fill:#ffeedc0d;stroke:#ffeedc38;stroke-width:1px}.st-reed.on rect,.st-reed.on path{fill:var(--bacc-soft);stroke:var(--bacc)}.st-name{fill:var(--text);font-family:var(--font-fraunces), Georgia, serif;font-size:15px;font-weight:500}.st-note{fill:var(--text);opacity:.72;font-family:var(--font-mono), monospace;letter-spacing:.05em;font-size:11px}.st-coupler{fill:none;stroke:var(--muted);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.tl{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px;margin:4px 0 0;padding:0;list-style:none;display:grid;position:relative}.tl:before{content:"";background:#ffeedc24;height:1px;position:absolute;top:36px;left:6px;right:6px}.tl-event{padding-top:50px;position:relative}.tl-event:before{content:"";background:var(--bacc);width:11px;height:11px;box-shadow:0 0 10px var(--bacc-glow);border-radius:50%;position:absolute;top:31px;left:0}.tl-year{font-family:var(--font-fraunces), Georgia, serif;color:var(--text);white-space:nowrap;font-size:19px;font-style:italic;font-weight:500;position:absolute;top:0;left:0}.tl-title{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--bacc);margin-bottom:4px;font-size:10.5px;display:block}.tl-text{color:var(--muted);font-size:13px;line-height:1.5;display:block}.rh{align-items:center;gap:22px;min-width:0;display:flex}.rh-strip{display:block}.rh-text{flex:1;min-width:0}.rh-name{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;color:var(--text);font-size:20px;font-weight:500}.rh-native{color:var(--muted);font-size:15px;font-weight:400}.rh-meta{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);margin:4px 0 12px;font-size:11.5px}@media (min-width:1024px){.metro+.about .tl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.metro+.about .tl:before{display:none}.metro+.about .tl-event{padding-top:0}.metro+.about .tl-year{margin-bottom:6px;padding-left:20px;line-height:1.2;display:block;position:static}.metro+.about .tl-event:before{width:10px;height:10px;top:7px}}.about-prose .afig-scope+h2{margin-top:38px}@media (max-width:1023px){.tl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}@media (max-width:479px){.tl{grid-template-columns:minmax(0,1fr);gap:14px}}.tl:before{display:none}.tl-event{padding-top:0}.tl-year{margin-bottom:6px;padding-left:20px;line-height:1.2;display:block;position:static}.tl-event:before{width:10px;height:10px;top:7px}.rh{gap:16px}.rh-name{font-size:18px}}
