@import"/styles/modules/system-primitives.css";.vid-sys{.subtitle{max-width:58ch}.search{max-width:32rem}.search-input{padding-left:2.75em}.search:before{content:"";position:absolute;left:1em;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-repeat:no-repeat;pointer-events:none}.badge{display:inline-flex;align-items:center;padding:.45em .875em;white-space:nowrap;z-index:2}.badge--ghost{background:hsl(from var(--text-color) h s l / .18);border:1px solid hsl(from var(--text-color) h s l / .3)}.hero{position:relative;overflow:hidden;text-decoration:none;color:inherit;aspect-ratio:16 / 6;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 20px 50px -15px hsl(from var(--text-color) h s l / .35),0 0 0 1px hsl(from var(--text-color) h s l / .05)}.hero:hover{transform:translateY(-2px)}@media(max-width:768px){.hero{aspect-ratio:4 / 3}}.hero-img,.hero-img>img,.hero-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-placeholder{background:linear-gradient(135deg,hsl(from var(--text-color) h s l / .55),hsl(from var(--text-color) h s l / .95))}.hero-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,var(--background) 100%)}.hero-title{color:inherit;letter-spacing:-.015em;max-width:24ch;margin:0}.hero-desc{max-width:56ch}.topics-label{color:hsl(from var(--text-color) h s l / .6)}.topics{list-style:none;padding:0;margin:0}.topic{width:100%;padding:.625em .875em;border:none;background:transparent;color:var(--text-color);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5em;border-radius:2px;transition:background .15s,color .15s}.topic:hover{background:hsl(from var(--text-color) h s l / .06)}.topic.active{background:var(--text-color);color:var(--main-bg)}.topic-count{font-size:.75rem;font-variant-numeric:tabular-nums}.row-head{margin-bottom:.25rem}.row-title{margin:0}.row-action{text-decoration:none;color:var(--link-color);transition:opacity .15s}.row-action:hover{opacity:.7}.card{text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s,box-shadow .2s,opacity .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsl(from var(--text-color) h s l / .08)}.thumb{aspect-ratio:16 / 9;overflow:hidden;background:hsl(from var(--text-color) h s l / .08)}.thumb-img,.thumb-img>img,.thumb-placeholder{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder{background:linear-gradient(135deg,hsl(from var(--text-color) h s l / .45),hsl(from var(--text-color) h s l / .85))}.thumb-overlay{position:absolute;inset:0;background:linear-gradient(transparent 55%,hsl(from var(--text-color) h s l / .55));opacity:0;transition:opacity .2s;pointer-events:none}.crd:hover .thumb-overlay,.crd:focus-visible .thumb-overlay{opacity:1}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--buttons);color:var(--text-alt);display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s}.play svg{margin-left:3px}.crd:hover .play,.crd:focus-visible .play{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.thumb-cat{position:absolute;top:.625em;left:.625em;padding:.3em .625em;border-radius:2px;z-index:2}.card-title{margin:0;letter-spacing:-.005em}@media(prefers-reduced-motion:reduce){.hero,.card,.play,.thumb-overlay,.topic,.search-input{transition:none}.hero:hover,.card:hover{transform:none}}}.vid-sys.vid-col{.coll-hero{position:relative;overflow:hidden;aspect-ratio:16 / 6;display:flex;align-items:flex-end}@media(max-width:768px){.coll-hero{aspect-ratio:4 / 3}}.coll-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,hsl(from var(--background) h s l / .5),var(--inner-theme) 100%);pointer-events:none}.coll-hero-body{max-width:60ch}@media(prefers-reduced-motion:reduce){.back-link{transition:none}}}.brd-cmb ol{gap:.5rem;flex-wrap:wrap}.brd-cmb li{gap:.5rem;font-weight:700}.brd-cmb li svg{width:.5rem;height:.5rem;rotate:-90deg;fill:currentColor;flex-shrink:0}.brd-cmb li.current{opacity:.6}