.media-cards{padding:16px 0}@media screen and (width>=1280px){.media-cards{padding:40px 0}}.media-cards__header{justify-content:space-between;align-items:center;margin:0 0 16px;display:flex}@media screen and (width>=1280px){.media-cards__header{margin:0 0 24px}}.media-cards__grid{grid-template-columns:repeat(var(--cols-mb), 1fr);gap:16px;display:grid}@media screen and (width>=768px){.media-cards__grid{grid-template-columns:repeat(var(--cols-tb), 1fr)}}@media screen and (width>=1280px){.media-cards__grid{grid-template-columns:repeat(var(--cols-dt), 1fr)}}.media-cards__grid .swiper-slide{width:auto}.media-cards__card{background:var(--bg);position:relative}@media screen and (width>=768px){.media-cards__card{background:var(--bg--tb)}}@media screen and (width>=1280px){.media-cards__card{background:var(--bg--dt)}}.media-cards__card.media-cards__card--overlay .media-cards__card-title{position:absolute;bottom:0;left:0}@media (hover:hover){.media-cards__card[href]:hover .media-cards__media .image-wrapper{transform:scale(1.05)}}.media-cards__media{aspect-ratio:var(--aspect-ratio);margin:0 0 16px;overflow:hidden}.media-cards__media.media-cards__media--image .image-wrapper{transition:all .333s ease-in-out}@media screen and (width>=768px){.media-cards__media.media-cards__media--mb{display:none}}.media-cards__media.media-cards__media--tb{display:none}@media screen and (width>=768px) and (width<=1279px){.media-cards__media.media-cards__media--tb{display:block}}.media-cards__media.media-cards__media--dt{display:none}@media screen and (width>=1280px){.media-cards__media.media-cards__media--dt{display:block}}.media-cards__media.media-cards__media--overlay{position:relative}.media-cards__media.media-cards__media--overlay:after{content:"";background:var(--bg);width:100%;height:100%;display:block;position:absolute;inset:0}.media-cards__media .image-wrapper__img{width:100%}.media-cards__card-title{color:var(--color)}@media screen and (width>=768px){.media-cards__card-title{color:var(--color--tb)}}@media screen and (width>=1280px){.media-cards__card-title{color:var(--color--dt)}}.media-cards__card-content{color:var(--color)}@media screen and (width>=768px){.media-cards__card-content{color:var(--color--tb)}}@media screen and (width>=1280px){.media-cards__card-content{color:var(--color--dt)}}