/* Homepage only. Product scenes are illustrations, never audio controls. */
.home-experience{--ex-black:#050709;--ex-panel:#10161c;--ex-silver:#b9c2cc;--ex-white:#f0f3f5;--ex-cyan:#62d9f3;--ex-line:#29323b;background:var(--ex-black);color:var(--ex-white)}
.home-experience>.wrap{max-width:none;padding:0}
.home-experience.site-redesign>.wrap{max-width:none;padding:0}
.home-experience>.wrap>header.top,.home-experience>.wrap>footer{max-width:1440px;margin-inline:auto;padding-inline:clamp(24px,5vw,80px)}
.home-experience main.experience{max-width:none;padding:0;margin:0;font-family:var(--display);font-weight:500;overflow:hidden}
.experience *{box-sizing:border-box}.experience [hidden]{display:none!important}
.ex-container{width:min(1280px,100% - clamp(40px,10vw,160px));margin-inline:auto}
.ex-section{padding-block:clamp(80px,9vw,144px)}
.experience h1,.experience h2,.experience h3,.experience h4{color:var(--ex-white);font-family:var(--display);font-weight:600;letter-spacing:-.055em;text-wrap:balance}
.experience h2{font-size:clamp(2.625rem,5.6vw,5rem);line-height:1.04}.experience h3{font-size:clamp(1.75rem,3.4vw,2.875rem);line-height:1.12}
.experience p{line-height:1.6}.experience a{color:inherit;text-decoration:none}.experience a:hover{color:var(--ex-cyan)}
.experience button{font:inherit;min-height:44px}.experience a:focus-visible,.experience button:focus-visible{outline:2px solid var(--ex-cyan);outline-offset:5px}
.experience .ex-kicker{font:500 0.6875rem/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ex-cyan);margin-bottom:24px}
.experience .ex-fine{font-size:0.75rem;line-height:1.65;color:var(--ex-silver)}
.ex-text-link{display:inline-flex;align-items:center;gap:20px;min-height:48px;font-size:0.875rem;font-weight:600}.ex-text-link>span{font-size:1.25rem}
.ex-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px}
.experience .ex-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ex-cyan);color:#071015;padding:17px 24px;border-radius:6px;font-size:0.875rem;min-height:54px;font-weight:600}
.experience .ex-button:hover{background:#a7edfc;color:#071015}.ex-skip{position:absolute;left:20px;top:-100px;z-index:20;background:#fff;color:#000;padding:12px 20px}.ex-skip:focus{top:12px}
.ex-hero{position:relative;min-height:760px;display:flex;flex-direction:column;justify-content:center;background:#070a0d;isolation:isolate}
.ex-hero-image,.ex-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.ex-hero-shade{z-index:-1;background:linear-gradient(90deg,#050709e8 0%,#050709a6 29%,#05070912 64%),linear-gradient(0deg,#050709 0%,transparent 32%)}
.ex-hero-content{padding-block:90px 150px}.experience .ex-hero h1{font-size:clamp(4.25rem,8.5vw,8rem);font-weight:600;letter-spacing:-.07em;line-height:.96;max-width:780px}
.ex-hero-line{font-size:clamp(1.1875rem,2vw,1.5625rem);color:#d2d9e1;margin-top:32px;max-width:34ch;font-weight:500}
.ex-hero .ex-actions{margin-top:36px}.ex-hero .ex-fine{margin-top:18px}
.ex-hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:0.75rem;color:var(--ex-silver);padding-top:22px;border-top:1px solid #75818b55}
.ex-hero-bottom a{min-height:44px;display:flex;align-items:center;gap:25px;color:var(--ex-white)}.ex-hero-bottom>span{font-family:var(--mono);font-size:0.625rem}
.ex-editorial-head{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:64px}.ex-editorial-head>p{font-size:1.25rem;color:var(--ex-silver);max-width:38ch;padding-bottom:5px}
.ex-workspace{background:#0b1015;border:1px solid #44515f;border-radius:14px;box-shadow:0 30px 100px #0009;overflow:hidden}
.ex-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 30px;border-bottom:1px solid var(--ex-line);font-size:0.75rem;color:var(--ex-silver);flex-wrap:wrap}
.ex-app-name{font-weight:600;color:var(--ex-white);font-size:0.9375rem;letter-spacing:-.5px}.ex-app-name>span{color:var(--ex-cyan)}.ex-illustrative{font:500 0.625rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.ex-scene-nav{display:flex;gap:0;border-bottom:1px solid var(--ex-line);padding:0 28px;flex-wrap:wrap}.ex-scene-nav a{font-size:0.8125rem;padding:19px 28px;min-height:54px;color:var(--ex-silver);border-bottom:2px solid transparent;margin-bottom:-1px}.ex-scene-nav a[aria-selected=true]{border-color:var(--ex-cyan);color:var(--ex-white)}
.ex-demo-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding:60px;min-height:425px;align-items:center}.ex-demo-panel+.ex-demo-panel{border-top:1px solid var(--ex-line)}
.experience .ex-demo-copy .ex-kicker{font-size:0.625rem;margin-bottom:20px}.ex-demo-copy>p:not(.ex-kicker){color:var(--ex-silver);font-size:0.875rem;max-width:35ch;margin-top:22px}.ex-demo-copy .ex-text-link{margin-top:20px;color:var(--ex-cyan);font-size:0.75rem}.experience .ex-demo-copy h3{font-size:clamp(1.75rem,3vw,2.625rem)}
.ex-demo-caption{border-top:1px solid var(--ex-line);padding:17px 30px;font:500 0.6875rem/1.7 var(--mono);color:var(--ex-silver)}.ex-demo-caption a{color:var(--ex-cyan)}
.ex-recording-visual{min-width:0;padding:30px 10px}.ex-recording-orbit{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #8b6f3a;border-radius:50%;margin:0 auto 35px;box-shadow:0 0 0 17px #d2ac6110,0 0 0 34px #d2ac6108}.ex-record-dot{display:block;width:28px;height:28px;background:#dfbd78;border-radius:50%}
.ex-wave{height:76px;display:flex;align-items:center;gap:5px;justify-content:center;margin-top:35px}.ex-wave i{height:44%;flex:1;max-width:6px;min-width:1px;background:#c6a970;border-radius:2px}.ex-wave i:nth-child(3n){height:80%}.ex-wave i:nth-child(4n){height:25%}.ex-wave i:nth-child(5n){height:59%}.ex-wave i:nth-child(7n){height:95%}.ex-wave i:nth-child(9n){height:34%}
.ex-recording-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font:500 0.6875rem var(--mono);color:var(--ex-silver)}.ex-recording-label strong{font:600 0.9375rem var(--display);color:var(--ex-white);display:block;margin-bottom:5px}.ex-recording-label div>span{font-size:0.625rem}
.ex-paper{min-width:0;background:#e1e4e5;color:#202830;padding:30px 32px 26px;box-shadow:10px 15px 0 #788a9933;transform:rotate(-1deg);border-radius:3px}.ex-paper-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font:500 0.5625rem var(--mono);color:#4b5962}
.experience .ex-paper h4{color:#202830;font:600 1.875rem var(--display);letter-spacing:-1px;margin:30px 0 3px}.ex-paper-credit{font:500 0.625rem var(--mono);color:#53616b;margin-bottom:30px}.ex-reading{display:flex;gap:6px;flex-wrap:wrap}.ex-reading button{border:0;background:transparent;color:#43535e;padding:5px;font-size:0.625rem;border-bottom:1px solid transparent}.ex-reading button[aria-pressed=true]{border-bottom-color:#1b4858;color:#163f50}
.ex-sheet-line{display:grid;grid-template-columns:1fr 1fr;margin-block:22px;font-family:var(--serif)}.ex-sheet-line b{font:600 0.9375rem var(--mono);color:#1d5d75;line-height:1.6}.ex-sheet-line p{grid-column:1/-1;font-size:1.25rem;line-height:1.45;margin-top:3px}.ex-paper-rule{height:1px;background:#a3afb6;margin-block:27px 16px}.ex-paper-foot{font:500 0.5625rem var(--mono);color:#54616a}
.ex-tracks{min-width:0;border-top:1px solid #64717e;border-bottom:1px solid #64717e;padding:23px 0 15px}.ex-track-heading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px;font-size:0.875rem}.ex-track-heading span,.ex-track-footer{font:500 0.625rem/1.7 var(--mono);color:var(--ex-silver)}
.ex-track{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;align-items:center;padding:20px 0;border-top:1px solid #29323b}.ex-track>div{font-size:0.6875rem;display:flex;gap:9px;align-items:center}.ex-track-dot{width:5px;height:5px;border-radius:50%;background:var(--ex-cyan)}
.ex-track-wave{height:38px;background:repeating-linear-gradient(90deg,#62d9f370 0 3px,transparent 3px 7px);clip-path:polygon(0 30%,9% 22%,18% 8%,29% 10%,35% 44%,40% 5%,55% 36%,65% 45%,75% 6%,90% 18%,100% 30%,100% 70%,90% 82%,75% 94%,65% 55%,55% 64%,40% 95%,35% 56%,29% 90%,18% 92%,9% 78%,0 70%)}.ex-wave-two{opacity:.7;transform:scaleY(.7)}.ex-wave-three{opacity:.5;transform:scaleY(.45)}.ex-track-footer{margin-top:20px}
.ex-practice-visual{min-width:0;background:#131e28;border:1px solid #364958;padding:28px}.ex-practice-top,.ex-practice-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:0.6875rem;color:var(--ex-silver)}.ex-chord-passage{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:clamp(1.5625rem,4vw,2.625rem);letter-spacing:-2px;margin:50px 0;color:var(--ex-white)}.ex-loop-line{display:flex;align-items:center;gap:10px;font:500 0.625rem var(--mono);color:var(--ex-cyan)}.ex-loop-line i{height:3px;flex:1;background:var(--ex-cyan)}.ex-practice-footer{margin-top:25px}.ex-practice-footer strong{font:500 0.875rem var(--mono);color:var(--ex-white)}
.ex-free-tools{background:#dce1e4;color:#1a242d;padding:85px 0}.ex-tools-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.experience .ex-free-tools h2{color:#151c23}.experience .ex-free-tools .ex-kicker{color:#326475}.ex-free-tools p:not(.ex-kicker){margin-top:24px;color:#4c5a65;font-size:0.9375rem}
.ex-tool-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #aab5bd;font-size:0.875rem;min-height:54px}.experience .ex-tool-links a:hover{color:#185672}.ex-tool-links .ex-tool-feature{align-items:flex-start;flex-direction:column;gap:12px;padding-top:0;padding-bottom:28px}.ex-tool-format{font:500 0.625rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#536571}.ex-tool-feature strong{font-size:2rem;font-weight:600;letter-spacing:-1.2px;line-height:1.2}.ex-tool-feature>span:last-child{color:#4c5a65;font-size:0.8125rem;line-height:1.5}.ex-tool-links .ex-fine{font-size:0.6875rem!important;margin-top:21px!important}
.ex-openmic-head{display:grid;grid-template-columns:1fr 1fr;gap:0 12%;align-items:start;margin-bottom:50px}.ex-openmic-head .ex-kicker{grid-column:1/-1}.ex-openmic-head h2{grid-row:2/4}.ex-openmic-head>p:not(.ex-kicker){color:var(--ex-silver);max-width:36ch;font-size:1.125rem}.ex-openmic-head .ex-text-link{margin-top:18px;color:var(--ex-cyan)}
.ex-social-scene{position:relative;padding-bottom:110px}.ex-social-scene>img{width:100%;height:clamp(340px,40vw,570px);object-fit:cover;display:block;filter:saturate(.75)}
.ex-encounter{position:absolute;bottom:0;left:6%;width:min(400px,80%);background:#101b23;border:1px solid #566c7b;padding:30px 35px;box-shadow:0 20px 55px #0007}.experience .ex-encounter .ex-kicker{font-size:0.5625rem;margin-bottom:20px}.ex-maker{display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:0.8125rem}.ex-maker>span{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#364b59;color:#c7d3db}.ex-maker small{display:block;font-size:0.625rem;color:var(--ex-silver);margin-top:3px}.experience .ex-encounter h3{font-size:1.6875rem;letter-spacing:-.8px}.ex-stated-ask{font-size:0.875rem;color:var(--ex-cyan);margin:13px 0 20px}.ex-encounter>a{font-size:0.6875rem;display:flex;gap:30px;align-items:center;min-height:44px}.ex-social-caption{font:500 0.625rem/1.8 var(--mono);color:var(--ex-silver);margin-top:30px;max-width:1280px}
.ex-rooms{background:#0c1117;border-top:1px solid #1d2934;border-bottom:1px solid #1d2934;padding-block:110px;overflow:hidden}.ex-rooms-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:center}.ex-room-copy>p:not(.ex-kicker){color:var(--ex-silver);margin-top:28px;max-width:39ch;font-size:1.0625rem}.ex-room-copy .ex-text-link{margin-top:24px;color:var(--ex-cyan)}.ex-room-copy .ex-fine{font-size:0.6875rem!important;margin-top:22px!important}
.ex-room-visual{border:1px solid #4c5e6e;background:#111a23;border-radius:10px;transform:perspective(1200px) rotateY(-8deg);box-shadow:35px 30px 70px #0006;min-width:0}.ex-room-bar{display:flex;gap:15px;align-items:center;background:#182531;padding:24px 28px;border-bottom:1px solid #3c4e5d}.ex-room-icon{height:42px;width:42px;display:flex;align-items:center;justify-content:center;border:1px solid #617584;border-radius:10px;color:var(--ex-cyan)}.ex-room-bar strong{display:block;font-size:1.125rem;letter-spacing:-.4px}.ex-room-bar div>span{display:block;color:var(--ex-silver);font:500 0.625rem var(--mono);margin-top:5px}.ex-room-body{padding:15px 28px 27px}.ex-room-song{padding:20px 0;border-bottom:1px solid #35414c}.ex-room-song>span{display:block;font-size:1rem;letter-spacing:-.3px}.ex-room-song small{font:500 0.625rem var(--mono);color:var(--ex-silver);display:block;margin-top:8px}.ex-room-set{padding-top:25px}.ex-room-set .ex-kicker{display:block;font-size:0.5625rem;margin-bottom:10px}.ex-room-set strong{display:flex;justify-content:space-between;gap:20px;font-size:0.875rem;font-weight:500}
.ex-stage{background:radial-gradient(ellipse at 50% 60%,#13345070,transparent 60%),#050709}.ex-stage-head{text-align:center;max-width:760px;margin:auto}.ex-stage-head>p:not(.ex-kicker){margin:25px auto 15px;color:var(--ex-silver);font-size:1.125rem}.ex-stage-head .ex-kicker{font-size:0.625rem}.ex-stage-head h2{font-size:clamp(3rem,7vw,5.875rem)}.ex-stage-head .ex-text-link{color:var(--ex-cyan)}
.ex-stands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;max-width:1000px;margin:75px auto 0;padding-bottom:60px;position:relative;align-items:start}.ex-stands:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,#54859b88,transparent);bottom:45px;left:-15%;right:-15%}.ex-stand{position:relative;transform:rotate(-5deg);padding-top:25px;min-width:0}.ex-stand-center{transform:none;padding-top:0}.ex-stand:last-child{transform:rotate(5deg)}.ex-stand-sheet{background:#d4dce0;color:#23323e;border:10px solid #222d36;border-radius:8px;padding:22px;box-shadow:0 0 0 1px #546773,0 25px 45px #0007;min-height:285px}.ex-stand-sheet>span{font:500 0.5625rem/1.7 var(--mono);display:block;min-height:32px;color:#53636e}.ex-stand-sheet strong{font-size:1.3125rem;letter-spacing:-1px;display:block;margin-top:10px}.ex-stand-sheet>div{font:500 1.625rem/1.8 var(--mono);color:#254f66;margin:23px 0}.ex-stand-sheet small{font:500 0.5625rem/1.5 var(--mono);color:#53636e;display:block}.ex-stand>i{display:block;width:5px;height:110px;background:linear-gradient(90deg,#1d2c35,#718895,#263a48);margin:auto;position:relative}.ex-stand>i:after{content:"";position:absolute;bottom:0;width:110px;height:3px;background:#3d5361;left:50%;transform:translateX(-50%)}.ex-stage-caption{font:500 0.625rem/1.8 var(--mono);color:var(--ex-silver);text-align:center;max-width:650px;margin:auto}.ex-stage-caption a{color:var(--ex-cyan)}
.ex-practice-link{border-top:1px solid #344552;padding-top:35px;margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:15px 70px;align-items:start}.experience .ex-practice-link h3{font-size:1.6875rem;letter-spacing:-.8px}.ex-practice-link p{color:var(--ex-silver);font-size:0.875rem}.ex-practice-link a{font-size:0.75rem;color:var(--ex-cyan);min-height:44px;display:flex;align-items:center;gap:20px}
.ex-ownership{display:grid;grid-template-columns:1.3fr 1fr;gap:14%;align-items:center}.ex-ownership>div>p:not(.ex-kicker){font-size:1.0625rem;color:var(--ex-silver);margin-top:27px;max-width:40ch}.ex-ownership .ex-text-link{color:var(--ex-cyan);margin-top:20px}.ex-ownership .ex-fine{font-size:0.6875rem!important;margin-top:12px!important}.ex-exports>div{padding:26px 0;border-bottom:1px solid #37434d}.ex-exports>div:first-child{border-top:1px solid #37434d}.ex-exports span{display:block;font:500 0.625rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ex-silver)}.ex-exports strong{display:block;font-size:2.1875rem;letter-spacing:-1.5px;font-weight:500;line-height:1.4;margin:8px 0}.ex-exports small{font-family:var(--serif);font-size:1.0625rem;color:var(--ex-silver)}
.ex-availability{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #37434d;padding-block:45px 65px}.experience .ex-availability h3{font-size:1.4375rem;letter-spacing:-.8px;line-height:1.2}.ex-availability p{font-size:0.75rem;color:var(--ex-silver);margin-top:16px;max-width:50ch}.ex-availability a{font-size:0.6875rem;color:var(--ex-cyan);display:inline-block;padding:15px 0}
.ex-preserved{font-family:var(--serif);color:var(--ex-silver)}.experience .ex-preserved h2{font-size:2.5rem}.experience .ex-preserved h3{font-size:1.0625rem;letter-spacing:-.3px}.ex-preserved .reveal{opacity:1;transform:none}.ex-preserved #tonight[hidden]{display:none!important}.ex-preserved #tonight .eyebrow{color:var(--ex-cyan)}.ex-preserved a{color:var(--ex-cyan)}
.ex-invitation{text-align:center;background:radial-gradient(ellipse at 50% 95%,#103a5570,transparent 65%);padding:110px 0 120px;border-top:1px solid #202e38}.experience .ex-invitation h2{font-size:clamp(4rem,9vw,8rem);letter-spacing:-.065em}.ex-invitation>.ex-container>p:not(.ex-kicker){font-size:1.1875rem;color:var(--ex-silver);margin-top:25px}.ex-invitation .ex-actions{justify-content:center;margin-top:35px}.ex-invitation .ex-kicker{font-size:0.625rem}
@media(min-width:1700px){.ex-hero{min-height:840px}}
@media(max-width:1000px){.ex-demo-panel{padding:40px;gap:6%}.ex-demo-copy h3 br{display:none}.ex-stand-sheet{padding:15px;border-width:7px}.ex-stand-sheet strong{font-size:1.125rem}.ex-stand-sheet>div{font-size:1.4375rem}.ex-stands{gap:18px}.ex-rooms-layout{gap:7%}.ex-editorial-head{gap:40px}.ex-hero{min-height:720px}}
@media(max-width:760px){.ex-container{width:calc(100% - 44px)}.ex-hero{min-height:780px;justify-content:flex-start}.ex-hero-image{object-position:68% center}.ex-hero-shade{background:linear-gradient(90deg,#050709d9,#05070929),linear-gradient(0deg,#050709 0%,#05070922 65%)}.ex-hero-content{padding-block:90px 180px}.experience .ex-hero h1{font-size:clamp(4rem,12vw,5.625rem)}.ex-hero-line{font-size:1.25rem}.ex-hero-bottom{bottom:23px;gap:6px}.ex-hero .ex-actions{gap:12px 20px}.ex-editorial-head,.ex-tools-layout,.ex-rooms-layout,.ex-ownership,.ex-openmic-head{grid-template-columns:1fr;gap:40px}.ex-editorial-head{margin-bottom:36px}.ex-editorial-head>p{font-size:1.0625rem;max-width:40ch}.ex-demo-panel{grid-template-columns:1fr;gap:36px;padding:32px 27px;min-height:0}.ex-demo-copy>p:not(.ex-kicker){max-width:46ch}.ex-recording-visual{max-width:420px;width:100%;margin:auto}.ex-paper{max-width:430px;width:100%;margin:auto}.ex-scene-nav{padding:0 12px;justify-content:space-between}.ex-scene-nav a{padding:16px 10px;font-size:0.6875rem}.ex-workspace-top{padding:17px 23px;gap:10px}.ex-workspace-top>span:nth-child(2){display:none}.ex-illustrative{font-size:0.5rem}.ex-demo-caption{font-size:0.625rem;padding:18px 23px}.ex-free-tools{padding-block:70px}.ex-openmic-head{gap:24px}.ex-openmic-head .ex-kicker{margin-bottom:0}.ex-openmic-head h2{grid-row:auto}.ex-openmic-head>p:not(.ex-kicker){font-size:1.0625rem}.ex-openmic-head .ex-text-link{margin-top:0}.ex-social-scene{padding-bottom:190px}.ex-social-scene>img{height:350px;object-position:60% center}.ex-encounter{width:86%;left:7%;padding:25px}.ex-social-caption{font-size:0.5625rem}.ex-rooms{padding-block:75px}.ex-room-visual{width:min(480px,100%);margin:auto;transform:none}.ex-stands{gap:10px;margin-top:45px;padding-bottom:35px}.ex-stand{transform:none!important;padding-top:0}.ex-stand-sheet{padding:13px 10px;border-width:5px;min-height:240px}.ex-stand-sheet>span{font-size:0.5rem;min-height:40px}.ex-stand-sheet strong{font-size:0.9375rem;letter-spacing:-.5px}.ex-stand-sheet>div{font-size:1.25rem;line-height:1.7;letter-spacing:-1px}.ex-stand-sheet small{font-size:0.5rem}.ex-stand>i{height:65px;width:3px}.ex-stand>i:after{width:60px}.ex-stands:after{bottom:25px}.ex-stage-caption{font-size:0.5625rem}.ex-practice-link{grid-template-columns:1fr;gap:14px;margin-top:45px;padding-top:28px}.ex-availability{grid-template-columns:1fr;gap:30px}.ex-ownership{gap:35px}.ex-exports strong{font-size:1.875rem}.ex-invitation{padding-block:80px}.ex-invitation .ex-actions{gap:15px 30px}.home-experience>.wrap>header.top,.home-experience>.wrap>footer{padding-inline:22px}}
@media(max-width:420px){.ex-hero{min-height:820px}.ex-hero-content{padding-top:70px}.ex-hero .ex-actions{align-items:flex-start;flex-direction:column}.ex-hero .ex-button{padding:15px 19px;gap:20px;font-size:0.8125rem}.experience .ex-hero .ex-kicker{font-size:0.5625rem}.ex-stands{grid-template-columns:1fr;max-width:260px;gap:24px}.ex-stand-sheet{min-height:280px;padding:24px;border-width:9px}.ex-stand-sheet strong{font-size:1.4375rem}.ex-stand-sheet>span,.ex-stand-sheet small{font-size:0.625rem;min-height:0}.ex-stand-sheet>div{font-size:1.75rem}.ex-scene-nav a{padding-inline:7px}.ex-editorial-head h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experience *{animation:none!important;transition:none!important}}

/* Availability and illustration labels remain readable on the small layout. */
.experience :is(.ex-demo-caption,.ex-social-caption,.ex-stage-caption,.ex-illustrative,.ex-fine){font-size:0.75rem!important;line-height:1.65}
.experience :is(h1,h2,h3,h4){overflow-wrap:anywhere}
.experience .ex-demo-copy h3 br{display:initial}
@media(max-width:420px){.experience .ex-hero h1{font-size:clamp(3rem,14vw,4rem)}}

@media(max-width:760px){.ex-social-scene{padding-bottom:0}.ex-encounter{position:relative;inset:auto;margin:-60px auto 0;width:86%}.ex-social-caption{margin-top:24px}}

/* A native screen stays intact, alongside the setting it explains. */
.ex-account{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem);align-items:center;border-top:1px solid var(--ex-line)}
.ex-account-copy>p:not(.ex-kicker){color:var(--ex-silver);font-size:1.0625rem;max-width:44ch;margin-top:24px}
.ex-account-copy strong{color:var(--ex-white);font-weight:600}
.ex-account-copy .ex-text-link{color:var(--ex-cyan);margin-top:24px}
.ex-app-capture{width:min(100%,290px);margin:0 auto;min-width:0}
.ex-app-capture img{display:block;width:100%;height:auto;border:1px solid #314351;border-radius:12px;box-shadow:0 24px 60px #0005}
.ex-app-capture figcaption{margin-top:16px;font:500 .75rem/1.65 var(--mono);color:var(--ex-silver);overflow-wrap:anywhere}
@media(max-width:760px){.ex-account{grid-template-columns:minmax(0,1fr);gap:36px}.ex-account-copy>p:not(.ex-kicker){font-size:1rem}.ex-app-capture{width:min(100%,310px)}}

/* Keep enlarged text in the flow instead of letting grid/flex items widen it. */
.experience :is(.ex-editorial-head,.ex-tools-layout,.ex-openmic-head,.ex-rooms-layout,.ex-ownership,.ex-availability,.ex-practice-link)>*{min-width:0}
.experience :is(.ex-workspace-top,.ex-recording-label,.ex-tool-links,.ex-exports,.ex-availability,.ex-hero-bottom){overflow-wrap:anywhere}
.ex-workspace-top>*,.ex-tool-links>a>*,.ex-exports>div{min-width:0;max-width:100%}
.ex-recording-label{flex-wrap:wrap}
.ex-recording-label>*{min-width:0;max-width:100%}
.experience .ex-text-link,.experience .ex-button,.ex-practice-link a,.ex-encounter>a{max-width:100%;overflow-wrap:anywhere}
.experience .ex-text-link>span,.experience .ex-button>span{flex-shrink:0}

/* Fog and entrance movement share atmosphere.css / atmosphere.js sitewide. */
.ex-hero-bottom{column-gap:22px}
.ex-hero-bottom>span{margin-left:auto}
.experience .ex-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #8292a14d;border-radius:999px;background:#0d172066;color:#c5d4e0;font:500 .6875rem/1.4 var(--mono);cursor:pointer;max-width:100%;min-width:0}
.experience .ex-motion-toggle:hover{border-color:#b2d3ed88;color:#f0f7fd;background:#142537}
.ex-motion-icon{width:10px;height:10px;border-inline:2px solid currentColor}
.ex-motion-toggle[aria-pressed=true] .ex-motion-icon{height:0;width:0;border:5px solid transparent;border-left:8px solid currentColor;border-right:0}
/* Deep, quiet surfaces keep the song and the people in the foreground. */
.ex-workspace{background:linear-gradient(135deg,#111c25 0%,#0b1015 48%);border-color:#425663;box-shadow:0 1px 0 #a4c4db18 inset,0 34px 100px #0009,0 0 70px #245c8610}
.ex-scene-nav{background:#070d1266}
.ex-scene-nav a{transition:color .2s ease,background-color .2s ease}
.ex-scene-nav a:hover{background:#527b9610}
.ex-workspace-top{border-color:#57708440}
.ex-encounter{background:linear-gradient(140deg,#192a36,#0e1820);border-color:#68859b7a;box-shadow:0 1px 0 #a9cde212 inset,0 24px 70px #0008}
.ex-room-visual{background:linear-gradient(140deg,#172632,#101922);border-color:#587082;box-shadow:0 1px 0 #b8d0df14 inset,35px 30px 70px #0007}
.experience .ex-button{box-shadow:0 1px 0 #d2f7ff80 inset,0 8px 28px #07121b44;transition:background-color .2s ease,box-shadow .2s ease}
.experience .ex-button:hover{box-shadow:0 1px 0 #fff9 inset,0 10px 35px #54b7d128}
.ex-text-link>span,.ex-button>span,.ex-tool-links>a>span:last-child{transition:transform .25s ease}
.ex-text-link:hover>span,.ex-button:hover>span{transform:translate(3px,-2px)}
.ex-tool-links>a:hover>span:last-child{transform:translateX(3px)}
.ex-social-caption a{color:var(--ex-cyan);white-space:normal}
.ex-account-copy{max-width:38rem}
@media(max-width:760px){.ex-hero-bottom>span{margin-left:0}.ex-hero-bottom .ex-motion-toggle{margin-left:auto}}
@media(max-width:420px){.ex-hero-bottom{gap:8px 12px}.ex-hero-bottom>a{flex-basis:100%}.ex-hero-bottom .ex-motion-toggle{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){.experience .ex-motion-toggle{display:none!important}}
/* Let the hero's utility row grow with the reader's text size. */
.ex-motion-icon{flex-shrink:0}
.ex-motion-toggle [data-motion-label]{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.ex-hero-content{padding-bottom:65px}.ex-hero-bottom{position:relative;inset:auto;margin-top:auto;margin-bottom:23px}}