:root{--teasers-columns:1;--teasers-list-gap:20px}.teasers{container:teasers/inline-size;position:relative}.teasers__skip{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;top:0;width:1px}.teasers__skip-point{display:block}.teasers__status{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.teasers__buttons{display:none;gap:20px;height:54px;justify-content:end;margin-bottom:20px;padding:0 20px}.teasers__button-text{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.teasers__list{display:grid;gap:var(--teasers-list-gap);grid-template-columns:repeat(var(--teasers-columns),minmax(0,1fr));list-style:none;margin:0;padding:0}.teasers__list--magazine{display:flex;flex-wrap:wrap;margin:0 -10px;max-width:1024px;width:100%;width:auto}.teasers__list--magazine .teasers__item{flex:0 0 50%;max-width:50%}.teasers--carousel .teasers__list{display:flex;flex-flow:row nowrap;gap:var(--teasers-list-gap);justify-content:flex-start;margin-bottom:20px;overflow-x:auto;padding:10px 20px;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.teasers--carousel .teasers__list::-webkit-scrollbar{-webkit-appearance:none;height:0;width:0}.teasers--carousel .teasers__item{flex:0 0 calc(100%/var(--teasers-columns) - var(--teasers-list-gap) + var(--teasers-list-gap)/var(--teasers-columns));scroll-snap-align:center}.teasers--carousel.is-scrollable .teasers__buttons{display:flex}.teasers--carousel.is-scrollable .teasers__item{flex:0 0 calc(100%/var(--teasers-columns) - var(--teasers-list-gap) + var(--teasers-list-gap)/var(--teasers-columns) - 40px)}@container teasers (width >= 500px){.teasers__list--25,.teasers__list--33,.teasers__list--50{--teasers-columns:2}.teasers__list--magazine.teasers__list--25 .teasers__item{flex:0 0 25%;max-width:25%}.teasers__item--featured{grid-column:1/-1}.teasers--carousel .teasers__list{--teasers-columns:2;--teasers-list-gap:20px}.teasers--mobile-only .teasers__buttons{display:none}}@container teasers (width >= 800px){.teasers__list--33{--teasers-columns:3}}@container teasers (width >= 1000px){.teasers__list--25{--teasers-columns:4}.teasers__list--magazine{margin-left:auto;margin-right:auto;padding:0 10px}.teasers--carousel .teasers__list--25,.teasers--carousel .teasers__list--33{--teasers-columns:3}}@container teasers (width >= 1200px){.teasers--carousel .teasers__list--25{--teasers-columns:4}}