.cmp-card{position:relative;max-width:555px;width:100%;height:280px;background:var(--card-bg-color,#e9e9e9);border-radius:0;padding:0;overflow:hidden;text-decoration:none;color:inherit}
.cmp-card--full-width{max-width:none}
.cmp-card .cmp-link__screen-reader-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
.cmp-card__link{text-decoration:none;color:inherit;display:block;width:100%;height:100%;position:relative}
.cmp-card__text{position:absolute;bottom:24px;left:24px;max-width:223px;z-index:2}
.cmp-card__title{font-family:"Neue Haas Grotesk Display Pro",sans-serif;font-size:32px;letter-spacing:1.6px;font-weight:400;line-height:120%;margin:0;color:var(--card-text-color,#000);transition:color .3s ease,opacity .3s ease,filter .3s ease}
.cmp-card__subtitle{font-family:"Neue Haas Grotesk Display Pro",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:120%;margin:16px 0 0 0;color:var(--card-text-color,#000)}
.cmp-card__icon-wrapper{position:absolute;right:0;top:0;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}
.cmp-card--clickable .cmp-card__icon-wrapper{opacity:0;pointer-events:none;transition:opacity .3s ease}
.cmp-card__icon{height:100%;width:auto;transition:transform .3s ease}
.cmp-card--clickable{cursor:pointer}
.cmp-card--clickable:hover .cmp-card__title--dark,.cmp-card--clickable:focus .cmp-card__title--dark,.cmp-card--clickable:focus-within .cmp-card__title--dark{opacity:.7}
.cmp-card--clickable:hover .cmp-card__title--light,.cmp-card--clickable:focus .cmp-card__title--light,.cmp-card--clickable:focus-within .cmp-card__title--light{filter:brightness(0.7)}
.cmp-card--clickable:hover .cmp-card__icon-wrapper,.cmp-card--clickable:focus .cmp-card__icon-wrapper,.cmp-card--clickable:focus-within .cmp-card__icon-wrapper{opacity:1;pointer-events:auto}
.cmp-card--clickable:focus,.cmp-card--clickable:focus-within{outline:2px solid #1a1a1a;outline-offset:2px}
.cmp-card:not(.cmp-card--clickable){cursor:default}
@media(max-width:768px){.cmp-card{height:200px;max-width:327px}
.cmp-card--full-width{max-width:none}
.cmp-card__text{top:24px;bottom:auto;left:24px;max-width:200px}
.cmp-card__title{font-size:24px;font-weight:450}
.cmp-card__subtitle{font-size:14px}
.cmp-card--clickable .cmp-card__icon-wrapper{opacity:0 !important;pointer-events:none !important}
}