.section:has(.carousel){overflow:hidden}.section:has(.carousel) .section__content{padding-block-end:0;padding-inline:0}.section:has(.carousel) .section__header{padding-inline:max(var(--padding-inline), (100% - var(--max-width)) / 2)}bond-carousel,.carousel{--gap:1.5rem;--inset:max(var(--padding-inline), (100% - var(--max-width)) / 2);gap:var(--gap);scroll-snap-type:x mandatory;scroll-padding-inline:var(--inset);scrollbar-color:#0002 transparent;scrollbar-width:thin;display:grid;overflow:auto}.carousel__scrollable{inline-size:100%;block-size:var(--block-size,auto);padding-inline:var(--inset);margin-block:0;padding-block-end:var(--padding-block);list-style:none;display:flex}@media (width>=640px){.carousel__scrollable{--inline-size:40vw;--count:1}}@media (width>=960px){.carousel__scrollable{--inline-size:27vw;--count:3}}@media (width>=1200px){.carousel__scrollable{--inline-size:33.333%}}.carousel__scrollable>li{flex:1 0 var(--inline-size,75vw);scroll-snap-align:start;scroll-snap-stop:always;transition:opacity .3s;display:flex}.carousel__scrollable.overflowing:has(li.active) li:not(.active,:hover,:focus-within){opacity:.25}.carousel__scrollable.overflowing:after{--spacer-size:calc(var(--container-size,100vw) - var(--inline-size,75vw) + var(--offset,var(--padding-inline)));flex:1 0 var(--spacer-size);content:"";scroll-snap-align:none;display:block}.carousel__scrollable.overflowing li.active .btn-secondary{--btn-fg:var(--btn-primary-fg,var(--white));--btn-bg:var(--btn-primary-bg,var(--brand-1));--btn-border:var(--btn-primary-border,var(--btn-bg));--btn-fg-hover:var(--btn-primary-fg-hover,var(--brand-1));--btn-bg-hover:var(--btn-primary-bg-hover,var(--brand-17));--btn-border-hover:var(--btn-primary-border-hover,var(--btn-fg-hover))}.carousel__measure{--max-width:100vw;inline-size:calc(var(--max-width) - var(--offset,var(--padding-inline)) * 2);margin-inline:auto}@media (width>=1200px){.carousel__measure{--max-width:100%}}.carousel-panel{gap:var(--gap);border-inline-start:var(--border-width,1px) solid currentcolor;padding-inline:calc(var(--gap) - var(--border-width,1px));place-items:start;transition:border-width .3s,padding-inline-start .3s;display:grid}.carousel-panel *{margin:unset}.carousel-panel h3{font-family:var(--font-display), serif;letter-spacing:-.04em;text-transform:none;font-size:2.25rem;font-weight:400;line-height:1.1em}.carousel-panel .uk-button{margin-block-start:auto}.carousel--stats .carousel-panel h3{font-size:clamp(4rem,6vw,6rem)}
