@layer components{.course-grid_wrap{gap:var(--site-gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;& .course-card_title{font-size:var(--h5)}@media (width<=72rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=52rem){grid-template-columns:minmax(0,1fr)}}.featured-course_wrap{@media (scripting:enabled){&:not(.is-ready){visibility:hidden;animation:0s 1.5s forwards featured-course-wait}}}@keyframes featured-course-wait{to{visibility:visible}}.marquee_wrap{padding-block:var(--space-3);border-block:var(--border-width) solid var(--border);display:flex;overflow:clip;mask-image:linear-gradient(90deg,#0000,currentColor 8% 92%,#0000)}.marquee_track{gap:var(--space-5);padding-right:var(--space-5);flex:none;display:flex;@media (prefers-reduced-motion:no-preference){animation:38s linear infinite marquee-run;.marquee_wrap:hover>&{animation-play-state:paused}}}.marquee_item{align-items:center;gap:var(--space-5);color:var(--text);font-size:var(--h4);font-style:italic;font-weight:var(--primary-heavy);font-stretch:var(--stretch-wide);white-space:nowrap;display:inline-flex;&:after{content:"";background:var(--pattern-stripe);background-size:.7rem 100%;width:1.25rem;height:.5rem;transform:skew(-20deg)}&.accent{color:var(--heading-accent);text-shadow:0 0 1.5rem rgb(var(--glow-rgb) / .5)}}@keyframes marquee-run{to{transform:translate(-100%)}}.quote-steps_wrap{background:var(--background-2)}.quote-steps_list{gap:var(--site-gutter);counter-reset:paso;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;@media (width<=52rem){gap:var(--space-5);grid-template-columns:minmax(0,1fr)}}.quote-steps_item{align-content:start;gap:var(--space-2);padding-top:var(--space-4);border-top:.125rem solid var(--text);counter-increment:paso;display:grid;&:before{content:counter(paso);min-width:3.25rem;height:3.25rem;margin-bottom:var(--space-2);corner-shape:bevel;background:var(--accent-fill);color:var(--accent-fill-text);font-size:var(--h3);font-style:italic;font-weight:var(--primary-black);font-stretch:var(--stretch-wide);border-radius:.5rem;justify-self:start;place-items:center;line-height:1;display:inline-grid}& p{max-width:30ch;color:var(--text-2);margin:0}}}
