/* Shared geometry, rhythm and vector controls across desktop and mobile. */
.mv-icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;pointer-events:none}
.big-play,.play-mini,.demo-play-icon,.library-play,.ab-play,.menu-button,.carousel-button{display:inline-flex;align-items:center;justify-content:center}
.big-play .mv-icon,.demo-play-icon .mv-icon,.library-play .mv-icon{width:40%;height:40%;margin-left:4%}
.ab-play .mv-icon{width:22px;height:22px}.ab-play .mv-icon-play{margin-left:3px}
.vvs-lock-badge .mv-icon{width:52px;height:52px;padding:12px;box-sizing:content-box;border:1px solid #ffffff50;border-radius:18px;background:#121212b8;color:#ffcc00}
.menu-button{width:44px;min-height:44px;padding:10px}.menu-button .mv-icon{width:22px;height:22px}
.button,.play-link,.course-demo-link{gap:10px}.text-link .mv-icon{margin-inline:4px}
.wrap{max-width:1280px;margin-inline:auto}main>section{min-width:0}.section-heading>*,.course-hero>*,.contact-grid>*,.bundle-card>*,.studio-story>*{min-width:0}
.course-grid{align-items:stretch}.course-card{display:flex;flex-direction:column}.course-info{display:flex;flex-direction:column;flex:1}.course-info>p{flex:1}.course-info .micro{margin-top:12px}.course-price{align-items:center;flex-wrap:wrap}.course-price>span{min-width:0}.purchase-help{text-align:center}.purchase-card .purchase-help{text-align:left;margin-bottom:16px}
.bundle-card{overflow:hidden;border-radius:18px}.bundle-body{min-width:0}.bundle-body .button{width:100%;justify-content:center}.bundle-includes li{display:flex;align-items:flex-start;gap:10px}.bundle-includes .mv-icon{margin-top:3px}
.footer-bottom{align-items:center}.footer-bottom a{line-height:1.6}.contact-form input,.contact-form textarea{box-sizing:border-box}.contact-form textarea{resize:vertical;min-height:150px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffcc00;outline-offset:5px}img{max-width:100%}.hero-details{flex-wrap:wrap;row-gap:10px}
@media(min-width:701px){.course-card:not(.featured) .course-info>.button{margin-top:0}.course-info .course-demo-link{min-height:44px}.course-grid .course-card:not(.featured) .micro{margin-top:64px}}
@media(max-width:900px){.contact-grid{gap:32px}.bundle-body{padding:24px}.section-heading{gap:24px}}
@media(max-width:680px){
 .wrap{width:calc(100% - 36px)}.header{gap:10px}.header .brand{min-width:0}.student{font-size:12px;white-space:nowrap}.header .brand img{width:32px;height:32px}.header nav{top:100%}
 .hero,.course-hero,.catalog,.studio-story,.audio-section,.reviews,.youtube,.faq,.curriculum,.course-presentation{padding-block:40px}.section-heading{margin-bottom:24px}.section-heading>p{margin-top:16px}
 .course-info{padding:22px}.course-info>p{min-height:0}.course-price{gap:12px}.course-price a{min-height:44px;display:inline-flex;align-items:center}.course-info .micro{margin-top:12px}.purchase-help{line-height:1.7;margin-top:10px}
 .bundle-body{padding:22px}.bundle-section{padding-block:32px 40px}.bundle-pricing{gap:12px}.bundle-split{line-height:1.7}.bundle-body .pack-code{min-height:44px;margin-inline:auto}.bundle-includes{padding-left:0}
 .contact-grid{grid-template-columns:1fr;padding-block:32px 48px;gap:32px}.contact-form input,.contact-form textarea{font-size:16px}.footer-main{gap:28px 20px}.footer-bottom{align-items:flex-start;gap:14px}
 .ab-heading{align-items:flex-start;gap:18px}.ab-controls{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px}.ab-controls input[type=range]{width:100%;min-width:0}.ab-time{grid-column:2;text-align:right}.ab-switch{max-width:100%}
 .sticky-buy{padding-inline:18px;gap:10px}.sticky-buy>.button{min-height:46px;padding:12px 16px;font-size:13px}.sticky-buy>div{min-width:0}body:has(.sticky-buy){padding-bottom:88px}
 .carousel-toolbar{align-items:center;gap:12px}.carousel-toolbar>p{font-size:12px}.carousel-toolbar button{min-width:44px;min-height:44px}.demo-intro{gap:20px}.demo-guide{padding:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
@media(min-width:681px){.menu-button{display:none}.course-grid .course-info{display:grid;grid-template-rows:auto auto minmax(64px,1fr) auto 52px 44px auto 24px;row-gap:10px;align-content:start}.course-info>.eyebrow{grid-row:1}.course-info>h3{grid-row:2}.course-info>p{grid-row:3;margin:0}.course-info>.course-price{grid-row:4;margin:0;min-height:48px}.course-info>.button{grid-row:5;margin:0}.course-info>.course-demo-link{grid-row:6;margin:0}.course-grid .course-info>.micro{grid-row:7;margin:0!important}.course-info>.purchase-help{grid-row:8;margin:0}}
main>.bundle-section{width:calc(100% - 72px);max-width:1280px;margin-inline:auto;padding-bottom:64px}
@media(max-width:680px){main>.bundle-section{width:calc(100% - 36px);padding-bottom:40px}.menu-button{display:inline-flex}}
.hero:before{inset:0;border-radius:28px}
@media(max-width:680px){.page-intro h1{font-size:clamp(2.2rem,10.5vw,4.3rem)}.reopening-banner{flex-wrap:nowrap;gap:10px}.reopening-message{min-width:0}.reopening-message>b{font-size:clamp(20px,6vw,25px)}.reopening-message>b span{margin-left:3px}.reopening-clock{flex-shrink:0}.reopening-clock strong{font-size:20px}}
@media(max-width:360px){.header .brand{font-size:18px;gap:7px}.header .brand img{width:27px;height:27px}.student{font-size:11px}.header{gap:8px}.menu-button{width:36px;padding:7px}.reopening-message>span{font-size:9px}.reopening-clock strong{font-size:18px}.reopening-clock small{font-size:8px}}