/* A shared acoustic reference, expressed as two contextual worlds. */
.b38{--b38-ink:#edf0e9;--b38-muted:#a5b5b9;--b38-accent:#abd5dd;--b38-bg:#0e1b21;--b38-top:132px;--b38-intro:1;--b38-scene:0;--b38-enter:0;--b38-p:0;background:var(--b38-bg);color:var(--b38-ink);position:relative;isolation:isolate;scroll-margin-top:130px}
.b38::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 74% 27%,#26434a3d,transparent 57%),linear-gradient(130deg,#07161a00 30%,#06121755)}
.b38-scroll{position:relative}.b38-pin{position:relative;overflow:hidden;min-height:720px}.b38-intro{padding:90px 24px 70px;text-align:center;max-width:1400px;margin:auto}
body.system-page-v34 #main .b38 .b38-eyebrow{font:500 11px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;color:var(--b38-accent);margin:0;text-transform:uppercase}
body.system-page-v34 #main .b38 h2{color:var(--b38-ink);font-size:clamp(84px,10.9vw,162px);font-weight:540;line-height:.96;letter-spacing:-.073em;margin:45px 0 30px}
.b38 h2 span{display:block}.b38-two{color:#a8ccd2}.b38 .b38-setup{max-width:570px;margin:auto;color:#acbcc0;font-size:17px;line-height:1.7}
.b38 button{appearance:none;border-radius:0;border:0;background:none;color:inherit}.b38 .b38-enter{display:inline-flex;align-items:center;gap:24px;font-size:12px;margin-top:23px;padding:10px 0;border-bottom:1px solid #77979f77}.b38-enter span{width:25px;height:25px;border:1px solid #74959d77;border-radius:50%;display:grid;place-content:center;font-size:18px;transition:transform .2s}.b38-enter:hover span{transform:translateY(3px)}
.b38-opening-rule{display:flex;align-items:center;gap:30px;max-width:620px;margin:48px auto 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#769097}.b38-opening-rule i{height:1px;background:linear-gradient(90deg,transparent,#71939f99,transparent);flex:1}
.b38-reveal{padding-block:50px 35px}.b38-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a3c3cc29;padding-bottom:19px}.b38-anchor-label{font-size:11px;letter-spacing:.025em;color:#9aadb1}
.b38-grid{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.5fr);gap:48px;align-items:center;margin-top:30px}
.b38-editorial{position:relative;z-index:3}.b38-tabs{display:flex;gap:7px;margin-bottom:36px;width:max-content;padding:5px;border:1px solid #72898e42;border-radius:40px;background:#04101466;box-shadow:inset 0 1px 4px #0006}
.b38 .b38-tabs button{display:flex;gap:10px;align-items:center;justify-content:center;min-width:117px;min-height:42px;padding:11px 20px;border-radius:28px;color:#94a6ac;font-size:13px;font-weight:500;transition:background .3s,color .3s,box-shadow .3s}
.b38-tabs button[aria-selected=true]{color:#f2f5ed;background:linear-gradient(165deg,#344c54,#1c333b);box-shadow:inset 0 1px 0 #b8d4d04d,0 2px 6px #0004}.b38-tabs button:hover{color:#fff}.b38-tabs svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.3;fill:none}
.b38 .b38-kicker{font-size:11px;color:#9fb3b9;margin-bottom:19px;letter-spacing:.04em}.b38-kicker span{font-size:10px;margin-right:13px;color:#6e929d}
body.system-page-v34 #main .b38 h3{font-size:clamp(34px,3.1vw,46px);font-weight:520;line-height:1.08;letter-spacing:-.048em;margin:0 0 24px;color:var(--b38-ink)}
.b38 .b38-body{color:#afc0c3;font-size:15px;line-height:1.77;max-width:46ch}.b38-notes{list-style:none;display:flex;gap:9px 14px;flex-wrap:wrap;padding:0;margin:24px 0 0;font-size:10px;color:#9dbfc7;letter-spacing:.02em}.b38-notes li::before{content:"";display:inline-block;vertical-align:middle;background:#8fbdc8;width:3px;height:3px;border-radius:50%;margin-right:7px}
.b38-visual{min-width:0;position:relative;padding-top:40px}.b38-world-heading{position:absolute;top:9px;left:0;right:0;height:40px;text-align:center;font-size:clamp(19px,1.8vw,27px);font-weight:450;letter-spacing:-.035em;color:#b3c8cc}.b38-world-heading span{position:absolute;inset:0;transition:opacity .6s,transform .6s}.b38-world-heading-cinema{opacity:0;transform:translateY(8px)}
.b38-scene{aspect-ratio:800/620;width:100%;position:relative;isolation:isolate;perspective:1000px}.b38-environment{position:absolute;inset:0;z-index:0;transform:translate(calc(var(--b38-x,0)*5px),calc(var(--b38-y,0)*3px));transition:transform .45s}.b38-environment svg{display:block;width:100%;height:100%;overflow:visible}.b38-speaker{position:absolute;top:29%;height:63%;width:36%;z-index:2;filter:drop-shadow(0px 24px 10px #0009);transform:translateY(calc((1 - var(--b38-enter))*45px));opacity:var(--b38-enter);will-change:transform}.b38-speaker-left{left:4%}.b38-speaker-right{left:60%;transition-delay:70ms}.b38-speaker img{height:100%;width:100%;object-fit:contain;display:block;background:none!important;mix-blend-mode:normal!important;border-radius:0!important;opacity:1!important;filter:brightness(.83) contrast(1.09);mask-image:none!important}.b38-speaker-left img{transform:scaleX(-1)}
.b38-floor-light{position:absolute;z-index:1;left:10%;bottom:5%;width:80%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#9ac5d311,transparent 67%);pointer-events:none}.b38-scene-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 0 18px;border-bottom:1px solid #9cb7bf33;font-size:10px;color:#869fa7}.b38-brand{font-size:10px;letter-spacing:.06em}.b38-brand strong{font-size:18px;font-weight:400;letter-spacing:-.02em;color:#dce7e5;margin-left:8px}
.b38-scene-tools{display:flex;align-items:center;justify-content:space-between;padding-top:14px}.b38-chapter-track{display:flex;gap:11px;align-items:center;width:130px;font-size:9px;color:#7899a3;font-variant-numeric:tabular-nums}.b38-chapter-track i{display:block;flex:1;height:1px;background:#708d954f;position:relative}.b38-chapter-track b{display:block;width:50%;height:2px;background:#b5d7de;position:absolute;top:-.5px;transition:transform .7s}.b38 [data-bridge-pause]{display:flex;align-items:center;gap:16px;min-height:32px;padding:4px 0;font-size:10px;color:#89a7af}.b38 [data-bridge-pause] span{font-size:13px}
.b38-world-music,.b38-world-cinema{transform-origin:400px 330px;transition:opacity 1s,transform 1.2s;opacity:1}.b38-world-cinema{opacity:0;transform:scale(.93)}.b38[data-bridge-view=cinema]{--b38-accent:#ddc09b}.b38[data-bridge-view=cinema] .b38-world-music{opacity:0;transform:scale(1.05)}.b38[data-bridge-view=cinema] .b38-world-cinema{opacity:1;transform:scale(1)}.b38[data-bridge-view=cinema] .b38-world-heading-stereo{opacity:0;transform:translateY(-8px)}.b38[data-bridge-view=cinema] .b38-world-heading-cinema{opacity:1;transform:none}.b38[data-bridge-view=cinema] .b38-chapter-track b{transform:translateX(100%)}
.b38-foundation{border-top:1px solid #a3c3cc29;padding-block:54px 66px;display:grid;grid-template-columns:1fr 1.15fr auto;gap:38px;align-items:center}.b38-foundation .b38-eyebrow{margin-bottom:16px!important}body.system-page-v34 #main .b38-foundation h3{font-size:30px;max-width:13ch;margin-bottom:0}.b38 .b38-foundation>p{font-size:14px;line-height:1.75;color:#a5b7bc;max-width:52ch}.b38 .b38-return{font-size:12px;display:flex;align-items:center;gap:20px;text-decoration:none;white-space:nowrap;border-bottom:1px solid #76939c77;padding-block:12px}.b38-return span{font-size:20px}.b38 :is(button,a):focus-visible{outline:2px solid #d4e6de;outline-offset:5px}
/* In its enhanced desktop form, the typography yields to a complete scene. */
.b38.b38-pinned .b38-scroll{height:calc((100svh - var(--b38-top))*2.65)}.b38.b38-pinned .b38-pin{height:calc(100svh - var(--b38-top));min-height:0;position:sticky;top:var(--b38-top)}.b38.b38-pinned .b38-intro{position:absolute;inset:0;padding:38px 24px;display:flex;flex-direction:column;justify-content:center;opacity:var(--b38-intro);transform:translateY(calc(var(--b38-p)*-125px));pointer-events:none;z-index:4}.b38.b38-pinned .b38-intro .b38-enter{align-self:center;pointer-events:auto}.b38.b38-pinned h2{margin-block:28px 24px}.b38.b38-pinned .b38-opening-rule{width:48%;margin-top:28px}.b38.b38-pinned .b38-reveal{opacity:var(--b38-scene);padding-block:30px 20px;transform:translateY(calc((1 - var(--b38-enter))*35px))}.b38.b38-pinned .b38-grid{margin-top:18px}.b38.b38-pinned .b38-visual{max-width:calc((100svh - var(--b38-top) - 164px)*800/620);width:100%;justify-self:center}.b38.b38-pinned .b38-one{transform:translateX(calc(var(--b38-p)*-65px))}.b38.b38-pinned .b38-two{transform:translateX(calc(var(--b38-p)*65px))}
.b38.b38-static{--b38-enter:1;--b38-scene:1}.b38.b38-static .b38-intro{padding-block:80px 40px}.b38.b38-static h2{font-size:clamp(68px,9vw,138px)}.b38.b38-static .b38-enter{display:none}.b38.b38-static .b38-opening-rule{margin-bottom:10px}.b38.b38-static .b38-reveal{padding-top:25px}.b38:not(.b38-running) .b38-scene *{animation-play-state:paused!important}.b38.b38-no-motion *{transition:none!important}.b38.b38-no-motion .b38-environment{transform:none!important}
@media(min-width:1001px) and (max-height:900px){.b38.b38-pinned h2{font-size:clamp(74px,9.8vw,138px)}.b38.b38-pinned .b38-tabs{margin-bottom:22px}.b38.b38-pinned h3{font-size:34px}.b38.b38-pinned .b38-body{font-size:14px;line-height:1.65}.b38.b38-pinned .b38-notes{margin-top:18px}.b38.b38-pinned .b38-topline{padding-bottom:12px}}
@media(max-width:1100px){.b38-grid{gap:24px;grid-template-columns:minmax(250px,.9fr) minmax(0,1.3fr)}.b38-foundation{grid-template-columns:1fr 1.4fr}.b38-return{grid-column:2;width:max-content}.b38 .b38-body{font-size:14px}.b38 .b38-eyebrow{font-size:10px}}
@media(max-width:800px){.b38{scroll-margin-top:125px}.b38-pin{min-height:0}.b38 .s34-width{width:calc(100% - 40px)}.b38-intro{padding:64px 20px 35px!important}.b38 h2{font-size:clamp(64px,12vw,100px)!important;margin:30px 0 24px!important}.b38 .b38-setup{font-size:14px;max-width:40ch}.b38-opening-rule{margin-top:35px;gap:20px;max-width:400px}.b38-topline{padding-bottom:17px}.b38-anchor-label{display:none}.b38-grid{display:flex;flex-direction:column;gap:24px;margin-top:24px}.b38-editorial{width:100%;display:contents}.b38-tabs{order:0;margin:0;align-self:center}.b38-visual{width:100%;max-width:580px;order:1;padding-top:44px}.b38-world-heading{font-size:24px;top:6px}.b38-copy{order:2;width:100%;margin-top:14px}.b38 .b38-body{font-size:15px;max-width:none}.b38 h3{max-width:20ch}.b38 .b38-kicker{margin-bottom:13px}.b38 .b38-notes{margin-top:22px}.b38-scene-caption{font-size:9px;gap:6px}.b38-brand{font-size:9px}.b38-brand strong{font-size:17px;margin-left:5px}.b38-scene-tools{padding-top:8px}.b38-foundation{display:block;padding-block:35px 45px}.b38-foundation h3{font-size:31px!important;max-width:19ch!important;margin-bottom:20px!important}.b38 .b38-foundation>p{font-size:14px}.b38 .b38-return{margin-top:20px;width:max-content}.b38 .b38-reveal{padding-bottom:40px}.b38.b38-static .b38-opening-rule{margin-bottom:0}}
@media(max-width:360px){.b38 .s34-width{width:calc(100% - 32px)}.b38 h2{font-size:60px!important}.b38-world-heading{font-size:20px}.b38 .b38-scene-caption{align-items:flex-start}.b38-scene-caption>span:last-child{max-width:125px;text-align:right}.b38 .b38-tabs button{min-width:112px}}
@media(prefers-reduced-motion:reduce){.b38 *{animation:none!important;transition:none!important}}
.b38:not(.b38-ready){--b38-enter:1;--b38-scene:1}.b38:not(.b38-ready) .b38-copy-panel[hidden]{display:block!important;margin-top:35px}.b38:not(.b38-ready) :is(.b38-tabs,.b38-enter,.b38-scene-tools){display:none}
body.system-page-v34 #main .b38 h2{letter-spacing:-.055em}body.system-page-v34 #main .b38 h3{letter-spacing:-.035em}.b38.b38-pinned .b38-setup{margin:0 auto}.b38.b38-pinned .b38-visual{max-width:calc((100svh - var(--b38-top) - 255px)*800/620)}
.b38 .b38-accent-button{display:flex;align-items:center;gap:8px;min-height:38px;font-size:11px;color:#bfdae0;padding:5px 12px;border:1px solid #7b9da64d;border-radius:28px;background:#1b343d66;transition:background .2s}.b38-accent-button:hover{background:#304d56}.b38-accent-button svg{height:14px;width:14px;fill:none;stroke:currentColor;stroke-width:1.1}.b38-no-motion .b38-accent-button{display:none}.b38[data-bridge-view=cinema] .b38-accent-button{color:#ddc09b}.b38-scene-tools .b38-chapter-track{width:90px}
.b38 .b38-tabs button,.b38 .b38-accent-button,.b38 [data-bridge-pause]{min-height:44px}.b38[data-bridge-view=stereo] .b38-world-cinema *,.b38[data-bridge-view=cinema] .b38-world-music *{animation-play-state:paused!important}

/* Scene-internal movement only. World opacity/scale belongs to the parent composition. */
.b38 .b38-music-ribbons,.b38 .b38-acoustic-field,.b38 .b38-drifting-mist,
.b38 .b38-impact-bloom,.b38 .b38-impact-rays,.b38 .b38-orbiting-particles,
.b38 .b38-floor-ripples,.b38 .b38-eclipse-orbit{transform-box:view-box}
.b38 .b38-acoustic-field{transform-origin:52% 46%}
.b38 .b38-impact-bloom,.b38 .b38-impact-rays,.b38 .b38-orbiting-particles{transform-origin:58.125% 39.84%}
.b38 .b38-eclipse-orbit{transform-origin:61.875% 22.1%}
.b38 .b38-floor-ripples{transform-origin:50% 88.71%}
.b38.b38-running .b38-ribbon{stroke-dasharray:52 7 2 10;animation:b38-ribbon-travel 16s linear infinite}
.b38.b38-running .b38-ribbon-1{animation-duration:21s;animation-direction:reverse}
.b38.b38-running .b38-ribbon-2{animation-duration:24s;animation-delay:-8s}
.b38.b38-running .b38-ribbon-3{animation-duration:19s;animation-delay:-4s}
.b38.b38-running .b38-acoustic-field{animation:b38-acoustic-breathe 8s ease-in-out infinite}
.b38.b38-running .b38-mist-0{animation:b38-mist-drift 21s ease-in-out infinite alternate}
.b38.b38-running .b38-mist-1{animation:b38-mist-drift 28s ease-in-out -9s infinite alternate-reverse}
.b38.b38-running .b38-mist-2{animation:b38-mist-drift 32s ease-in-out -17s infinite alternate}
.b38.b38-running .b38-orbiting-particles{animation:b38-particle-orbit 23s ease-in-out infinite alternate}
.b38.b38-running .b38-eclipse-orbit{animation:b38-eclipse-turn 42s ease-in-out infinite alternate}
.b38.b38-running .b38-floor-ripples{animation:b38-floor-pulse 11s ease-in-out infinite}
@keyframes b38-ribbon-travel{to{stroke-dashoffset:-142}}
@keyframes b38-acoustic-breathe{0%,100%{opacity:.24;transform:scale(.985)}50%{opacity:.43;transform:scale(1.015)}}
@keyframes b38-mist-drift{from{transform:translateX(-6px)}to{transform:translateX(7px)}}
@keyframes b38-particle-orbit{from{transform:rotate(-4deg);opacity:.58}to{transform:rotate(5deg);opacity:.94}}
@keyframes b38-eclipse-turn{from{transform:rotate(-6deg)}to{transform:rotate(7deg)}}
@keyframes b38-floor-pulse{0%,100%{opacity:.13;transform:scale(.985,1)}50%{opacity:.22;transform:scale(1.025,1.045)}}
/* Native 'Crescendo' / 'Impact' action: one silent, deliberate visual event. */
.b38.b38-running:is(.is-accent,.b38-accent-active) .b38-acoustic-field{animation:b38-crescendo-field 2.8s cubic-bezier(.2,.7,.2,1) both}
.b38.b38-running:is(.is-accent,.b38-accent-active) .b38-piano-key{animation:b38-key-touch 1.1s ease-in-out both;animation-delay:calc(var(--b38-key,0)*.06s)}
.b38.b38-running:is(.is-accent,.b38-accent-active) .b38-impact-bloom{animation:b38-impact-flower 2.8s ease-out both}
.b38.b38-running:is(.is-accent,.b38-accent-active) .b38-impact-rays{animation:b38-impact-rays 2.8s ease-out both}
.b38.b38-running:is(.is-accent,.b38-accent-active) .b38-orbiting-particles{animation:b38-impact-debris 3s cubic-bezier(.2,.6,.25,1) both}
.b38.b38-running:is(.is-accent,.b38-accent-active) .b38-floor-ripples{animation:b38-crescendo-floor 2.8s ease-out both}
@keyframes b38-crescendo-field{0%{opacity:.26;transform:scale(.97)}35%{opacity:.85}100%{opacity:.3;transform:scale(1.21,1.13)}}
@keyframes b38-key-touch{0%,100%{transform:translateY(0)}36%{transform:translateY(-1.55px);filter:brightness(1.16)}}
@keyframes b38-impact-flower{0%{transform:scale(.96);opacity:.65}26%{transform:scale(1.27);opacity:1}100%{transform:scale(1.02);opacity:.8}}
@keyframes b38-impact-rays{0%{transform:scale(.7);opacity:.3}25%{opacity:1}100%{transform:scale(1.9);opacity:0}}
@keyframes b38-impact-debris{0%{transform:translateY(0) rotate(-3deg) scale(.96);opacity:.6}30%{opacity:1}100%{transform:translateY(-10px) rotate(8deg) scale(1.13);opacity:.35}}
@keyframes b38-crescendo-floor{0%{transform:scale(.94,.96);opacity:.13}30%{opacity:.3}100%{transform:scale(1.08,1.12);opacity:.1}}
/* The owner controls .b38-running for local/global pause and offscreen state. */
.b38:not(.b38-running) .b38-scene *{animation:none!important}
@media(prefers-reduced-motion:reduce){.b38 .b38-scene *{animation:none!important;transition:none!important}}

/* Foreground engraving and visibly articulated drivers, confined to this section. */
.b39.b38-pinned .b38-scroll{height:calc((100svh - var(--b38-top))*2.05)}
.b39 .b38-world-music,.b39 .b38-world-cinema{transition:opacity .7s,transform .75s}
.b39 .b38-foundation{padding-block:28px 42px;align-items:start}.b39 .b38-foundation .b38-eyebrow{margin-bottom:12px!important}.b39 .b38-foundation .b38-return{align-self:center}
.b39 .b39-speaker-button{appearance:none;background:none;border:0;padding:0;border-radius:0;cursor:pointer;isolation:isolate;filter:drop-shadow(0 20px 10px #0007)}
.b39-speaker-button>svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 1.5px #b5dce31a)}
.b39 .b38-speaker-left>svg{transform:scaleX(-1)}
.b39 .b39-speaker-button:focus-visible{outline:0}
.b39-speaker-button:focus-visible .b39-cabinet-outline{stroke:#e0f2ee;stroke-width:3;opacity:1}
.b39-speaker-button:focus-visible .b39-speaker-cue{outline:2px solid #e0f2ee;outline-offset:3px}
.b39 .b39-speaker-cue{position:absolute;display:grid;place-items:center;bottom:0;left:50%;width:27px;height:27px;border:1px solid #a6cdd069;border-radius:50%;background:#122b34bd;color:#9abdc6;opacity:.85;transform:translateX(-50%);transition:color .2s,border-color .2s,opacity .2s}
.b39-speaker-cue svg{width:17px;height:17px;stroke:currentColor;stroke-width:1;fill:none}.b39-audition .b39-speaker-cue,.b38-accent-active .b39-speaker-cue{color:#f2ffff;border-color:#bbebed;opacity:1}
.b39 .b39-cabinet-outline{transition:stroke .3s,stroke-opacity .3s}.b39-audition .b39-cabinet-outline,.b38-accent-active .b39-cabinet-outline{stroke:#d5f1ed;stroke-opacity:1;opacity:1}
.b39 .b39-woofer-piston,.b39 .b39-mid-piston{transform-box:fill-box;transform-origin:center;will-change:transform}
.b39 .b39-projection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none;color:#9ed6e3}
.b39 .b39-projection-wave{opacity:0;transform-origin:0 0;fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.b39-projection-wave path{opacity:.28;stroke-width:.65}
.b39[data-bridge-view=cinema] .b39-projection{color:#dec7a0}
.b39.b38-running .b39-woofer-piston{animation:b39-cone-idle 1.45s cubic-bezier(.4,0,.4,1) infinite}
.b39.b38-running .b39-mid-piston{animation:b39-mid-idle 1.45s cubic-bezier(.4,0,.4,1) infinite}
.b39.b38-running .b39-projection-wave{animation:b39-wave-idle 3.6s ease-out infinite;animation-delay:calc(var(--b39-wave)*-1.2s)}
.b39.b38-running:is(.b39-audition,.b38-accent-active) .b39-woofer-piston{animation-name:b39-cone-drive;animation-duration:.74s}
.b39.b38-running:is(.b39-audition,.b38-accent-active) .b39-mid-piston{animation-name:b39-mid-drive;animation-duration:.74s}
.b39.b38-running:is(.b39-audition,.b38-accent-active) .b39-projection-wave{animation-name:b39-wave-drive;animation-duration:2.15s;animation-delay:calc(var(--b39-wave)*-.717s);stroke-width:2}
.b39[data-bridge-view=cinema].b38-running:is(.b39-audition,.b38-accent-active) .b39-woofer-piston{animation-duration:1.05s}
@keyframes b39-cone-idle{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(3px) scale(.975)}70%{transform:translateY(-2px) scale(1.012)}}
@keyframes b39-mid-idle{0%,100%{transform:scale(1)}45%{transform:scale(.99)}70%{transform:scale(1.01)}}
@keyframes b39-cone-drive{0%,100%{transform:translateY(0) scale(1)}24%{transform:translateY(8px) scale(.94)}47%{transform:translateY(-5px) scale(1.035)}71%{transform:translateY(4px) scale(.97)}}
@keyframes b39-mid-drive{0%,100%{transform:scale(1)}24%{transform:scale(.97)}47%{transform:scale(1.025)}71%{transform:scale(.985)}}
@keyframes b39-wave-idle{0%{transform:translate(0,0) scale(.85);opacity:0}20%{opacity:.18}85%,100%{transform:translate(calc(var(--b39-direction)*60px),50px) scale(1.7);opacity:0}}
@keyframes b39-wave-drive{0%{transform:translate(0,0) scale(.9);opacity:0}16%{opacity:.7}65%{opacity:.26}100%{transform:translate(calc(var(--b39-direction)*90px),87px) scale(2.3);opacity:0}}
.b39:not(.b38-running) .b39-projection-wave{opacity:0!important;animation:none!important}.b39:not(.b38-running) :is(.b39-woofer-piston,.b39-mid-piston){animation:none!important}
@media(max-width:800px){.b39 .b38-reveal{padding-bottom:24px}.b39 .b38-foundation{padding-top:28px}.b39 .b39-speaker-cue{width:22px;height:22px;bottom:-3%}.b39 .b39-speaker-cue svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.b39 .b39-projection{display:none}.b39 .b39-speaker-button *{animation:none!important}}

/* Fit the finished scene to its content, independently of the word-opening height. */
.b39.b38-pinned .b38-pin{height:var(--b40-stage-height,calc(100svh - var(--b38-top)));overflow:visible}
.b39.b38-pinned .b38-scroll{height:calc(var(--b40-stage-height,100svh - var(--b38-top)) + (100svh - var(--b38-top))*1.05)}
.b39.b38-pinned .b38-intro{height:calc(100svh - var(--b38-top));bottom:auto}
/* Reserve the taller passage so changing worlds never changes the scroll geometry. */
.b39.b38-ready .b38-copy{display:grid}
.b39.b38-ready .b38-copy-panel{grid-area:1 / 1}
.b39.b38-ready .b38-copy-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.b39 .b38-reveal>.b38-foundation{width:100%;max-width:none;margin-top:20px;padding-bottom:22px}