:root{--card-border-width: 1px;--card-border-style: solid;--card-border-radius: 12px;--card-min-height: auto;--card-height: max-content;--card-image-border-radius: 12px;--card-h-gap-min: 0;--card-h-gap-max: 0;--card-h-body-padding-min: 24;--card-h-body-padding-max: 56;--card-h-image-padding-min: 20;--card-h-image-padding-max: 40;--card-h-mobile-gap-min: 24;--card-h-mobile-gap-max: 24;--card-h-mobile-body-padding-block-min: 20;--card-h-mobile-body-padding-block-max: 20;--card-h-mobile-body-padding-inline-min: 20;--card-h-mobile-body-padding-inline-max: 20;--card-h-mobile-image-padding-block-min: 20;--card-h-mobile-image-padding-block-max: 20;--card-h-mobile-image-padding-inline-min: 20;--card-h-mobile-image-padding-inline-max: 20;--card-v-gap-min: 16;--card-v-gap-max: 24;--card-v-body-padding-block-min: 20;--card-v-body-padding-block-max: 20;--card-v-body-padding-inline-min: 20;--card-v-body-padding-inline-max: 20;--card-v-image-padding-block-min: 20;--card-v-image-padding-block-max: 20;--card-v-image-padding-inline-min: 20;--card-v-image-padding-inline-max: 20}.card{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;border-width:var(--card-border-width, 1px);border-style:var(--card-border-style, solid);border-color:var(--border-color, transparent);border-radius:var(--card-border-radius, 12px);background:var(--background, transparent);color:var(--foreground, inherit);box-shadow:var(--shadow, none);overflow:hidden;min-height:var(--min-height, var(--card-min-height, auto));height:var(--height, var(--card-height, max-content));width:100%;padding:0;--image-border-radius: 0}.card.full-height{height:auto}.card .card__image{box-sizing:border-box;flex-basis:var(--image-width, auto);width:var(--image-width, 100%);max-width:100%;height:max-content;max-height:fit-content;object-fit:cover;padding:0;background:rgba(0,0,0,0);overflow:hidden}.card .card__body{color:var(--foreground, var(--text-color, inherit));background:rgba(0,0,0,0);box-sizing:border-box;display:block;padding:0}.card .card__body *{transition:all .3s ease}.card .card__body a:not([class]){text-decoration:none}.card.vertical{flex-direction:column;gap:clamp(var(--card-v-gap-min)*1px,(var(--card-v-gap-max) - var(--card-v-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-gap-min) - (var(--card-v-gap-max) - var(--card-v-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-gap-max)*1px)}.card.vertical .card__body{flex:1 1 auto;width:100%;padding-bottom:clamp(var(--card-v-body-padding-block-min)*1px,(var(--card-v-body-padding-block-max) - var(--card-v-body-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-body-padding-block-min) - (var(--card-v-body-padding-block-max) - var(--card-v-body-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-body-padding-block-max)*1px);padding-left:clamp(var(--card-v-body-padding-inline-min)*1px,(var(--card-v-body-padding-inline-max) - var(--card-v-body-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-body-padding-inline-min) - (var(--card-v-body-padding-inline-max) - var(--card-v-body-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-body-padding-inline-max)*1px);padding-right:clamp(var(--card-v-body-padding-inline-min)*1px,(var(--card-v-body-padding-inline-max) - var(--card-v-body-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-body-padding-inline-min) - (var(--card-v-body-padding-inline-max) - var(--card-v-body-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-body-padding-inline-max)*1px)}.card.vertical.card-no-image .card__body{padding-top:clamp(var(--card-v-body-padding-block-min)*1px,(var(--card-v-body-padding-block-max) - var(--card-v-body-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-body-padding-block-min) - (var(--card-v-body-padding-block-max) - var(--card-v-body-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-body-padding-block-max)*1px)}.card.vertical.image-padding .card__image{padding-top:clamp(var(--card-v-image-padding-block-min)*1px,(var(--card-v-image-padding-block-max) - var(--card-v-image-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-image-padding-block-min) - (var(--card-v-image-padding-block-max) - var(--card-v-image-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-image-padding-block-max)*1px);padding-left:clamp(var(--card-v-image-padding-inline-min)*1px,(var(--card-v-image-padding-inline-max) - var(--card-v-image-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-image-padding-inline-min) - (var(--card-v-image-padding-inline-max) - var(--card-v-image-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-image-padding-inline-max)*1px);padding-right:clamp(var(--card-v-image-padding-inline-min)*1px,(var(--card-v-image-padding-inline-max) - var(--card-v-image-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-v-image-padding-inline-min) - (var(--card-v-image-padding-inline-max) - var(--card-v-image-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-v-image-padding-inline-max)*1px)}.card.vertical.background--transparent.border--transparent{--card-border-radius: 0}.card.vertical.background--transparent.border--transparent .card__image,.card.vertical.background--transparent.border--transparent .card__body{padding:0}.card.horizontal{flex-direction:row;gap:clamp(var(--card-h-gap-min)*1px,(var(--card-h-gap-max) - var(--card-h-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-gap-min) - (var(--card-h-gap-max) - var(--card-h-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-gap-max)*1px)}.card.horizontal .card__image,.card.horizontal .card__body{flex:1 1 50%}.card.horizontal .card__image>picture,.card.horizontal .card__image>picture>img{max-width:100%;width:var(--image-width, 100%);min-height:100%}.card.horizontal .card__body{padding:clamp(var(--card-h-body-padding-min)*1px,(var(--card-h-body-padding-max) - var(--card-h-body-padding-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-body-padding-min) - (var(--card-h-body-padding-max) - var(--card-h-body-padding-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-body-padding-max)*1px)}.card.horizontal.image-padding .card__image{padding:clamp(var(--card-h-image-padding-min)*1px,(var(--card-h-image-padding-max) - var(--card-h-image-padding-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-image-padding-min) - (var(--card-h-image-padding-max) - var(--card-h-image-padding-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-image-padding-max)*1px)}.card.horizontal.full-size-image{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-areas:"image body"}.card.horizontal.full-size-image .card__image{grid-area:image;width:100%;height:100%}.card.horizontal.full-size-image .card__body{grid-area:body}@media screen and (min-width: 768px){.card.horizontal.full-size-image.reversed{grid-template-areas:"body image"}}@media screen and (min-width: 768px){.card.horizontal.reversed{flex-direction:row-reverse}}.card.horizontal.top{align-items:flex-start}.card.horizontal.bottom{align-items:flex-end}.card.horizontal.center{align-items:center}@media screen and (max-width: 767px){.card.horizontal{flex-direction:column;gap:clamp(var(--card-h-mobile-gap-min)*1px,(var(--card-h-mobile-gap-max) - var(--card-h-mobile-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-gap-min) - (var(--card-h-mobile-gap-max) - var(--card-h-mobile-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-gap-max)*1px)}.card.horizontal.center,.card.horizontal.top,.card.horizontal.bottom{align-items:flex-start}.card.horizontal .card__image{height:auto}.card.horizontal .card__body{padding-top:0;padding-bottom:clamp(var(--card-h-mobile-body-padding-block-min)*1px,(var(--card-h-mobile-body-padding-block-max) - var(--card-h-mobile-body-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-body-padding-block-min) - (var(--card-h-mobile-body-padding-block-max) - var(--card-h-mobile-body-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-body-padding-block-max)*1px);padding-left:clamp(var(--card-h-mobile-body-padding-inline-min)*1px,(var(--card-h-mobile-body-padding-inline-max) - var(--card-h-mobile-body-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-body-padding-inline-min) - (var(--card-h-mobile-body-padding-inline-max) - var(--card-h-mobile-body-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-body-padding-inline-max)*1px);padding-right:clamp(var(--card-h-mobile-body-padding-inline-min)*1px,(var(--card-h-mobile-body-padding-inline-max) - var(--card-h-mobile-body-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-body-padding-inline-min) - (var(--card-h-mobile-body-padding-inline-max) - var(--card-h-mobile-body-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-body-padding-inline-max)*1px)}.card.horizontal.image-padding .card__image{padding-bottom:0;padding-top:clamp(var(--card-h-mobile-image-padding-block-min)*1px,(var(--card-h-mobile-image-padding-block-max) - var(--card-h-mobile-image-padding-block-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-image-padding-block-min) - (var(--card-h-mobile-image-padding-block-max) - var(--card-h-mobile-image-padding-block-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-image-padding-block-max)*1px);padding-left:clamp(var(--card-h-mobile-image-padding-inline-min)*1px,(var(--card-h-mobile-image-padding-inline-max) - var(--card-h-mobile-image-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-image-padding-inline-min) - (var(--card-h-mobile-image-padding-inline-max) - var(--card-h-mobile-image-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-image-padding-inline-max)*1px);padding-right:clamp(var(--card-h-mobile-image-padding-inline-min)*1px,(var(--card-h-mobile-image-padding-inline-max) - var(--card-h-mobile-image-padding-inline-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--card-h-mobile-image-padding-inline-min) - (var(--card-h-mobile-image-padding-inline-max) - var(--card-h-mobile-image-padding-inline-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--card-h-mobile-image-padding-inline-max)*1px)}.card.horizontal.full-size-image{grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"image" "body"}.card.horizontal.full-size-image .card__image,.card.horizontal.full-size-image .card__body{flex:none;width:100%}}.card.horizontal.background--transparent.border--transparent{--card-border-radius: 0}.card.horizontal.background--transparent.border--transparent .card__image{padding:0}@media screen and (min-width: 768px){.card.horizontal.background--transparent.border--transparent .card__body{padding-top:0;padding-bottom:0}.card.horizontal.background--transparent.border--transparent:not(.reversed) .card__body{padding-right:0}.card.horizontal.background--transparent.border--transparent.reversed .card__body{padding-left:0}}@media screen and (max-width: 767px){.card.horizontal.background--transparent.border--transparent .card__body{padding:0}}.card.clickable:hover .card__image img{transform:scale(1.03)}.card.clickable .card__body a.box-button,.card.clickable .card__body a.link-button,.card.clickable .card__body a.icon-button{position:static}.card.clickable .card__body a.box-button::after,.card.clickable .card__body a.link-button::after,.card.clickable .card__body a.icon-button::after{content:"";position:absolute;display:block;inset:0;z-index:1}.card.image-padding,.card.background--transparent.border--transparent{--image-border-radius: var(--card-image-border-radius, 12px)}.card.content-width-auto .card__image{max-width:fit-content}.card.background--transparent{--background: transparent}.card.background--white-50{--background: var(--color-white-50)}.card.background--white-100{--background: var(--color-white-100)}.card.background--gray-light{--background: var(--color-gray-light)}.card.background--gray-solid{--background: var(--color-gray-solid)}.card.background--brand-light{--background: var(--color-brand-light)}.card.background--brand-solid{--background: var(--color-brand-solid)}.card.border--transparent{--border-color: transparent;border-style:hidden}.card.border--white-50{--border-color: var(--color-white-50)}.card.border--white-100{--border-color: var(--color-white-100)}.card.border--gray-light{--border-color: var(--color-gray-light)}.card.border--gray-solid{--border-color: var(--color-gray-solid)}.card.border--brand-light{--border-color: var(--color-brand-light)}.card.border--brand-solid{--border-color: var(--color-brand-solid)}.card.foreground--black{--foreground: var(--color-fg-black)}.card.foreground--white{--foreground: var(--color-fg-white)}