/* v1.3: complete phone experience. Shared content, no separate mobile site. */
@media(max-width:700px){
html{scroll-padding-top:82px}.site-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.site-header .brand img{width:clamp(130px,40vw,170px)}.menu-toggle{width:44px;height:44px;flex-shrink:0}.header-trial{min-height:44px;font-size:11px;padding:10px 12px}.mobile-menu{padding-bottom:max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain}.mobile-menu a{min-height:48px}.mobile-search{display:block;min-height:48px;font-size:21px;text-align:left;padding:9px 0}
.experience-picker{padding:16px 12px 10px}.experience-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.experience{min-height:52px;padding:7px 4px!important;font-size:11px!important;flex-direction:column;gap:3px;line-height:1.25;border-radius:18px}.experience .icon{width:18px;height:18px}
body .hero,body[data-experience=young] .hero,body[data-experience=adult] .hero{min-height:0;padding-bottom:60px}
body .hero-content,body[data-experience=young] .hero-content,body[data-experience=adult] .hero-content{min-height:0;display:flex;flex-direction:column;align-items:stretch}
.hero-copy{padding-top:26px}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions .button{min-height:52px;font-size:14px;padding:14px 20px}.hero-assurance{font-size:12px;max-width:100%!important;line-height:1.6}
body .guide-placeholder,body[data-experience=adult] .guide-placeholder{position:relative;right:auto;bottom:auto;transform:none;width:100%;height:255px;margin:32px 0 10px;flex-shrink:0}.guide-copy{padding:20px;max-width:70%}.guide-copy h2{font-size:26px}.guide-tag{font-size:11px;max-width:200px}.guide-copy p{font-size:13px;max-width:180px}.guide-links{flex-wrap:wrap;gap:8px}.guide-links a{font-size:12px;min-height:36px;display:inline-flex;align-items:center;padding:5px 10px}.avatar-window{right:12px!important;top:16px!important;width:110px}.placeholder-label{font-size:9px}
body .stage-note,body[data-experience=adult] .stage-note{position:relative;top:auto;left:auto;right:auto;order:3;text-align:center;max-width:none;font-size:22px;margin:15px 0 18px;transform:rotate(-4deg)}.stage-note br{display:none}.stage-note span{display:block}.stage-note svg{display:none}.hero-copy{order:0}.guide-placeholder{order:2}.scroll-invitation{bottom:18px}.hero-photo{height:760px!important}.hero h1{font-size:clamp(64px,18vw,100px)}body[data-experience=young] .hero h1{font-size:clamp(68px,20vw,90px)}body[data-experience=young] .hero-copy .script{font-size:clamp(32px,10vw,44px);white-space:normal}body[data-experience=adult] .hero h1{font-size:clamp(52px,16vw,76px)}
.benefits{gap:26px 12px}.benefits a{font-size:12px;line-height:1.5}.explore-grid{grid-template-columns:1fr;gap:18px}.explore-card{height:320px}.explore-card h2{font-size:34px}.explore-card p{font-size:15px;max-width:240px}.explore-card>div:not(.location-lettering){left:24px;bottom:25px;right:68px}.card-number{left:24px;top:22px;font-size:10px}.circle-arrow{bottom:28px;right:20px;width:44px;height:44px;font-size:23px}.location-lettering{font-size:135px;right:35px;top:35px}
.instrument-tabs{flex-wrap:nowrap;overflow-x:auto;padding:5px 3px 12px;scroll-snap-type:x proximity}.instrument-tabs button{min-height:46px;flex-shrink:0;scroll-snap-align:start;font-size:14px}.instrument-copy .button{width:100%;min-height:50px}.instrument-copy .equipment,.section-note{font-size:13px}.teacher-grid{grid-template-columns:1fr;gap:22px}.teacher-portrait{height:230px}.teacher-card-body{padding:24px}.teacher-card h3{font-size:26px}.teacher-card .instruments{font-size:14px}.teacher-card .line{font-size:15px;min-height:0}.teacher-card .text-link{font-size:15px;min-height:44px}.teacher-portrait span{font-size:12px}.teacher-toolbar select{font-size:16px;min-height:48px}.teacher-toolbar>p{font-size:13px}
.pricing-grid{grid-template-columns:1fr;gap:25px}.price-card{padding:28px}.price-card h3{font-size:25px}.price-card .duration{font-size:14px}.price strong{font-size:54px}.price span{font-size:14px}.price-card .description,.price-card ul{font-size:16px;min-height:0}.price-card .button{font-size:15px;min-height:50px}.price-label{font-size:10px}.policy-strip p{font-size:14px}.studio-actions .button{min-height:50px}.studio-instruments{font-size:15px}.faq-list summary{min-height:48px;font-size:16px}.faq-list details p{font-size:16px}.footer-columns a,.footer-columns button{font-size:14px;min-height:36px;display:flex;align-items:center}.footer-columns address{font-size:14px}.footer-bottom,.footer-bottom button{font-size:12px}.footer-bottom button{min-height:44px}.final-cta h2{font-size:clamp(44px,12vw,66px)}.final-cta h2 em{letter-spacing:-2px}
dialog{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100dvh - 20px);margin:auto;overscroll-behavior:contain}.trial-dialog{max-height:calc(100dvh - 20px)}.trial-top{position:sticky;top:0;background:var(--panel);z-index:3}.dialog-close{width:44px;height:44px}.choice-grid{grid-template-columns:1fr}.choice{min-height:52px;font-size:16px}input,textarea,select{font-size:16px!important}.trial-bottom{gap:10px;flex-wrap:wrap}.trial-bottom .button{min-height:48px;font-size:14px;padding:12px 16px}.trial-local{font-size:11px}#trial-body{min-height:0;padding:25px 20px}.form-grid label{font-size:14px}.review-list{font-size:14px;grid-template-columns:95px minmax(0,1fr)}.review-list dd{overflow-wrap:anywhere}.journey-sticky{min-height:620px}.journey-caption p{font-size:16px}
}
@media(max-width:360px){.site-header .brand img{width:125px}.header-trial{font-size:10px;padding:10px}.container{width:calc(100% - 32px)}.manifesto{gap:10px;letter-spacing:1.5px}.footer-columns{grid-template-columns:1fr}.guide-copy{padding:16px}.guide-copy h2{font-size:24px}}
@media(max-height:550px) and (max-width:1000px){.journey{height:auto;min-height:0}.journey-sticky{position:relative;top:0;height:auto;min-height:650px}.journey-hint{display:none}}
/* v1.4 verified layout corrections. */
@media(max-width:700px){.about-copy{min-width:0}.about-copy h2{font-size:clamp(34px,10vw,51px);overflow-wrap:break-word}}
@media(min-width:701px) and (max-width:1000px){body[data-experience=adult] .hero{min-height:0;padding-bottom:60px}body[data-experience=adult] .hero-content{min-height:0;display:flex;flex-direction:column;align-items:stretch}body[data-experience=adult] .guide-placeholder{position:relative;transform:none;bottom:auto;right:auto;margin:32px 0 28px;align-self:flex-end;width:287px}body[data-experience=adult] .stage-note{top:25px;font-size:22px}}