/* Young Learners: the same working website, with a full warm, playful visual system. */
.experience-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.young-doodles{display:none}
body[data-experience=young]{--bg:#fff9ed;--panel:#fffdf7;--ink:#082c28;--muted:#45605b;--mint:#007c59;--line:#dfd9c9;color-scheme:light;background:#fff9ed;font-family:'Trebuchet MS','Helvetica Neue',sans-serif}
body[data-experience=young] h2,body[data-experience=young] h3{font-family:'Trebuchet MS',sans-serif;letter-spacing:-1.7px}
body[data-experience=young] h2 em{font-family:inherit;font-style:normal;font-weight:800;color:#178962}
body[data-experience=young] .site-header{background:#fffdf5f2;border-color:#e7ddc5;box-shadow:0 3px 25px #a7822920;border-radius:0 0 34px 34px}
body[data-experience=young] .brand img{filter:brightness(0) saturate(100%)}
body[data-experience=young] .button-mint{background:#12e3a1;border-color:#12e3a1;color:#06281c}
body[data-experience=young] .button-outline{background:#fffdf5c9;border-color:#57736b;color:#123b32}
body[data-experience=young] .button-outline:hover{background:#fff}
body[data-experience=young] .mobile-menu{background:#fff9ed}
body[data-experience=young] .hero{background:#ffedc4;min-height:810px}
body[data-experience=young] .hero-photo{inset:0 0 0 30%;opacity:1}
body[data-experience=young] .hero-photo img{object-position:70% 42%;filter:brightness(1.16) saturate(1.15)}
body[data-experience=young] .hero:before{background:linear-gradient(90deg,#fff9ed 1%,#fff9edf5 25%,#fff9edb8 43%,#fff9ed00 67%),linear-gradient(0deg,#fff9ed 0%,transparent 25%)}
body[data-experience=young] .hero:after{content:'';position:absolute;bottom:-45px;left:-5%;width:110%;height:85px;border-radius:50%;background:#fff9ed;z-index:-1}
body[data-experience=young] .hero-light,body[data-experience=young] .hero-lines{display:none}
body[data-experience=young] .hero-copy .script{color:#ed644b;font-size:clamp(38px,4.8vw,70px);white-space:nowrap;transform:rotate(-4deg);margin-top:16px}
body[data-experience=young] .hero h1{font-family:'Trebuchet MS',sans-serif;text-transform:none;font-size:clamp(70px,8.8vw,128px);font-weight:900;letter-spacing:-7px;line-height:.99;transform:rotate(-3deg);margin:10px 0 30px;color:#043b2a}
.music-colors{white-space:nowrap}.music-colors span:nth-child(1){color:#279864}.music-colors span:nth-child(2){color:#fa634d}.music-colors span:nth-child(3){color:#25a9df}.music-colors span:nth-child(4){color:#ffb524}.music-colors span:nth-child(5){color:#f0a61d}.music-colors span:nth-child(6){color:#5774b8}
body[data-experience=young] .hero-description{color:#143b31;max-width:440px}
body[data-experience=young] .hero-assurance,body[data-experience=young] .hero-credit,body[data-experience=young] .scroll-invitation{color:#385e51}
body[data-experience=young] .manifesto{color:#385e51;font-size:12px}
body[data-experience=young] .experience{color:#294437;background:#fffcf0c9;border-color:#d4cbb5;box-shadow:none}
body[data-experience=young] .experience.active{background:#ffdb58;border:2px solid #ffb20a;color:#092c21;box-shadow:0 4px 14px #ffbe3630}
body[data-experience=young] .experience-picker>span{color:#315344}
body[data-experience=young] .stage-note{color:#164d36;text-shadow:0 2px 8px #fff;font-weight:700}
body[data-experience=young] .guide-placeholder{background:#fffdf4ed;border:2px solid #a5d7af;box-shadow:0 8px 32px #366e3820;border-radius:30px}
body[data-experience=young] .guide-copy p,body[data-experience=young] .guide-tag,body[data-experience=young] .placeholder-label{color:#355e48}
body[data-experience=young] .guide-links a{border-color:#9abd9d;color:#214d34}
body[data-experience=young] .avatar-window{background-image:url('assets/reference-young.webp');background-size:1000px 667px;background-position:-905px -180px}
body[data-experience=young] .young-doodles{display:block;position:absolute;inset:0;pointer-events:none;z-index:-1}
.young-doodles span{position:absolute;font-size:55px;animation:noteFloat 5s ease-in-out infinite;color:#ffb522;left:48%;top:25%}.young-doodles span:nth-child(2){left:4%;top:18%;font-size:28px;color:#f6ab2c;animation-delay:-2s}.young-doodles span:nth-child(3){left:91%;top:17%;color:#29b8d9;animation-delay:-1s}.young-doodles span:nth-child(4){left:49%;top:71%;color:#f57865;animation-delay:-3s}.young-doodles span:nth-child(5){left:57%;top:11%;color:#ffce3c;animation-delay:-4s}
@keyframes noteFloat{50%{transform:translateY(-15px) rotate(12deg)}}
body[data-experience=young] .benefits{border-color:#dfd4b9;background:#fff9ed}
body[data-experience=young] .benefits a:nth-child(3n+1) .icon{color:#36a7cf}body[data-experience=young] .benefits a:nth-child(3n+2) .icon{color:#ee8451}body[data-experience=young] .benefits a:nth-child(3n) .icon{color:#2d9c65}
body[data-experience=young] .explore-card{border-radius:24px;border:2px solid #ecd6a4;color:white;box-shadow:0 8px 25px #75502012}
body[data-experience=young] .explore-card h2{letter-spacing:-1px}body[data-experience=young] .explore-card p{color:#fff}
body[data-experience=young] .circle-arrow{background:#ffdc59;color:#082d22;border-color:transparent}body[data-experience=young] .explore-card:nth-child(2) .circle-arrow{background:#a2e4f2}body[data-experience=young] .explore-card:nth-child(3) .circle-arrow{background:#f4b9d8}body[data-experience=young] .explore-card:nth-child(4) .circle-arrow{background:#c9eab6}
body[data-experience=young] .location-art{background:linear-gradient(145deg,#dfae5c,#31563c)}
body[data-experience=young] .teacher-section,body[data-experience=young] .pricing-section{background:#fff0d5}
body[data-experience=young] .instrument-panel,body[data-experience=young] .teacher-card,body[data-experience=young] .price-card,body[data-experience=young] .studio-detail{background:#fffdf6;border-color:#e1d5b9;border-radius:26px}
body[data-experience=young] select,body[data-experience=young] input,body[data-experience=young] textarea{background:#fffef9;color:#173d31;border-color:#c9c6ad}
body[data-experience=young] .instrument-tabs button,body[data-experience=young] .studio-tabs button{color:#526456;border-color:#d7d3bd}
body[data-experience=young] [role=tab][aria-selected=true]{background:#ffdb58;color:#173b29;border-color:#e7b231}
body[data-experience=young] .studio-visual{background:linear-gradient(145deg,#c9eacd,#f4e8aa);color:#164b33;border-radius:26px}
body[data-experience=young] .studio-visual p,body[data-experience=young] .studio-coordinates{color:#174b36}
body[data-experience=young] .journey{color:#fff;--mint:#9bf2c5;--muted:#e8f2e9}
body[data-experience=young] .journey h2 em{color:#9bf2c5}body[data-experience=young] .chapter{color:#f4f7f1}
body[data-experience=young] .performance-overlay{color:white}body[data-experience=young] .performance-overlay p{color:white}
body[data-experience=young] .final-cta{background:radial-gradient(ellipse at 10% 100%,#ffd7b0,transparent 50%),radial-gradient(ellipse at 90% 90%,#c5e8df,transparent 55%),#fff5d9;color:#133d2d}
body[data-experience=young] footer{background:#e5eedc;color:#234b35}
body[data-experience=young] .text-link:hover{color:#144529;border-color:#144529}
body[data-experience=young] dialog{background:#fff9ed;color:#183e2c;border-color:#ddd1b4;--muted:#45605b}
body[data-experience=young] .choice,body[data-experience=young] .review-notice,body[data-experience=young] .search-result{background:#fffdf7;color:#254e38;border-color:#cfccb5}
body[data-experience=young] .choice.selected,body[data-experience=young] .choice[aria-pressed=true]{background:#d4f1d6;border-color:#329767}
body[data-experience=young] .price-card.featured{border-color:#26a876;background:#f1f8dd}
@media(max-width:700px){body[data-experience=young] .hero{min-height:950px}body[data-experience=young] .hero-photo{inset:160px -180px 0 5%;opacity:.5}body[data-experience=young] .hero:before{background:linear-gradient(90deg,#fff9edf8,#fff9ed99),linear-gradient(0deg,#fff9ed,transparent)}body[data-experience=young] .hero h1{font-size:82px;letter-spacing:-5px}body[data-experience=young] .hero-copy .script{font-size:42px}body[data-experience=young] .manifesto{font-size:10px}body[data-experience=young] .stage-note{font-size:25px}.young-doodles span{font-size:35px}.young-doodles span:nth-child(1){left:85%;top:25%}}
@media(prefers-reduced-motion:reduce){.young-doodles span{animation:none}}.reduced-motion .young-doodles span{animation:none}
body[data-experience=young] :is(.hero-copy .eyebrow,.stage-note span,.scroll-invitation>span:first-child,.instrument-copy .equipment,.filter-group label,.section-note,.studio-pin,.studio-detail address,.price-card .duration,.price span,.price-card .description,.price-card ul,.policy-strip p,.faq-list summary,.final-cta p:not(.eyebrow),.trial-steps li,.back-top,.footer-columns a,.footer-columns button,.footer-columns address,.footer-bottom,.footer-bottom button,#trial-step-count,.trial-local,.form-grid label,.review-list dt,.review-notice){color:#3e604e}
body[data-experience=young] .price-label{background:#ffdc58;color:#234a2b}
body[data-experience=young] .placeholder-label{background:#e4efda;color:#31583b;border-color:#b4cba5}
body[data-experience=young] .guide-links a{background:#fffdf5;color:#234d31}
body[data-experience=young] .avatar-window{height:183px;mask-image:linear-gradient(90deg,transparent,black 22%),linear-gradient(0deg,transparent,black 22%)}
body[data-experience=young] .hero-photo img{filter:brightness(1.02) saturate(1.08)}
body[data-experience=young] .form-error{color:#a5291a!important}
/* Adult Learner — intimate, warm and editorial. */
body[data-experience=adult]{--bg:#080e10;--panel:#111b1d;--ink:#faf6ed;--muted:#bbc4c5;--mint:#edc17c;--line:#494038;color-scheme:dark;background:radial-gradient(ellipse at 95% 16%,#39271d44,transparent 35%),#080e10}
body[data-experience=adult] h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.12}
body[data-experience=adult] h2 em{color:#edc17c}
body[data-experience=adult] .site-header{background:#050d10f0;border-color:#4e3b27}
body[data-experience=adult] .button-mint{background:#18e6aa;border-color:#18e6aa;color:#05261c}
body[data-experience=adult] .button-outline{border-color:#b2a18a;background:#11161980}
body[data-experience=adult] .hero{background:#0a0f11;min-height:830px}
body[data-experience=adult] .hero-photo{inset:0 0 0 33%}
body[data-experience=adult] .hero-photo img{object-position:48% 30%;filter:sepia(.24) saturate(.8) brightness(.83)}
body[data-experience=adult] .hero:before{background:linear-gradient(90deg,#070d10 0%,#070d10f5 22%,#070d10a3 47%,#070d101a 78%),linear-gradient(0deg,#080e10,transparent 35%)}
body[data-experience=adult] .hero-lines{opacity:.15}
body[data-experience=adult] .hero-light{background:#dc9727;opacity:.12}
body[data-experience=adult] .hero-copy .script{font:400 14px/1.5 'Helvetica Neue',sans-serif;letter-spacing:5px;color:#e7c58d;margin:20px 0}
body[data-experience=adult] .hero h1{font:400 clamp(65px,7.5vw,110px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-5px;max-width:690px;margin:22px 0 26px}
body[data-experience=adult] .hero h1 em{font-style:normal;color:#edc17c}
body[data-experience=adult] .hero-copy{max-width:680px}
body[data-experience=adult] .hero-description{max-width:480px!important;color:#d7dfe0;font-size:17px}
body[data-experience=adult] .manifesto{letter-spacing:2px;gap:16px;color:#edcf9c;font-size:11px}
body[data-experience=adult] .experience.active{color:#ffe3ad;border-color:#f5c67f;background:#32241688;box-shadow:0 0 8px #ecc47e77,inset 0 0 10px #ecc47e22}
body[data-experience=adult] .guide-placeholder{border-color:#9c7b4c;background:#0a1115eb;box-shadow:0 12px 35px #0006}
body[data-experience=adult] .guide-copy h2{font-family:'Helvetica Neue',sans-serif;font-size:23px;font-weight:650;letter-spacing:-.8px}
body[data-experience=adult] .guide-tag,body[data-experience=adult] .placeholder-label{color:#ddbf8d}
body[data-experience=adult] .placeholder-label{border-color:#665136;background:#101619}
body[data-experience=adult] .guide-links a{border-color:#82725a}
body[data-experience=adult] .avatar-window{background-image:url('assets/reference-adult.webp');background-size:1000px 667px;background-position:-910px -197px}
body[data-experience=adult] .stage-note{color:#dfba80;right:2%;text-shadow:0 2px 10px #000}
body[data-experience=adult] .stage-note span{color:#f4e5c8}
body[data-experience=adult] .benefits{border-color:#695334}
body[data-experience=adult] .explore-card{border-color:#6a5437;border-radius:14px}
body[data-experience=adult] .explore-card h2{font-family:'Helvetica Neue',sans-serif;font-weight:650;letter-spacing:-1px}
body[data-experience=adult] .location-art{background:radial-gradient(ellipse at 80% 10%,#59422a,#0d191c 75%)}
body[data-experience=adult] .location-lettering{color:#866e48}
body[data-experience=adult] .teacher-section,body[data-experience=adult] .pricing-section{background:#0d171a}
body[data-experience=adult] .teacher-card,body[data-experience=adult] .instrument-panel,body[data-experience=adult] .price-card{background:#111b1e;border-color:#494036}
body[data-experience=adult] .price-card.featured{border-color:#d6ac6e;background:linear-gradient(145deg,#302820,#111b1e)}
body[data-experience=adult] .studio-visual{background:radial-gradient(ellipse at 70% 20%,#57442c,#121d20 75%)}
body[data-experience=adult] .studio-background-word{color:#c5a26b22}
body[data-experience=adult] .final-cta{background:radial-gradient(ellipse at 50% 90%,#533b2066,transparent 65%),#0a1316}
body[data-experience=adult] footer{background:#080e10}
body[data-experience=adult] dialog{background:#10191d;border-color:#7c6241}
body[data-experience=adult] .choice[aria-pressed=true]{background:#463722;color:#ffdfaa;border-color:#edc17c}
@media(max-width:700px){body[data-experience=adult] .hero{min-height:1010px}body[data-experience=adult] .hero h1{font-size:64px;letter-spacing:-3px;max-width:360px}body[data-experience=adult] .hero-copy .script{font-size:11px;letter-spacing:3px}body[data-experience=adult] .hero-description{font-size:15px}body[data-experience=adult] .hero-photo{inset:0 -120px 0 10%;opacity:.65}body[data-experience=adult] .hero:before{background:linear-gradient(90deg,#070d10ef,#070d1077),linear-gradient(0deg,#080e10,transparent 60%)}body[data-experience=adult] .manifesto{font-size:10px;letter-spacing:1px;gap:12px}body[data-experience=adult] .hero-assurance{max-width:280px}body[data-experience=adult] .guide-placeholder{bottom:30px}body[data-experience=adult] .stage-note{font-size:24px}}
body[data-experience=adult] .avatar-window{height:183px;mask-image:linear-gradient(90deg,transparent,black 22%),linear-gradient(0deg,transparent,black 22%)}
@media(max-width:700px){body[data-experience=adult] .hero{min-height:1140px}body[data-experience=adult] .hero-content{min-height:925px}body[data-experience=adult] .stage-note{top:755px}body[data-experience=adult] .guide-placeholder{bottom:28px}}
