.case-gallery{--case-gallery-gap:var(--number-spacing-xs2);--case-gallery-card-max-width:484px;--case-gallery-sticky-top:calc(var(--site-header-height-desktop, 90px) + var(--number-spacing-m, 0px));--case-gallery-left-column-offset:clamp(2.5rem,10vw,11.875rem);--case-gallery-card-height:clamp(9rem,13.5vw,12.5rem);--case-gallery-mobile-visible-count:3;background-color:var(--background-default);color:var(--color-light-clear-0);overflow:visible;padding-block:var(--number-spacing-xl2)}@media(min-width:1121px){.case-gallery{min-height:0;overflow:visible;padding-bottom:0}}.case-gallery>.site__container{height:100%;max-width:1480px}@media(min-width:1121px){.case-gallery>.site__container{padding-left:45px}}.case-gallery__pin{display:block;height:auto;padding-block:0;position:static}@media(min-width:901px){.case-gallery__pin{padding-block:0}}.case-gallery__layout{display:grid;gap:0;padding-block:var(--number-spacing-xl2);width:100%}@media(min-width:1121px){.case-gallery__layout{align-items:start;-moz-column-gap:var(--case-gallery-gap);column-gap:var(--case-gallery-gap);grid-template-columns:repeat(3,minmax(0,1fr));height:100%;padding-block:var(--number-spacing-xl);row-gap:var(--number-spacing-m)}}.case-gallery__rail{align-self:start;background:var(--background-default);display:grid;gap:var(--number-spacing-m);padding-block-end:var(--number-spacing-s);position:sticky;top:var(--number-spacing-xl3);z-index:4}.case-gallery__rail:before{background:var(--background-default);height:112px;top:0;transform:translateY(-112px)}.case-gallery__rail:after,.case-gallery__rail:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:3}.case-gallery__rail:after{background:linear-gradient(180deg,var(--background-default) 0,hsla(0,0%,7%,0) 100%);bottom:0;height:var(--number-spacing-m);transform:translateY(var(--number-spacing-m))}@media(min-width:1121px){.case-gallery__rail{grid-column:1;padding-block-end:0;top:var(--case-gallery-sticky-top);z-index:2}.case-gallery__rail:after,.case-gallery__rail:before{display:none}}.case-gallery__intro{display:grid;gap:var(--number-spacing-m)}@media(min-width:1121px){.case-gallery__intro{align-content:start;padding-right:60px}}.case-gallery__title{color:var(--color-light-clear-0);margin:0;text-transform:uppercase}.case-gallery__text{color:var(--color-light-clear-300);display:none;margin:0}@media(min-width:1121px){.case-gallery__text{display:block}}.case-gallery__filter{align-self:start;position:relative}@media(min-width:1121px){.case-gallery__filter{padding-right:60px}}.case-gallery__filters{margin-top:0}.case-gallery__viewport{border-radius:0;isolation:isolate;min-height:calc(var(--case-gallery-card-height)*var(--case-gallery-mobile-visible-count) + var(--case-gallery-gap)*2);overflow:hidden;padding-top:var(--number-spacing-s);position:relative}@media(min-width:1121px){.case-gallery__viewport{border-radius:var(--number-radius-xs);grid-column:2/span 2;height:100%;min-height:0;overflow:visible;padding-top:0}}.case-gallery__columns{display:grid;gap:var(--case-gallery-gap);justify-content:stretch;margin-inline:0;max-width:none}@media(min-width:901px){.case-gallery__columns{align-items:start;-moz-column-gap:var(--case-gallery-gap);column-gap:var(--case-gallery-gap);grid-template-columns:repeat(2,minmax(0,1fr))}}.case-gallery__column{min-width:0;overflow:visible}@media(min-width:1121px){.case-gallery__column--left{margin-top:var(--case-gallery-left-column-offset)}}.case-gallery__track{display:grid;gap:var(--case-gallery-gap);min-height:0;overflow:visible;position:static}.case-gallery__item{filter:none;height:auto!important;left:auto;min-width:0;opacity:1;position:relative;right:auto;top:auto;transform:none;transition:none;width:100%;z-index:auto}.case-gallery__item.is-hidden{display:none}.case-gallery__item .teaser-card{--teaser-min-height:var(--case-gallery-card-height);aspect-ratio:484/369;height:auto;max-height:100%;max-width:100%;width:100%}.case-gallery.lightmode{background:var(--background-default)}.case-gallery.lightmode,.case-gallery.lightmode .case-gallery__title{color:var(--foreground-mode-default)}.case-gallery.lightmode .case-gallery__text{color:var(--foreground-mode-higher)}.case-gallery.lightmode .case-gallery__rail:after{background:linear-gradient(180deg,var(--background-default) 0,hsla(0,0%,97%,0) 100%)}