.media-card{padding:var(--size-2);border-radius:var(--radius-md);flex-direction:column;align-items:flex-start;display:flex;position:relative;overflow:hidden}.media-card:has(.media-card-content[data-align=start]){justify-content:flex-start}.media-card:has(.media-card-content[data-align=end]){justify-content:flex-end}.media-card-artwork,.media-card-overlay{position:absolute;inset:0}.media-card-artwork{background-position:50%;background-size:cover}.media-card-overlay{background:linear-gradient(#0000 0%,#00000015 10.9%,#0000002a 20.3%,#0000003f 28.6%,#00000053 35.9%,#00000065 42.4%,#00000078 48.2%,#00000089 53.5%,#00000098 58.5%,#000000a6 63.4%,#000000b3 68.3%,#000000bd 73.5%,#000000c6 79%,#000c 85.2%,#000000d0 92.1%,#000000d1 100%)}.media-card-content{position:relative}.videos-index{margin-block:var(--size-4) var(--size-12)}:where(.videos-index) .videos-index-hero-description .videos-index-hero-description-content{line-height:var(--line-height-normal)}:where(.videos-index) .videos-index-hero{row-gap:var(--size-1)}:where(.videos-index) .videos-index-hero-headline{font-size:var(--font-size-display-2xl)}:where(.videos-index) .videos-index-hero-button{width:100%}@media (width>=640px){:where(.videos-index) .videos-index-hero-button{width:auto}}:where(.videos-index) .videos-index-hero-media{margin-block-end:var(--size-2)}@media (width>=640px){:where(.videos-index) .videos-index-hero-media{margin-block-end:var(--size-3)}}@media (width>=1024px){:where(.videos-index) .videos-index-hero-media{margin-block-end:0}}:where(.videos-index) .carousel-items{padding-block:0}:where(.videos-index) .video-index-collections{grid-template-columns:repeat(auto-fill, minmax(min(11rem, calc(50% - var(--size-4))), 1fr));column-gap:var(--size-2);row-gap:var(--size-4);display:grid}:where(.videos-index) .videos-index-collection-item{container-type:inline-size}:where(.videos-index) .videos-index-collection-title{--text-font-size:13cqi;--text-color:var(--color-text-primary-inverse);--text-font-weight:var(--font-weight-semibold);--text-line-height:var(--line-height-tight)}:where(.videos-index) .videos-index-collection-tag{--tag-color:#0009;font-size:var(--font-size-xs);text-wrap:nowrap}:where(.videos-index) .videos-index-collection-item,:where(.videos-index) .videos-index-collection-cta{aspect-ratio:3/4}:where(.videos-index) .videos-index-collection-cta{align-items:stretch}
