.media-page{padding:120px 0 80px}@media (max-width:575px){.media-page{padding:80px 0 60px}}.media-page__header{margin-bottom:48px}.media-page__title{font-size:42px;font-weight:400;line-height:122%;font-family:var(--title-font-family);margin:0 0 12px}@media (max-width:575px){.media-page__title{font-size:32px}}.media-page__subtitle{font-size:16px;font-family:var(--font-family);color:var(--color-text-secondary,#666);margin:0}.media-page__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:767px){.media-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.media-page__grid{grid-template-columns:1fr}}.media-page__card{color:inherit;text-decoration:none;display:block}.media-page__card:hover .media-page__thumbnail img{transform:scale(1.03)}.media-page__card:hover .media-page__play-icon{opacity:1}.media-page__card:hover .media-page__card-title{color:var(--color-text-secondary,#666)}.media-page__thumbnail{aspect-ratio:16/9;background:var(--color-border,#0000000d);border-radius:8px;width:100%;position:relative;overflow:hidden}.media-page__thumbnail-img{width:100%;height:100%}.media-page__thumbnail-img img{transition:transform .3s}.media-page__play-icon{opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-page__card-title{font-size:16px;font-weight:500;font-family:var(--title-font-family);margin:12px 0 0;line-height:140%;transition:color .2s}.media-page__card-date{font-size:13px;font-family:var(--title-font-family);color:var(--color-text-secondary,#666);letter-spacing:.02rem;margin:4px 0 0}