html,body{overflow-x:clip}body{background:#000}main{position:relative}.experience{position:relative;isolation:isolate}.scene-viewport{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000}.scene-viewport>.hero{height:calc(100svh - var(--dock-clearance,0px));min-height:0;max-height:none;padding:0;contain:layout paint}.opening-space{height:145svh;position:relative;pointer-events:none}.opening-note{position:absolute;top:calc(100svh - 38px);left:6.6%;right:6.6%;margin:0;font-size:8px;font-weight:500;letter-spacing:.17em;display:flex;justify-content:space-between;color:#aaa}.opening-note span{color:#eee}.hero-loading .opening-note,.hero-intro:not(.hero-revealing) .opening-note,.hero-boot .opening-note{visibility:hidden}.music-film{position:relative}.music-film,.track-chapter,.show-finale{scroll-margin-top:-108px}.track-chapter{height:135svh;position:relative;--chapter-accent:#a8ef66}.track-chapter[data-chapter="1"]{--chapter-accent:#dd83c4}.track-chapter[data-chapter="2"]{--chapter-accent:#eab276}.chapter-stage{height:calc(100svh - var(--dock-clearance,0px));position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:100px 8% 50px;isolation:isolate}.chapter-copy{max-width:650px;position:relative;z-index:2}.chapter-index{font-size:9px;line-height:1.5;letter-spacing:.12em;margin:0 0 30px;color:#eee;display:flex;align-items:center;gap:28px;font-variant-numeric:tabular-nums}.chapter-index span{font-size:8px;color:#999;letter-spacing:.1em}.chapter-copy h2{font-size:clamp(60px,7.8vw,132px);font-weight:550;line-height:.88;letter-spacing:-.065em;margin:0 0 30px;text-wrap:balance;text-shadow:0 4px 40px #0006}.chapter-artists{font-size:12px;line-height:1.6;color:#ccc;margin:0 0 18px;max-width:400px}.chapter-edition{font-size:7px;letter-spacing:.16em;color:#888;margin:0}.chapter-artwork{width:min(39vw,560px);justify-self:center;position:relative;isolation:isolate}.chapter-artwork:before{content:"";position:absolute;inset:-18%;background:radial-gradient(ellipse,color-mix(in srgb,var(--chapter-accent) 13%,transparent),transparent 65%);z-index:-1;filter:blur(25px)}.chapter-artwork .record-card{padding:0;margin:0;background:none;border:0;min-width:0}.chapter-artwork .record-stage{width:100%;aspect-ratio:1;margin:0;transform:none}.chapter-artwork .record-sleeve{width:88%;border-radius:22px;box-shadow:0 30px 70px #0009,0 0 0 1px #ffffff20;transform:translateX(3%)}.chapter-artwork .record-sleeve>img{border-radius:22px}.chapter-artwork .record-vinyl{width:82%;right:3%;top:3%;transform:translateX(0);transition:transform 700ms cubic-bezier(.4,0,.2,1)}.chapter-artwork .is-selected .record-vinyl{transform:translateX(25%)}.chapter-artwork .is-selected .record-sleeve{transform:translateX(-8%) rotate(-2deg)}.chapter-artwork .record-stage:hover .record-sleeve{transform:translateX(3%) translateY(-3px)}.chapter-artwork .is-selected .record-stage:hover .record-sleeve{transform:translateX(-8%) rotate(-2deg)}.chapter-artwork .record-info{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chapter-listen{font-size:7px;letter-spacing:.16em;text-align:center;color:#aaa;margin:24px 0 0}.chapter-artwork .record-action{width:54px;height:54px}.artist,.records,.booking,.footer{position:relative;z-index:2}.artist{background:#080808}.records{background:#0c0c0c;padding-top:85px;padding-bottom:85px}.records .record-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:40px}.records-heading h2{font-size:clamp(36px,4.3vw,68px)}.records-heading>p{font-size:11px;color:#888}.records .record-topline{font-size:7px}.records .record-info h3{font-size:20px}.records .record-info p{font-size:10px}.records .record-info small{font-size:9px}.records .record-card[data-record="0"] .record-topline{color:#f5f5f2}.show-finale{position:relative;z-index:1;height:110svh;pointer-events:none;background:transparent}.finale-copy{position:absolute;left:6.6%;top:35%;max-width:28%;pointer-events:auto}.finale-copy .eyebrow{font-size:8px;color:#aaa;margin-bottom:25px}.finale-copy h2{font-size:clamp(32px,3.8vw,64px);font-weight:500;line-height:1.02;letter-spacing:-.045em;margin:0 0 30px}.finale-copy .button{font-size:11px;min-height:48px}.show-finale+.booking{margin-top:0}.scene-viewport:not([data-scene="opening"]) .hero-copy,.scene-viewport:not([data-scene="opening"]) .hero-art{opacity:0}.scene-viewport[data-scene="finale"] .hero-copy,.scene-viewport[data-scene="finale"] .hero-art{opacity:1}.scene-viewport[data-scene="music"] .atmosphere-fallback{opacity:.4}.scene-viewport[data-scene="music"] .symbol-fallback{transform:translateX(-45%) rotateY(20deg);opacity:.35}
@media(min-width:1600px){.chapter-stage{padding-left:10%;padding-right:10%}}
@media(max-width:1000px) and (min-width:761px){.chapter-copy h2{font-size:70px}.chapter-stage{gap:3vw;padding-left:6%;padding-right:6%}.records .record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.scene-viewport>.hero{height:calc(100svh - var(--dock-clearance,0px));min-height:0;max-height:none}.opening-space{height:145svh}.opening-note{left:24px;right:24px;font-size:6px;top:calc(100svh - 30px)}.track-chapter{height:125svh}.chapter-stage{height:calc(100svh - var(--dock-clearance,0px));padding:100px 24px 28px;display:flex;flex-direction:column;justify-content:center;gap:26px}.chapter-copy{text-align:center;width:100%;max-width:500px}.chapter-index{justify-content:center;font-size:7px;gap:15px;margin-bottom:17px}.chapter-index span{font-size:6px}.chapter-copy h2{font-size:clamp(38px,10.2vw,62px);line-height:.94;letter-spacing:-.055em;margin-bottom:15px}.chapter-artists{font-size:9px;line-height:1.5;max-width:none;margin:0 0 12px}.chapter-edition{font-size:6px;letter-spacing:.1em}.chapter-artwork{width:min(68vw,34svh,340px);align-self:center;flex-shrink:0}.chapter-artwork .record-sleeve,.chapter-artwork .record-sleeve>img{border-radius:17px}.chapter-listen{font-size:6px;letter-spacing:.1em;margin-top:14px}.chapter-artwork .record-action{width:42px;height:42px}.scene-viewport .hero-copy{bottom:95px}.records{padding-top:50px;padding-bottom:50px}.records .record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px;margin-top:30px}.records .record-info h3{font-size:18px}.records-heading h2{font-size:38px}.records .section-top .text-link{font-size:7px}.records-heading>p{font-size:10px}.records .record-topline{font-size:6px}.records .record-info p{font-size:9px;line-height:1.5}.records .record-info small{font-size:8px}.show-finale{height:110svh}.finale-copy{inset:103px 24px auto;max-width:none;text-align:center;height:calc(100svh - 130px - var(--dock-clearance,0px));display:flex;align-items:center;flex-direction:column;pointer-events:none}.finale-copy .eyebrow{font-size:6px;margin-bottom:14px}.finale-copy h2{font-size:30px;line-height:1;margin-bottom:0}.finale-copy .button{margin-top:auto;pointer-events:auto;font-size:10px;min-height:44px;padding:12px 20px}.has-music-dock .chapter-stage{gap:18px;padding-top:94px;padding-bottom:20px}.has-music-dock .chapter-artwork{width:min(68vw,34svh,320px)}}
@media(max-height:700px) and (max-width:760px){.chapter-stage{gap:18px}.chapter-index{margin-bottom:10px}.chapter-copy h2{font-size:36px;margin-bottom:10px}.chapter-edition{display:none}.has-music-dock .chapter-artwork{width:min(68vw,34svh,320px)}.finale-copy{top:90px}.finale-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.opening-space{height:100svh}.track-chapter{height:auto;min-height:100svh}.chapter-stage{position:relative;min-height:100svh;height:auto}.chapter-artwork .record-vinyl,.chapter-artwork .record-sleeve{transition:none!important}.chapter-artwork .is-selected .record-sleeve{transform:translateX(-8%)}.show-finale{height:100svh}}
.motion-paused .chapter-artwork .record-vinyl,.motion-paused .chapter-artwork .record-sleeve{transition:none}
