@layer components{.c-whats-on{padding:0 var(--grid-browser-gutter)}.c-whats-on__grid{display:grid;gap:1.67rem;grid-template-columns:repeat(12,1fr);width:100%}.c-whats-on__item{grid-column:span 5;margin:0}.c-whats-on__item .c-card{height:100%}.c-whats-on__item:first-of-type .c-card__upper__image,.c-whats-on__item:nth-of-type(3) .c-card__upper__image{max-height:350px}.c-whats-on__item:nth-of-type(2) .c-card__upper__image{max-height:300px}.c-whats-on__item:nth-of-type(4) .c-card__upper__image{max-height:320px}.c-whats-on__item--large{grid-column:span 7}.c-whats-on__archive-link{margin:3.33rem auto 0}@media only screen and (max-width:800px){.c-whats-on__grid{grid-template-columns:auto}.c-whats-on__item,.c-whats-on__item--large{grid-column:auto}.c-whats-on__item:first-of-type .c-card__upper__image,.c-whats-on__item:nth-of-type(2) .c-card__upper__image,.c-whats-on__item:nth-of-type(3) .c-card__upper__image,.c-whats-on__item:nth-of-type(4) .c-card__upper__image{max-height:min(320px,45vw)}.c-whats-on__archive-link{margin-top:.5rem;width:100%}}}