/* Motion never owns navigation, content visibility or learning state. */
.title-mask,.title-mask>span{display:block;overflow:visible}
.home-hero .studio-intro h1 em{padding-right:.08em;clip-path:none}
/* Animate actual elements, not a frozen second copy of the whole page. */
@view-transition{navigation:none}
@keyframes trace-draw{from{stroke-dashoffset:800;opacity:.1}to{stroke-dashoffset:0;opacity:1}}
@media(prefers-reduced-motion:no-preference){

 .cover-graphic .graphic-trace{stroke-dasharray:800;stroke-dashoffset:0}
 .product-card__main:focus-visible .graphic-trace{animation:trace-draw .65s cubic-bezier(.22,1,.36,1) both}
 .button:active{transform:translateY(1px);transition:transform .1s}
 .registration-dialog{transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1),display .28s allow-discrete,overlay .28s allow-discrete;opacity:0;transform:translateY(18px) scale(.965)}
 .registration-dialog[open]{opacity:1;transform:none}
 .registration-dialog::backdrop{transition:opacity .28s,display .28s allow-discrete,overlay .28s allow-discrete;opacity:0}
 .registration-dialog[open]::backdrop{opacity:1}
 @starting-style{.registration-dialog[open]{opacity:0;transform:translateY(18px) scale(.965)}.registration-dialog[open]::backdrop{opacity:0}}
 .program-enhanced .course-layout{transition:grid-template-columns .28s cubic-bezier(.22,1,.36,1),gap .28s cubic-bezier(.22,1,.36,1)}
 .program-enhanced .course-sidebar{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s,visibility .28s}
 @media(hover:hover) and (pointer:fine){.product-card:hover .graphic-trace{animation:trace-draw .65s cubic-bezier(.22,1,.36,1) both}}
}
.course-sidebar progress.has-motion-overlay{margin-bottom:0;display:block}
.progress-motion{display:block;height:3px;background:var(--course-violet);transform:scaleX(var(--progress-final));transform-origin:left;margin-top:-3px;margin-bottom:22px;border-radius:4px}
.course-sidebar progress.has-motion-overlay::-webkit-progress-value{background:transparent}
.course-sidebar progress.has-motion-overlay::-moz-progress-bar{background:transparent}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.home-feature,.product-card__art{transform:none!important}.home-feature::after,.product-card__art::after{display:none}}