.footage{flex-direction:column;gap:.75rem;display:flex}.footage__group{list-style:none}.footage__group--tall{scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scrollbar-width:none;grid-auto-columns:min(58vw,16rem);grid-auto-flow:column;gap:.6rem;display:grid;overflow-x:auto}.footage__group--tall::-webkit-scrollbar{display:none}.footage__group--wide{gap:.75rem;display:grid}.footage__tile{border-radius:var(--radius-md);scroll-snap-align:start;background:#000;position:relative;overflow:hidden}.footage__tile--tall{aspect-ratio:9/16}.footage__tile--wide{aspect-ratio:16/9}@media (min-width:768px){.footage__group--wide{order:-1;grid-template-columns:repeat(2,minmax(0,1fr))}.footage__group--tall{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:.75rem;margin-inline:0;padding-inline:0;overflow:visible}}.footage__poster{color:#fff;background:#000;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.footage__poster img{object-fit:cover;transition:transform .8s var(--ease), filter .4s ease}.footage__poster:hover img{transform:scale(1.04)}.footage__poster:after{content:"";background:linear-gradient(#0806070d 45%,#08060799);position:absolute;inset:0}.footage__play{z-index:1;color:#fff;width:4rem;height:4rem;transition:transform .25s var(--ease), box-shadow .25s ease;background:radial-gradient(circle at 35% 30%,#ff6f9a 0%,#e5336b 45%,#b3194a 100%);border-radius:50%;place-content:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #e5336b47,0 0 28px 4px #e5336b73,0 20px 44px -16px #000c}.footage__play svg{margin-left:3px}.footage__poster:hover .footage__play{transform:translate(-50%,-50%)scale(1.07);box-shadow:0 0 0 12px #e5336b52,0 0 40px 8px #e5336b8c,0 20px 44px -16px #000c}.footage__label{z-index:1;color:#fff;background:linear-gradient(90deg,#b3194a 0%,#e5336b 55%,#ff5f8f 100%);max-width:calc(100% - 1.6rem);position:absolute;bottom:.9rem;left:.8rem;box-shadow:0 8px 20px -8px #e5336bb3}@media (max-width:1023px){.footage__tile--tall .footage__label{letter-spacing:.06em;max-width:calc(100% - 1rem);padding:.35rem .6rem .3rem;font-size:.58rem;bottom:.6rem;left:.5rem}.footage__tile--tall .footage__play{width:3rem;height:3rem}}.footage__video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.footage__cta{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:clamp(2rem,4vw,2.75rem);display:flex}