:root{--cell-size-percent:1fr;--columns:24}.grid-wrapper{container:grid-wrapper/inline-size}.grid-container{gap:var(--gap-s);grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-auto-rows:1fr;grid-auto-flow:dense;contain:style;margin:0 auto;display:grid;position:relative;overflow:visible}.grid-container--gap-xs{gap:var(--gap-xs)}.grid-container--gap-s{gap:var(--gap-s)}.grid-container--gap-m{gap:var(--gap-m)}.grid-container--gap-l{gap:var(--gap-l)}.grid-container--gap-xl{gap:var(--gap-xl)}@container grid-wrapper (max-width:1700px){.grid-container{--columns:18}}@container grid-wrapper (max-width:900px){.grid-container{--columns:12}}.grid-container[data-animation=fade]>*{--animation-delay:calc(var(--animation-index,0)*var(--animation-delay-step,50ms));opacity:0}.grid-container[data-animation=fade]>.is-visible{animation:fadeIn var(--animation-duration,.4s)ease-out var(--animation-delay)forwards}.grid-container[data-animation=slide-up]>*{--animation-delay:calc(var(--animation-index,0)*var(--animation-delay-step,50ms));opacity:0;will-change:transform,opacity}.grid-container[data-animation=slide-up]>.is-visible{animation:slideUp var(--animation-duration,.4s)ease-out var(--animation-delay)forwards}.grid-container[data-animation=slide-down]>*{--animation-delay:calc(var(--animation-index,0)*var(--animation-delay-step,50ms));opacity:0;transform:translateY(-30px)}.grid-container[data-animation=slide-down]>.is-visible{animation:slideDown var(--animation-duration,.4s)ease-out var(--animation-delay)forwards}.grid-container[data-animation=slide-left]>*{--animation-delay:calc(var(--animation-index,0)*var(--animation-delay-step,50ms));opacity:0;transform:translate(30px)}.grid-container[data-animation=slide-left]>.is-visible{animation:slideLeft var(--animation-duration,.4s)ease-out var(--animation-delay)forwards}.grid-container[data-animation=slide-right]>*{--animation-delay:calc(var(--animation-index,0)*var(--animation-delay-step,50ms));opacity:0;transform:translate(-30px)}.grid-container[data-animation=slide-right]>.is-visible{animation:slideRight var(--animation-duration,.4s)ease-out var(--animation-delay)forwards}.grid-container[data-animation=scale]>*{--animation-delay:calc(var(--animation-index,0)*var(--animation-delay-step,50ms));opacity:0;transform:scale(.8)}.grid-container[data-animation=scale]>.is-visible{animation:scaleIn var(--animation-duration,.4s)ease-out var(--animation-delay)forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
:root{--card-hover-scale-factor:1.015}.DynamicCard{border-radius:var(--card-br-xs);content-visibility:auto;contain-intrinsic-size:auto 350px;contain:layout paint;backface-visibility:hidden;width:100%;height:100%;transition:transform .22s ease-out;position:relative;overflow:hidden}.DynamicCard:hover{z-index:var(--z-sticky);will-change:transform;transform:scale(calc(var(--card-hover-scale-factor)*var(--card-scale-multiplier,1)))}@media (prefers-reduced-motion:reduce){.DynamicCard{transition:none}.DynamicCard:hover{will-change:auto;transform:none}}.DynamicCard>div,.DynamicCard a{width:100%;height:100%;display:block}.DynamicCard .media-image-wrapper,.DynamicCard .media-video-wrapper{width:100%;height:100%;display:block;position:absolute;inset:0}.DynamicCard .media-image-wrapper .media-image,.DynamicCard .media-image-wrapper .media-video,.DynamicCard .media-video-wrapper .media-image,.DynamicCard .media-video-wrapper .media-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}