.media-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-2);border-radius:var(--radius-md)}.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-size:cover;background-position:center}.media-card-overlay{background:linear-gradient(to bottom,#0000,#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,#000000b3 68.3%,#000000bd 73.5%,#000000c6 79%,#000c 85.2%,#000000d0 92.1%,#000000d1)}.media-card-content{position:relative}.videos-index{margin-block:var(--size-4) var(--size-12)}.videos-index-hero{row-gap:var(--size-1)}.videos-index-hero-headline{font-size:var(--font-size-display-2xl)}.videos-index-hero-button{width:100%}@media(min-width:640px){.videos-index-hero-button{width:auto}}.videos-index-hero-media{margin-block-end:var(--size-2)}@media(min-width:640px){.videos-index-hero-media{margin-block-end:var(--size-3)}}@media(min-width:1024px){.videos-index-hero-media{margin-block-end:0}}.carousel-items{padding-block:0}.video-index-collections{display:grid;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)}.videos-index-collection-item{container-type:inline-size}.videos-index-collection-title{font-size:13cqi;color:var(--color-text-primary-inverse);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.videos-index-collection-tag{--tag-color: rgba(0, 0, 0, .6);font-size:var(--font-size-xs);text-wrap:nowrap}.videos-index-collection-item,.videos-index-collection-cta{aspect-ratio:3 / 4}.videos-index-collection-cta{align-items:stretch}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}
