:root{--reading:0;--nav-height:78px;--scroll-shift:0px;--scroll-scale:1}html{scroll-padding-top:calc(var(--nav-height) + 24px)}[id]{scroll-margin-top:16px}.reading-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:100;background:#08060e}#reading-fill{height:100%;width:100%;transform-origin:left;transform:scaleX(var(--reading));background:linear-gradient(90deg,var(--purple),var(--acid));box-shadow:0 0 14px #c1ff3877}.section-nav{gap:8px 14px;overflow:visible;align-items:center}.nav-home{font-weight:800;letter-spacing:.12em;margin-right:12px}.nav-home span{color:var(--acid)}.nav-group{position:relative}.nav-group summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 12px;font-size:.875rem;cursor:pointer;border:1px solid transparent;border-radius:4px;color:#ded3ed}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary span{color:var(--purple);transition:transform .2s}.nav-group[open] summary span{transform:rotate(45deg)}.nav-group[open] summary,.nav-group.is-current summary{color:var(--acid);border-color:#c1ff3844;background:#c1ff3809}.submenu{position:absolute;top:calc(100% + 12px);left:0;width:220px;max-width:calc(100vw - 32px);padding:8px;background:#15101f;border:1px solid #ae62ff55;box-shadow:0 20px 50px #0008;border-radius:5px;z-index:20}.nav-group:last-child .submenu{left:auto;right:0}.submenu a{display:block;min-height:44px;padding:13px;border-radius:3px;line-height:1.4}.submenu a:hover,.submenu a[aria-current]{background:#ae62ff16;color:var(--acid)}summary:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.profile-grid,.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.profile-grid article{position:relative;padding:32px;background:linear-gradient(140deg,#271437,#110d19);border-top:1px solid #ae62ff88}.profile-number{font-size:3rem;font-weight:800;color:#ae62ff55}.profile-grid h3{font-size:2rem;margin:15px 0 5px}.profile-grid p,.connection-grid p,.release-list p,.listening-steps p,.faq p{font-size:1rem;line-height:1.8;color:#cbbfd9}.profile-grid .full-name{color:var(--acid);margin:0 0 18px;font-size:.9375rem}.release-list article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:30px;padding:32px 0;border-bottom:1px solid #ae62ff38}.release-year{font-variant-numeric:tabular-nums;font-size:2.6rem;letter-spacing:-.05em;color:var(--purple);font-weight:800}.release-list h3{font-size:1.5rem;margin:0}.release-list .eyebrow{margin:0 0 12px}.release-list p{margin:16px 0}.connection-grid article{border-left:2px solid #ae62ff66;padding:0 24px}.connection-grid h3{margin:0;font-size:1.35rem}.listening-steps article{display:flex;gap:28px;padding:28px 0;border-bottom:1px solid #ae62ff38}.listening-steps article>span{font-size:2rem;font-weight:800;color:var(--acid)}.listening-steps h3{margin:0;font-size:1.3rem}.listening-steps p{margin:10px 0 0;max-width:760px}.faq details{border-bottom:1px solid #ae62ff44}.faq summary{font-size:1.0625rem;padding:24px 28px 24px 0;cursor:pointer;line-height:1.5;color:#eee4f8}.faq details[open] summary{color:var(--acid)}.faq p{margin:0;padding:0 0 24px;max-width:800px}.art{transform:translate3d(0,var(--scroll-shift),0) scale(var(--scroll-scale));transform-origin:50% 20%;will-change:transform}.chapter,.story-section{--section-progress:0;position:relative}.chapter::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;transform-origin:left;transform:scaleX(var(--section-progress));background:linear-gradient(90deg,var(--purple),var(--acid));pointer-events:none}.reveal-ready{opacity:.12;transform:translate3d(0,30px,0);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal-ready.in-view{opacity:1;transform:translate3d(0,0,0)}.chapter-title h2{transform:translate3d(var(--heading-shift,0px),0,0);transition:none}.milestones article,.festival,.profile-grid article,.connection-grid article{transition:border-color .3s,box-shadow .3s}.festival:hover,.profile-grid article:hover{border-color:#c1ff3899;box-shadow:0 0 30px #ae62ff13}.eyebrow,.milestone-tag,.label,.festival-top,.source-link{font-size:.875rem}
@media(max-width:650px){.section-nav{gap:0;padding:10px 8px;justify-content:space-around}.nav-home{display:none}.nav-group{position:static}.nav-group summary{gap:5px;padding:10px 8px;font-size:.875rem}.submenu,.nav-group:last-child .submenu{left:12px;right:12px;top:100%;width:auto;max-width:none}.profile-grid,.connection-grid{grid-template-columns:1fr}.profile-grid article{padding:24px}.release-list article{grid-template-columns:1fr;gap:16px}.release-year{font-size:2rem}.listening-steps article{gap:18px}.chapter-title h2{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art{transform:none;will-change:auto}.reveal-ready{opacity:1;transform:none;transition:none}.chapter-title h2{transform:none}.nav-group summary span{transition:none}}
