.videos__heading{justify-content:space-between;align-items:baseline;display:flex}.videos__heading .heading{font-size:var(--sp-20);font-weight:600}.videos__heading .btn{color:inherit;gap:var(--sp-20);align-items:center;line-height:1;display:inline-flex}.videos__grid{gap:var(--sp-24);margin-top:var(--sp-32);grid-template-columns:2fr 1fr;grid-template-areas:"newest second""newest third";display:grid}.videos__item:first-of-type{grid-area:newest}.videos__item:nth-of-type(2){grid-area:second}.videos__item:nth-of-type(2) a{aspect-ratio:3/2}.videos__item:nth-of-type(3){grid-area:third}.videos__item:nth-of-type(3) a{aspect-ratio:3/2}.videos__item>a{border-radius:var(--sp-10);height:100%;display:block;position:relative;overflow:hidden}.videos__item>a img{object-fit:cover;width:100%;height:100%}.videos__item>a svg{color:#fff;z-index:2;opacity:0;width:3.2rem;height:3.2rem;transition:all .3s;position:absolute;top:calc(50% - 1.6rem);left:calc(50% - 1.6rem)}@media (prefers-reduced-motion:reduce){.videos__item>a svg{transition:none}}.videos__item>a:after{content:"";z-index:1;opacity:0;background-color:rgba(0,0,0,.75);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.videos__item>a:after{transition:none}}.videos__item>a.videos__yt svg{transform:translate(-1rem,1rem)}.videos__item>a.videos__yt:hover svg{transform:translate(0,0)}.videos__item>a:hover:after,.videos__item>a:hover svg{opacity:1}.videos__item-modal{z-index:1000;opacity:0;visibility:hidden;width:100%;height:100%;transition:all .3s;display:block;position:fixed;top:0;left:0;transform:scale(.8)}@media (prefers-reduced-motion:reduce){.videos__item-modal{transition:none}}.videos__item-modal.active{opacity:1;visibility:visible;transform:scale(1)}.videos__item-modal button{top:var(--sp-24);right:var(--sp-24);cursor:pointer;z-index:2;background-color:rgba(0,0,0,.5);border:none;border-radius:50%;width:2.4rem;height:2.4rem;transition:all .3s;position:absolute}@media (prefers-reduced-motion:reduce){.videos__item-modal button{transition:none}}.videos__item-modal button svg{color:#fff}.videos__item-modal button:hover{background-color:rgba(0,0,0,.8)}.videos__item-modal video{object-fit:cover;width:100%;height:100%}
/*# sourceMappingURL=videos.css.map*/