.tiles{list-style:none;margin:0;padding:0;display:grid;gap:26px 20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));font-family:var(--sans)}.tiles>li>a{position:relative;isolation:isolate;display:block;margin:-10px;padding:10px;border-radius:18px;text-decoration:none;outline:none;--ring-turn: 3s;--ring-play: paused;--rim-o: 0;--glow: 10% 5%;--glow-blur: 30px;--glow-o: 0}.thumb{display:block;aspect-ratio:16 / 9;border-radius:12px;background:var(--ground);box-shadow:0 0 0 1px #ffffff1a,0 14px 40px #0000008c}.thumb img{border-radius:inherit}.pl-thumb .when,.thumb .when{position:absolute;left:0;top:0;min-width:49%;min-height:12%;align-content:center;padding:4px 10px;border-radius:12px 0 8px;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;background:#000;color:var(--white)}@property --border-o{syntax: "<number>"; inherits: true; initial-value: 0;}@property --breath{syntax: "<number>"; inherits: true; initial-value: 0;}@property --breath-c{syntax: "<color>"; inherits: true; initial-value: #ff0088;}:root{--pop-lift: -4px;--pop-grow: 1.035;--pop-from: .7;--pop-press: 1.14;--pop-mute: saturate(.88) brightness(.96);--pop-time: .5s;--pop-ease: cubic-bezier(.22, .61, .36, 1);--pop-stardust: 1;--pop-rise: 1.02;--pop-lit: brightness(1.06) saturate(1.08);--pop-bloom: 1.07 1.12;--pop-bloom-o: .6;--pop-stage-time: .8s;--pop-breathe: breathe 1.6s ease-in-out infinite alternate, crane-colours 9.6s linear infinite;--pop-ripple: play-ripple}@media(prefers-reduced-motion:reduce){:root{--pop-lift: 0px;--pop-grow: 1;--pop-from: 1;--pop-press: 1;--pop-stardust: 0;--pop-rise: 1;--pop-bloom: 1;--pop-breathe: none;--pop-ripple: none}}:is(.video-thumb,.video-player) img{display:block;width:100%;height:100%;object-fit:cover}:is(.video-thumb,.video-player)>canvas.stardust{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;mix-blend-mode:screen}:is(.pl-row,.upnext .card,.featured){position:relative}:is(.pl-row,.upnext .card,.featured)>canvas.stardust{position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:inherit;pointer-events:none;mix-blend-mode:screen}.video-thumb{position:relative;overflow:hidden;transition:translate var(--pop-time) var(--pop-ease),scale var(--pop-time) var(--pop-ease),box-shadow var(--pop-time) var(--pop-ease),--border-o var(--pop-time) var(--pop-ease),overflow 0s var(--clip-wait, var(--pop-time)) allow-discrete}.video-thumb img{transition:border-radius 0s var(--clip-wait, var(--pop-time))}@media(hover:hover){.video-thumb:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--veil-o, 1);-webkit-backdrop-filter:var(--pop-mute);backdrop-filter:var(--pop-mute);-webkit-mask:linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0);transition:opacity var(--pop-time) var(--pop-ease)}:is(a:hover .video-thumb,.video-thumb:hover,:has(>.video-thumb):has(>:is(b,h2,h3)>a:hover)>.video-thumb){z-index:1;translate:0 var(--pop-lift);scale:var(--pop-grow);box-shadow:0 0 0 1px #ffffff29,0 16px 34px -8px #000c;--veil-o: 0;--play-o: 1;--play-s: 1;--stardust: var(--pop-stardust);--border-o: 1;animation-play-state:running;overflow:visible;--clip-wait: 0s}:is(a:hover .video-thumb,.video-thumb:hover,:has(>.video-thumb):has(>:is(b,h2,h3)>a:hover)>.video-thumb) img{border-radius:inherit}}:is(a:focus-visible .video-thumb,.video-thumb:focus-visible,:has(>.video-thumb):has(>:is(b,h2,h3)>a:focus-visible)>.video-thumb){z-index:1;translate:0 var(--pop-lift);scale:var(--pop-grow);box-shadow:0 0 0 1px #ffffff29,0 16px 34px -8px #000c;outline:var(--focus);outline-offset:-2px;--veil-o: 0;--play-o: 1;--play-s: 1;--stardust: var(--pop-stardust);--border-o: 1;animation-play-state:running;overflow:visible;--clip-wait: 0s}:is(a:focus-visible .video-thumb,.video-thumb:focus-visible,:has(>.video-thumb):has(>:is(b,h2,h3)>a:focus-visible)>.video-thumb) img{border-radius:inherit}.video-player{--play-o: 1;--play-s: 1}.video-player img{filter:var(--lit, none);transition:filter var(--pop-stage-time) var(--pop-ease)}.video-player:after{animation:var(--ripple, none) 2s cubic-bezier(.25,.6,.4,1) .3s infinite}@keyframes play-ripple{0%{box-shadow:var(--play-ring, 0 0 transparent),0 0 #ffffff80,0 4px 16px #0006}75%,to{box-shadow:var(--play-ring, 0 0 transparent),0 0 0 24px #fff0,0 4px 16px #0006}}:is(.stage:has(>.video-player),.frame){transition:translate var(--pop-stage-time) var(--pop-ease),scale var(--pop-stage-time) var(--pop-ease),--border-o var(--pop-time) var(--pop-ease)}:is(.stage:has(>.video-player),.frame):before{content:"";position:absolute;inset:6% 4%;z-index:0;border-radius:24px;background:var(--crane);filter:blur(32px);opacity:.2;transition:opacity var(--pop-stage-time) var(--pop-ease),scale var(--pop-stage-time) var(--pop-ease)}:is(.stage:has(>.video-player),.frame):after{content:"";position:absolute;inset:0;z-index:2;border-radius:12px;pointer-events:none}@media(hover:hover){.video-player:hover{--lit: var(--pop-lit);--play-s: var(--pop-press);--ripple: var(--pop-ripple);--stardust: var(--pop-stardust)}:is(.stage,.frame):has(.video-player:hover){translate:0 var(--pop-lift);scale:var(--pop-rise);--border-o: 1;animation-play-state:running}:is(.stage,.frame):has(.video-player:hover):before{opacity:var(--pop-bloom-o);scale:var(--pop-bloom)}}.video-player:focus-visible{--lit: var(--pop-lit);--play-s: var(--pop-press);--ripple: var(--pop-ripple);--stardust: var(--pop-stardust);--play-ring: 0 0 0 3px var(--ground), 0 0 0 5px var(--sky)}:is(.stage,.frame):has(.video-player:focus-visible){translate:0 var(--pop-lift);scale:var(--pop-rise);--border-o: 1;animation-play-state:running}:is(.stage,.frame):has(.video-player:focus-visible):before{opacity:var(--pop-bloom-o);scale:var(--pop-bloom)}.video-thumb,:is(.stage:has(>.video-player),.frame){animation:var(--pop-breathe);animation-play-state:paused}.video-thumb img,:is(.stage:has(>.video-player),.frame):after{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--breath-c) calc(100% * var(--border-o)),transparent),0 0 calc(4px + 10px * var(--breath)) color-mix(in srgb,var(--breath-c) calc((40% + 45% * var(--breath)) * var(--border-o)),transparent)}@keyframes breathe{to{--breath: 1}}@keyframes crane-colours{0%,to{--breath-c: #ff0088}16.667%{--breath-c: #d600e8}33.333%{--breath-c: #8f00ff}50%{--breath-c: #4f3bff}66.667%{--breath-c: #0095ff}83.333%{--breath-c: #8f00ff}}:is(.video-thumb,.video-player):after{content:"";position:absolute;left:50%;top:50%;z-index:2;width:clamp(30px,18%,76px);aspect-ratio:1;border-radius:50%;translate:-50% -50%;scale:var(--play-s, var(--pop-from));opacity:var(--play-o, 0);pointer-events:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23000'/%3E%3C/svg%3E") 56% 50% / 44% no-repeat;box-shadow:var(--play-ring, 0 0 transparent),0 4px 16px #0006;transition:opacity var(--pop-time) var(--pop-ease),scale var(--pop-time) var(--pop-ease),box-shadow var(--pop-time) var(--pop-ease)}:is(.shelf,.ask,.lists) h2{display:flex;align-items:center;gap:10px;margin:0;font:800 20px/1.25 var(--display);letter-spacing:.04em;color:var(--white)}:is(.shelf,.ask,.lists) h2 svg{width:24px;height:24px;flex:none;color:var(--pink)}.shelf{display:grid;gap:14px;scroll-margin-top:16px}.shorts{display:flex;gap:14px;margin:-26px -28px 0;padding:26px 28px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.clip{display:grid;align-content:start;gap:6px;flex:0 0 clamp(150px,19%,210px);scroll-snap-align:start;font-size:13px}.clip .pic{display:block;margin-bottom:4px;border-radius:12px;background:var(--ground);box-shadow:0 0 0 1px #ffffff1a}.clip .pic img{height:auto;aspect-ratio:9 / 16}.clip b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:1.38}.clip b a{color:var(--white);text-decoration:none;outline:none}.clip b a:focus-visible{text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.clip b a:hover{text-decoration:underline;text-underline-offset:3px}}.clip .hook{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-style:italic;line-height:1.45;color:var(--soft)}.clip .where{line-height:1.6;color:var(--muted)}.clip .where a:not(.t){color:var(--violet-light);text-decoration:none}@media(hover:hover){.clip .where a:not(.t):hover{text-decoration:underline}}.desc .more,.desc .less,section.when .more,section.when .less,.fold{padding:0;border:0;background:none;font:600 14px var(--sans);letter-spacing:normal;text-transform:none;color:var(--white);cursor:pointer}:is(.desc,section.when) :is(.more,.less):focus-visible,.fold:focus-visible{outline:none;text-decoration:underline;text-underline-offset:3px}@media(hover:hover){:is(.desc,section.when) :is(.more,.less):hover,.fold:hover{outline:none;text-decoration:underline;text-underline-offset:3px}}@media(pointer:coarse){:is(.desc,section.when) .more,.fold{position:relative}:is(.desc,section.when) .more:after,.fold:after{content:"";position:absolute;inset:-12px -24px -12px -8px}}.pill,.view-all{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px 0 14px;border:0;border-radius:999px;font:600 15.5px var(--sans);white-space:nowrap;color:var(--white);background:var(--fill);text-decoration:none;outline:none;cursor:pointer;transition:background .2s}.pill[hidden]{display:none}:is(.pill,.view-all):focus-visible{background:var(--fill-2);outline:var(--focus);outline-offset:-2px}@media(hover:hover){:is(.pill,.view-all):hover{background:var(--fill-2)}}.pill svg{width:22px;height:22px;flex:none}.pill .yt{color:var(--red)}:is(.chips,.chip-row,.pager) .chip{flex:none;height:38px;padding:0 14px;border:0;border-radius:9px;font:500 15.5px var(--sans);color:var(--white);background:var(--fill);cursor:pointer;transition:background .2s,color .2s}:is(.chips,.chip-row,.pager) a.chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none}@media(hover:hover){:is(.chips,.chip-row,.pager) .chip:hover{background:var(--fill-2)}}:is(.chips,.chip-row,.pager) .chip:focus-visible{outline:var(--focus);outline-offset:-2px}:is(.chips,.chip-row,.pager) .chip:is([aria-pressed=true],[aria-current]){color:var(--ground);background:var(--white);cursor:default}@media(prefers-reduced-motion:reduce){:is(.chips,.chip-row,.pager) .chip{transition:none}}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:40px}.pager .chip{min-width:38px;font-variant-numeric:tabular-nums}.pager .chip[rel=prev]{padding-left:8px}.pager .chip[rel=next]{padding-right:8px}.pager .chip svg{width:18px;height:18px;flex:none}.pager .gap{min-width:14px;text-align:center;color:var(--muted)}@media(max-width:559px){.pager{gap:6px}.pager .chip:is([rel=prev],[rel=next]){padding:0 7px}.pager .chip:is([rel=prev],[rel=next]) span{display:none}}.kind{display:inline-flex;align-items:center;justify-self:start;gap:7px;margin:0;padding:4px 12px 4px 10px;border-radius:999px;font:700 13.5px/1.3 var(--sans);letter-spacing:.03em;color:var(--c);background:#0009;box-shadow:inset 0 0 0 1.5px var(--c);--c: var(--muted);--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='5.5'/></svg>")}.kind:before{content:"";flex:none;width:13px;height:13px;background:var(--c);-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.kind.study{--c: var(--teal);--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'><path d='M12 6.5C9.5 4.6 6 4.4 2.5 5.5v13c3.5-1.1 7-.9 9.5 1 2.5-1.9 6-2.1 9.5-1v-13C18 4.4 14.5 4.6 12 6.5z'/><path d='M12 6.5v13'/></svg>")}.kind.improvisation{--c: var(--violet-light);--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 2.5c.7 4.6 2.6 6.6 7.5 7.5-4.9.9-6.8 2.9-7.5 7.5-.7-4.6-2.6-6.6-7.5-7.5 4.9-.9 6.8-2.9 7.5-7.5z'/><path d='M18.5 14.5c.3 1.9 1.1 2.7 3 3-1.9.3-2.7 1.1-3 3-.3-1.9-1.1-2.7-3-3 1.9-.3 2.7-1.1 3-3z'/></svg>")}.tiles .none{color:var(--muted);font-size:14px}a.course{display:grid;align-content:start;gap:12px;text-decoration:none;outline:none}a.course .pic{position:relative;display:block;margin-top:10px;aspect-ratio:16 / 9;border-radius:12px;background:var(--ground);box-shadow:0 0 0 1px #ffffff1a,0 14px 40px #0000008c;transition:box-shadow .2s}a.course .pic:before,a.course .pic:after{content:"";position:absolute;height:4px;border-radius:4px 4px 0 0}a.course .pic:before{left:12px;right:12px;bottom:calc(100% + 2px);background:color-mix(in srgb,var(--violet-light) 55%,var(--panel))}a.course .pic:after{left:24px;right:24px;bottom:calc(100% + 8px);background:color-mix(in srgb,var(--violet-light) 28%,var(--panel))}a.course img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:filter .3s}a.course .count{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 5px;border-radius:6px;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--white);background:#000000b8}a.course .count svg{width:16px;height:16px;fill:currentColor}a.course:focus-visible .pic{box-shadow:0 0 0 1px #ffffff38,0 18px 46px #0009,0 0 18px color-mix(in srgb,var(--violet) 30%,transparent)}a.course:focus-visible img{filter:brightness(1.1) saturate(1.08)}@media(hover:hover){a.course:hover .pic{box-shadow:0 0 0 1px #ffffff38,0 18px 46px #0009,0 0 18px color-mix(in srgb,var(--violet) 30%,transparent)}a.course:hover img{filter:brightness(1.1) saturate(1.08)}}a.course{position:relative;padding:10px;margin:-10px;border-radius:20px;--row-c: var(--green);--row-fill: color-mix(in srgb, var(--row-c) 17%, transparent);transition:background-color var(--pop-time) var(--pop-ease)}ul.courses.premium a.course{--row-c: var(--violet-light)}@media(hover:hover){a.course:hover{background-color:var(--row-fill)}a.course:hover .pic{--stardust: var(--pop-stardust)}}a.course:focus-visible{background-color:var(--row-fill)}a.course:focus-visible .pic{--stardust: var(--pop-stardust)}a.course>canvas.stardust{position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:inherit;pointer-events:none;mix-blend-mode:screen}a.course .cap{display:grid;justify-items:start;gap:2px;min-width:0}a.course .n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:2px;font-size:17px;font-weight:600;line-height:1.4;color:var(--white)}a.course :is(.by,.d){font-size:14.5px;line-height:1.5;color:var(--muted)}a.course .by{color:var(--soft)}a.course .d span{white-space:nowrap}a.course .w{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--muted)}a.course .go{margin-top:6px;font-size:15px;font-weight:600;color:var(--soft)}a.course:focus-visible .go{color:var(--white);text-decoration:underline;text-underline-offset:3px}@media(hover:hover){a.course:hover .go{color:var(--white);text-decoration:underline;text-underline-offset:3px}}a.course:focus-visible .n{text-decoration:underline;text-underline-offset:3px}a.course:focus-visible .pic{isolation:isolate;outline:var(--focus);outline-offset:-2px}a.course:focus-visible img{position:relative;z-index:-1}@media(min-width:760px){li:only-child>a.course{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 30px;align-items:center}li:only-child>a.course .cap{gap:5px}li:only-child>a.course .n{font-size:clamp(21px,2.2vw,28px);line-height:1.28;margin-bottom:4px}li:only-child>a.course :is(.by,.d){font-size:clamp(14.5px,1.2vw,16px)}li:only-child>a.course .w{-webkit-line-clamp:unset;display:block;max-width:54ch;margin-top:10px;font-size:clamp(15px,1.3vw,17px);line-height:1.6;color:var(--soft)}li:only-child>a.course .go{margin-top:10px;font-size:clamp(15px,1.25vw,16.5px)}}@media(max-width:759px){a.course .n{font-size:18px}a.course .w{display:block;font-size:15px}}@media(prefers-reduced-motion:reduce){a.course .pic,a.course img{transition:none}}li:nth-child(7n+1)>:is(.pl-row,.card){--row-c: var(--pink)}li:nth-child(7n+2)>:is(.pl-row,.card){--row-c: var(--teal)}li:nth-child(7n+3)>:is(.pl-row,.card){--row-c: var(--gold)}li:nth-child(7n+4)>:is(.pl-row,.card){--row-c: var(--violet-light)}li:nth-child(7n+5)>:is(.pl-row,.card){--row-c: var(--green)}li:nth-child(7n+6)>:is(.pl-row,.card){--row-c: var(--sky)}li:nth-child(7n+7)>:is(.pl-row,.card){--row-c: var(--orange)}.pl-row,.upnext .card{--row-fill: color-mix(in srgb, var(--row-c, var(--soft)) 17%, transparent);transition:background-color var(--pop-time) var(--pop-ease)}:is(.pl-row,.upnext .card) :is(.pl-text,.card-text){transition:translate var(--pop-time) var(--pop-ease),z-index 0s var(--pop-time) allow-discrete}:is(.pl-row,.upnext .card) :is(.pl-n,.pl-text>span,.card-by,.card-meta){transition:color var(--pop-time) var(--pop-ease)}@media(hover:hover){.pl-row:hover,.upnext .card:hover{background-color:var(--row-fill)}:is(.pl-row,.upnext .card):hover :is(.pl-text,.card-text){z-index:1;translate:var(--row-nudge, calc((var(--pop-grow) - 1) * 84px)) 0;transition:translate var(--pop-time) var(--pop-ease)}:is(.pl-row,.upnext .card):hover :is(.pl-n,.pl-text>span,.card-by,.card-meta){color:var(--soft)}}.pl-row:focus-visible,.upnext .card:focus-visible{background-color:var(--row-fill)}:is(.pl-row,.upnext .card):focus-visible :is(.pl-text,.card-text){z-index:1;translate:var(--row-nudge, calc((var(--pop-grow) - 1) * 84px)) 0;transition:translate var(--pop-time) var(--pop-ease)}:is(.pl-row,.upnext .card):focus-visible :is(.pl-n,.pl-text>span,.card-by,.card-meta){color:var(--soft)}.featured{--row-c: var(--orange);--row-fill: color-mix(in srgb, var(--row-c) 17%, transparent);transition:background-color var(--pop-time) var(--pop-ease)}.featured:has(:is(.poster,.feat-title a):focus-visible){background-color:var(--row-fill)}.featured:has(.feat-title a:focus-visible) .video-player{--lit: var(--pop-lit);--play-s: var(--pop-press);--ripple: var(--pop-ripple);--stardust: var(--pop-stardust)}.featured:has(.feat-title a:focus-visible) .stage{translate:0 var(--pop-lift);scale:var(--pop-rise);--border-o: 1;animation-play-state:running}.featured:has(.feat-title a:focus-visible) .stage:before{opacity:var(--pop-bloom-o);scale:var(--pop-bloom)}@media(hover:hover){.featured:hover{background-color:var(--row-fill)}.featured:hover .video-player{--lit: var(--pop-lit);--play-s: var(--pop-press);--ripple: var(--pop-ripple);--stardust: var(--pop-stardust)}.featured:hover .stage{translate:0 var(--pop-lift);scale:var(--pop-rise);--border-o: 1;animation-play-state:running}.featured:hover .stage:before{opacity:var(--pop-bloom-o);scale:var(--pop-bloom)}}a.course .badge{margin:2px 0 4px;padding:4px 11px;border-radius:999px;font:800 12px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ground)}a.course .badge.free{background:var(--green)}a.course .badge.premium{background:linear-gradient(135deg,var(--violet-light),color-mix(in srgb,var(--violet) 45%,var(--violet-light)))}a.course .badge.premium{position:relative;display:inline-flex;align-items:center;margin:12px 0 14px;padding:6px 16px 6px 54px;font-size:13.5px}a.course .badge .price{position:absolute;left:0;top:50%;translate:0 -50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:14px;font-weight:900;letter-spacing:0;color:var(--ground);background:linear-gradient(135deg,var(--gold),var(--orange));box-shadow:0 0 0 3px var(--ground),0 6px 16px color-mix(in srgb,var(--orange) 50%,transparent)}