/* Scene-specific layers and the consolidated signal path. */
.instrument-zone{background:linear-gradient(transparent,#07111d 55%,#07111d)}
.filter-foundry:before{display:none}
.floating-title{top:10%;width:53%}.floating-title .obsidian-brand svg{animation:none}.impact-type{position:relative;min-height:280px;margin-top:38px}.impact-type .opening-whisper{margin:0;font-size:clamp(30px,3.8vw,62px);line-height:1.06}.impact-type canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.impact-type.ready .opening-whisper{opacity:0}
.stage-effects{position:absolute;inset:0;z-index:-2;pointer-events:none;mask-image:linear-gradient(#000,#000),url('assets/obsidian/stage-foreground.png');mask-size:100% 100%,cover;mask-position:center;mask-repeat:no-repeat;mask-composite:exclude}.stage-effects .stage-beam{z-index:0;filter:blur(12px);mix-blend-mode:screen;mask-image:linear-gradient(#000,transparent 95%);width:36%;height:110%;transform-origin:50% 0}.stage-effects .stage-smoke{z-index:1}.stage-effects #stage-atmosphere{z-index:2}.beam-rose{background:linear-gradient(#fd46b6b0,#ff169e10);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}.beam-cyan{background:linear-gradient(#57dcffb0,#02c6ff0a);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}.beam-amber{background:linear-gradient(#ffd483aa,#fc88070a);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}.smoke-upper{top:-8%;left:0;width:110%;opacity:.19;animation:smoke-drift 24s ease-in-out -7s infinite alternate}.stage-effects .beam-rose{animation:beam-rose 12s ease-in-out infinite alternate,stage-color 23s linear infinite}.stage-effects .beam-cyan{animation:beam-cyan 10s ease-in-out infinite alternate,stage-color 29s linear -6s infinite}.stage-effects .beam-amber{animation:beam-amber 13s ease-in-out infinite alternate,stage-color 31s linear -9s infinite}
@keyframes stage-color{0%,100%{filter:blur(12px) hue-rotate(0deg)}50%{filter:blur(12px) hue-rotate(85deg)}}
.percussion-parade{min-height:240px;padding:10px 0 30px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);gap:2%;overflow:visible}.percussion-parade:before{display:none}.parade-object{position:relative;width:clamp(70px,8.5vw,140px)}.parade-object:nth-child(1),.parade-object:nth-child(8){top:-28px}.parade-object:nth-child(2),.parade-object:nth-child(7){top:-10px}.parade-object:nth-child(3),.parade-object:nth-child(6){top:15px}.parade-object:nth-child(4),.parade-object:nth-child(5){top:34px}
.parade-1,.float-snare{background-size:357.21% 200%!important;background-position:0% 0%!important;aspect-ratio:430/512!important}.parade-2,.float-chain{background-size:438.86% 200%!important;background-position:36.26% 0%!important;aspect-ratio:350/512!important}.prop-bachi{display:none}
.route-atlas{padding-top:30px;padding-bottom:25px;background:linear-gradient(#07111d,#080e18)}.route-atlas:after{display:none}.atlas-heading{grid-template-columns:1.12fr 1fr;gap:15px 7%;align-items:center}.atlas-heading h2{font-size:clamp(42px,4.65vw,76px);line-height:.97}.atlas-heading>p:last-child{font:600 clamp(23px,2.35vw,38px)/1.1 'Barlow Condensed',sans-serif;transform:rotate(-3deg) translateY(-10px);max-width:none;letter-spacing:.012em;color:#d9eff0;text-shadow:0 2px 2px #000,0 0 24px #7de0ff22}.atlas-heading>p em{color:#f3c393}.route-track{margin-top:40px}
.filter-foundry{margin:0;padding-top:65px;padding-bottom:110px;background:linear-gradient(#080e18,#0a131d 55%,#0c1523);overflow:visible;z-index:2}.foundry-heading{gap:18px 5%}.foundry-heading>p,.constellation-heading>p{font:700 clamp(24px,2.6vw,42px)/1.08 'Barlow Condensed',sans-serif;letter-spacing:.01em;max-width:none;transform:rotate(-3deg);background:linear-gradient(105deg,#a9c5d6,#fff7dc 25%,#d7fbff 46%,#789cba 52%,#fff 60%,#ccd9e7);background-size:230% 100%;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px #000a) drop-shadow(0 0 13px #b6e8ff2a);animation:metal-glint 13s linear infinite,quote-float 8s ease-in-out infinite alternate}.foundry-heading>p{margin-top:-25px;position:relative;z-index:3}.foundry-objects .float-mallet{top:2%;left:38%;width:120px;opacity:.65}.foundry-objects .float-chain{right:-2%;top:9%;width:150px}.foundry-objects .float-snare{left:0;top:33%;width:170px}.filter-detail{background:linear-gradient(145deg,#152633e8,#0b171ff2)}
.world{margin-top:-50px;background:#0c1523;z-index:3}.world-art{mask-image:linear-gradient(transparent,#000 5%,#000 91%,transparent)}.world:before{content:'';position:absolute;left:-7%;top:-60px;width:56%;height:150px;background:url('assets/obsidian/cloud-layer.png') center/contain no-repeat;opacity:.24;pointer-events:none;z-index:2}.world-art>.cloud-upper{top:0;left:24%;width:76%;opacity:.18}.cherry-branch{top:-1%;width:20%;left:-4%}.gong-sheen{left:1%;top:49.5%;height:23%;width:20%;opacity:.2;animation:gong-sheen 11s ease-in-out infinite}.gong-foreground,.gong-disc{display:none}
#waterfall-motion,#forge-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#world-atmosphere{z-index:3}
.botanical-bridge{position:relative;height:0;z-index:5;pointer-events:none}.botanical-bridge>img:first-child{position:absolute;right:-2%;top:-220px;width:clamp(170px,22vw,370px);height:auto;max-width:none;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent);filter:drop-shadow(0 4px 9px #0006)}.botanical-bridge .bridge-cloud{position:absolute;left:-10%;width:90%;top:-100px;opacity:.15;mix-blend-mode:screen;mask-image:linear-gradient(transparent,#000,transparent)}
.noise-constellation{overflow:visible;z-index:2;padding-top:105px;padding-bottom:150px;background:linear-gradient(#0c1523,#08121d 30%,#08121d)}.noise-constellation:before{display:none}.constellation-heading>p{transform:rotate(2deg);font-size:clamp(24px,2.25vw,36px);padding-right:25px}.noise-objects .float-wrench{top:24%;right:-2%;width:140px}.noise-objects .float-guiro{bottom:45px}.noise-description{background:none}.noise-selector{position:relative;z-index:6}.noise-description p{max-width:65ch}.noise-objects{overflow:visible}.floating-objects{overflow:hidden}
.closing-world{margin-top:-85px;min-height:0;height:auto;aspect-ratio:1672/1100;background:#08121d;overflow:visible;z-index:3;padding:0}.alley-art{top:0;height:100%;object-fit:fill;mask-image:linear-gradient(transparent 0,#000 7%,#000 93%,transparent 100%);z-index:-3}.closing-world:after{background:linear-gradient(90deg,#08121dbb,transparent 65%);z-index:-1}.closing-content{padding:11% 0 25px;width:43%;margin-left:6%;max-width:620px}.full-brand{width:clamp(130px,14vw,205px);margin:0 0 20px}.closing-world nav{display:flex;flex-direction:column;gap:22px;width:100%}.closing-world nav a,.closing-world nav a:last-child{width:100%;display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:90px;border:0;padding:18px 35px 18px 22px;clip-path:polygon(6% 0,96% 7%,100% 75%,91% 100%,0 88%,2% 24%);background:linear-gradient(135deg,#151e29,#3b4b58 25%,#0c1421 28%,#233542 67%,#73838b 69%,#14212f 72%);box-shadow:inset 0 0 25px #90dce736;animation:plate-hover 8s ease-in-out infinite alternate;text-shadow:none;color:#e6f5fc;filter:drop-shadow(0 8px 8px #0008)}.closing-world nav a strong{font:700 clamp(31px,4vw,61px)/.94 'Barlow Condensed',sans-serif;background:linear-gradient(110deg,#a8bdca,#fff 30%,#86a9bf 46%,#fff 53%,#e6d3b2);background-size:230% 100%;background-clip:text;color:transparent;animation:metal-glint 8s linear infinite}.closing-world nav a small{font:600 clamp(10px,1.1vw,16px)/1.4 'DM Sans',sans-serif;letter-spacing:.11em;color:#b9dce4}.closing-world nav a span{position:absolute;right:20px;top:28%;font-size:36px}.closing-world nav .about-link{transform:rotate(-2deg);margin-left:12px}.closing-world nav .lab-link{width:82%;transform:rotate(2deg)}
.clapping-hands{position:relative;width:150px;height:140px;margin:15px auto 0 25%;opacity:.9}.clapping-hands i{position:absolute;inset:0;width:50%;height:100%;background:url('assets/obsidian/clap-hands.png') left center/200% 100% no-repeat;transform-origin:50% 85%}.clapping-hands .hand-left{left:0;animation:clap-left 4.6s ease-in-out infinite}.clapping-hands .hand-right{left:50%;background-position:right center;animation:clap-right 4.6s ease-in-out infinite}.clap-rays{position:absolute;top:0;left:39%;font-size:45px;color:#ffe6ac;animation:clap-burst 4.6s ease-in-out infinite}
.vent-steam{position:absolute;right:-2%;bottom:8%;width:21%;height:36%;z-index:2;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 76%,transparent)}.vent-steam i{position:absolute;inset:0;background:url('assets/obsidian/flow-elements.png') right center/300% 100% no-repeat;opacity:0;filter:brightness(.68) sepia(.15);animation:vent-plume 12s linear infinite}.vent-steam i:nth-child(2){animation-delay:-4s}.vent-steam i:nth-child(3){animation-delay:-8s}.street-moth{top:17%;right:11%}.moth-mid{width:35px;height:31px;right:8%;top:23%;animation-duration:11s;animation-delay:-3s}.moth-near{width:51px;height:45px;right:15%;top:27%;animation:moth-depth 17s ease-in-out infinite}.moth-near i{animation-duration:.19s}.lamp-dust{top:12%}.streetlight-aura{height:35%;width:18%;right:3%;opacity:.5}
@keyframes quote-float{to{translate:0 -7px;rotate:1deg}}@keyframes plate-hover{to{translate:0 -5px;rotate:.8deg}}@keyframes vent-plume{0%{transform:translate(0,22%) scale(.75);opacity:0}20%{opacity:.2}65%{opacity:.3}100%{transform:translate(-9%,-19%) scale(1.13);opacity:0}}@keyframes moth-depth{0%,100%{transform:translate(0,0) scale(1) rotate(-6deg)}40%{transform:translate(42px,-38px) scale(.42) rotate(14deg)}75%{transform:translate(-13px,9px) scale(.85) rotate(-12deg)}}@keyframes clap-left{0%,40%,70%,100%{transform:translateX(-5px) rotate(-8deg)}48%,54%{transform:translateX(17px) rotate(8deg)}}@keyframes clap-right{0%,40%,70%,100%{transform:translateX(5px) rotate(8deg)}48%,54%{transform:translateX(-17px) rotate(-8deg)}}@keyframes clap-burst{0%,45%,62%,100%{opacity:0;scale:.7}49%,54%{opacity:1;scale:1}}
@media(max-width:900px){.impact-type{min-height:215px}.closing-content{padding-top:12%}.closing-world{aspect-ratio:1672/1350}.full-brand{width:150px}.closing-world nav a strong{font-size:36px}.clapping-hands{width:120px;height:115px}}
@media(max-width:650px){.floating-title{top:40%;width:90%}.impact-type{margin-top:20px;min-height:185px}.impact-type .opening-whisper{font-size:29px}.stage-effects{width:190%;left:-87%;right:auto;mask-size:100% 100%,100% 100%}.stage-effects .stage-smoke{width:110%}.smoke-upper{left:0}.percussion-parade{display:flex;gap:14px;min-height:155px;overflow:hidden;width:100%;padding-bottom:25px}.parade-object{flex:0 0 58px;width:58px}.parade-object:nth-child(n){top:0}.parade-object:nth-child(3),.parade-object:nth-child(4){top:22px}.atlas-heading h2{font-size:44px}.atlas-heading>p:last-child{font-size:26px;margin:25px 0 0;transform:rotate(-2deg)}.foundry-heading>p,.constellation-heading>p{font-size:28px;margin:22px 0 0}.filter-foundry{padding-bottom:60px}.foundry-objects .float-chain{width:100px;top:12%}.world{margin-top:-15px}.world:before{height:80px;top:-35px}.botanical-bridge>img:first-child{top:-100px;width:150px;right:-4%}.noise-constellation{padding-top:80px;padding-bottom:100px}.constellation-heading>p{padding-right:5px}.closing-world{aspect-ratio:auto;min-height:890px;margin-top:-45px;overflow:hidden}.alley-art{height:auto;width:180%;left:-80%;top:0;object-fit:contain;mask-image:linear-gradient(transparent,#000 5%,#000 79%,transparent)}.closing-content{width:88%;margin-left:6%;padding-top:340px}.closing-world:after{background:linear-gradient(0deg,#08121d 20%,transparent 70%)}.full-brand{width:130px}.closing-world nav{gap:14px}.closing-world nav a strong{font-size:35px}.closing-world nav a,.closing-world nav a:last-child{min-height:83px}.clapping-hands{margin:10px 0 0 14%;height:110px}.vent-steam{top:170px;bottom:auto;height:170px;width:30%;right:-2%}.street-moth{top:9%;right:8%}.moth-mid{top:15%;right:10%;width:30px;height:25px}.moth-near{top:19%;right:19%;width:42px;height:36px}.streetlight-aura{height:180px}.lamp-dust{top:9%;height:14%}}
@media(prefers-reduced-motion:reduce){.stage-effects .stage-beam,.foundry-heading>p,.constellation-heading>p,.closing-world nav a,.closing-world nav a strong,.vent-steam i,.moth-mid,.moth-near,.clapping-hands i,.clap-rays{animation:none!important}.vent-steam i:first-child{opacity:.25}.clap-rays{opacity:0}.impact-type canvas{display:none}.impact-type.ready .opening-whisper{opacity:1}}
.full-brand img{mask-image:url('assets/jasper-full-logo.png');mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
@media(min-width:651px){.closing-world{aspect-ratio:1672/1000}.alley-art{height:auto;object-fit:contain}.closing-content{padding-top:8%}.full-brand{width:clamp(130px,13vw,180px)}.clapping-hands{width:135px;height:120px}}
.alley-art{mask-image:linear-gradient(transparent 0,#000 7%,#000 92%,transparent),radial-gradient(ellipse 18% 23% at 65% 20%,#000 86%,transparent 100%);mask-composite:add}
.clap-rays{top:-4px;left:29%;width:60px;height:60px;font-size:0}.clap-rays svg{width:100%;height:100%;stroke:#ffe6ac;stroke-width:3;fill:none;stroke-linecap:round}
@media(max-width:650px){.stage-effects{mask-size:100% 100%,cover}.floating-title{top:46%}}
/* Review refinements: stable introduction, a separate sound phrase sequence. */
.impact-type{min-height:0;margin-top:32px}.impact-type .opening-whisper{opacity:1!important;font-size:clamp(28px,3.45vw,54px);line-height:1.06}
.sound-showcase{margin-top:35px;max-width:95%;filter:drop-shadow(0 3px 5px #000b)}
.sound-cycle{position:relative;height:2.1em;font:700 clamp(30px,3.2vw,50px)/1.03 'Barlow Condensed',sans-serif;letter-spacing:.015em}
.sound-cycle span{position:absolute;inset:0;opacity:0;transform:translateY(12px);background:linear-gradient(110deg,#8acee1 10%,#f4ffff 34%,#fff7c8 44%,#fff 48%,#78dcef 55%,#e7b9f7 76%);background-size:230% 100%;background-clip:text;color:transparent;animation:sound-phrase 25s linear infinite,metal-glint 5s linear infinite;text-wrap:balance}
.sound-cycle span:nth-child(2){animation-delay:5s,0s}.sound-cycle span:nth-child(3){animation-delay:10s,0s}.sound-cycle span:nth-child(4){animation-delay:15s,0s}.sound-cycle span:nth-child(5){animation-delay:20s,0s}
.sound-promise{font:500 clamp(16px,1.45vw,22px)/1.4 'DM Sans',sans-serif;color:#d8eef4;margin-top:6px}
@keyframes sound-phrase{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}2%,16%{opacity:1;transform:translateY(0);filter:blur(0)}19%,100%{opacity:0;transform:translateY(-10px);filter:blur(2px)}}
.parade-5,.floating-objects .float-wrench{background-image:url('assets/obsidian/conga.png');background-size:contain;background-position:center;aspect-ratio:2/3}
.gong-rig{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.noise-constellation>.botanical-bridge{position:absolute;inset:0 0 auto;height:0;z-index:1}.constellation-heading,.noise-description,.noise-constellation>.back-to-panel{position:relative;z-index:3}.constellation-heading>p{color:#e1f1f4;background:none;text-shadow:0 2px 3px #06101a,0 0 9px #06101a,0 0 20px #06101a;filter:none}
.descending-leaves{position:absolute;left:-8%;top:-115px;width:clamp(150px,23vw,340px);height:290px;background:url('assets/obsidian/foliage-layer.png') right center/200% 100% no-repeat;transform:rotate(112deg);transform-origin:35% 30%;mask-image:linear-gradient(#000 70%,transparent);opacity:.85;animation:leaf-hang 9s ease-in-out infinite alternate}
@keyframes leaf-hang{to{rotate:3deg;translate:0 5px}}
.closing-world nav a,.closing-world nav a:last-child,.closing-world nav .lab-link,.closing-world nav .about-link{clip-path:none;background:none;box-shadow:none;filter:none;border:0;padding:8px 0;min-height:0;width:100%;margin-left:0;transform:none;animation:none;gap:9px}.closing-world nav a:before,.closing-world nav a:after{display:none}.closing-world nav a:hover{background:none;box-shadow:none;filter:none}.closing-world nav a:hover strong{filter:drop-shadow(0 0 9px #a9efffaa)}.closing-world nav{gap:26px}.closing-world nav a strong{font-size:clamp(31px,3.6vw,55px)}
@media(max-width:650px){.opening{height:850px;max-height:none}.opening-art,.stage-effects{height:650px}.floating-title{top:300px}.impact-type{margin-top:20px}.impact-type .opening-whisper{font-size:28px}.sound-showcase{margin-top:25px}.sound-cycle{font-size:31px}.sound-promise{font-size:16px}.descending-leaves{width:150px;height:185px;top:-65px;left:-13%}.closing-world nav a,.closing-world nav a:last-child{min-height:0}.closing-content{padding-top:340px}}
@media(prefers-reduced-motion:reduce){.sound-cycle{height:auto;font-size:clamp(24px,2.4vw,38px)}.sound-cycle span{position:static;opacity:1;transform:none;filter:none;animation:none}.sound-cycle span:not(:last-child):after{content:', '}.descending-leaves{animation:none}}
.live-performance{position:relative;isolation:isolate;z-index:5;display:grid;grid-template-columns:minmax(0,510px) minmax(0,1fr);align-items:center;gap:8%;width:min(1360px,90%);margin:-150px auto 0;padding:0 3% 80px;background:radial-gradient(ellipse at 23% 64%,#20516235,transparent 57%)}
.live-console{position:relative;z-index:2;filter:drop-shadow(0 24px 22px #000c) drop-shadow(-4px 0 13px #8ce5f51c)}
.live-console:before{content:'';position:absolute;inset:90% -12% -5%;z-index:-1;border-radius:50%;background:#0008;filter:blur(20px);pointer-events:none}
.live-console iframe{display:block;width:100%;aspect-ratio:610/710;border:0;background:transparent}
.live-caption{position:relative;z-index:3;padding:70px 0 0;max-width:430px}.live-caption h2{font:600 clamp(44px,5vw,76px)/1 'Barlow Condensed',sans-serif;color:#e5f3f6;text-shadow:0 3px 10px #000}.live-caption p{margin-top:20px;font-size:clamp(18px,1.8vw,25px);line-height:1.4}.live-caption .live-hint{font-size:16px;color:#b9ccd3;max-width:30ch}
.live-haze{position:absolute;z-index:1;pointer-events:none;bottom:0;left:-17%;width:120%;max-width:none;opacity:.14;mix-blend-mode:screen;animation:cloud-walk 24s ease-in-out infinite alternate;mask-image:linear-gradient(transparent,#000 30%,transparent)}
.instrument-zone{margin-top:0}.explore-float{margin-top:0}
@media(max-width:900px){.live-performance{grid-template-columns:1fr 1fr;gap:5%;margin-top:-80px}.live-caption{padding-top:0}.live-caption h2{font-size:46px}}
@media(max-width:650px){.live-performance{display:flex;flex-direction:column;width:94%;margin-top:-85px;padding:0 0 60px;gap:24px}.live-console{width:min(100%,460px)}.live-caption{padding:0 5%;width:100%;max-width:460px}.live-caption h2{font-size:42px}.live-caption p{margin-top:10px;font-size:18px}.instrument-zone{margin-top:0}.live-haze{bottom:80px}}
@media(prefers-reduced-motion:reduce){.live-haze{animation:none}}
.noise-constellation{z-index:4}.descending-leaves{left:-4%;top:-100px;width:clamp(150px,19vw,285px);height:260px;transform:scaleX(-1) rotate(10deg);transform-origin:50% 20%;opacity:.8}
@media(max-width:650px){.descending-leaves{left:-12%;top:-65px;width:150px;height:170px}}
.closing-world{z-index:5}
html{scroll-behavior:auto}