.cards{color:var(--clr-white)}.cards__wrapper{width:100%}.cards__header{align-items:flex-start;display:flex;flex-direction:column;gap:16px;justify-content:space-between}.cards__header,.cards__header.margin-bottom-24{margin-bottom:24px}.cards__header.margin-bottom-40{margin-bottom:40px}.cards__title-wrap{display:flex;flex-direction:column;gap:8px}.cards__title{color:var(--clr-blue-midnight);margin:0}.cards__underline{display:block}.cards__cta{display:flex}.cards__cta--desktop{display:none}.cards__cta--mobile{justify-content:center;margin-top:24px}.cards__grid{display:flex;flex-direction:column;gap:8px}.cards__item{list-style:none}.cards__card{border-radius:0;color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none}.cards__card-vertical{height:320px}.cards__card-horizontal{height:360px}.cards__media{background-color:rgba(21,43,86,.55);height:100%;position:relative;width:100%}.cards__media img{display:block;height:100%;object-fit:cover;width:100%}.cards__media:after{background:linear-gradient(180deg,rgba(10,35,92,0),rgba(10,35,92,.75));content:"";inset:0;position:absolute}.cards__label{font-size:var(--body-font-size);font-weight:700}.cards__label--top{background-color:var(--clr-blue-royal);border-radius:8px;color:var(--clr-blue-royal-xlight);font-weight:500;left:24px;padding:8px 16px;position:absolute;top:24px;z-index:2}.cards__label--bottom{align-self:flex-start;background-color:var(--clr-corn-secondary);color:var(--clr-blue-midnight);font-weight:400;line-height:110%;padding:0}.cards__content{inset-inline:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;position:absolute;z-index:2}.cards__card-title{align-items:flex-end;color:var(--clr-white);display:flex;justify-content:space-between;margin:0}.cards__card-title.align-title-center{align-items:center}.cards__card-title.align-title-bottom{align-items:bottom}.cards__icon{align-items:center;background-color:hsla(0,0%,100%,.25);border-radius:999px;display:flex;height:36px;justify-content:center;width:36px;z-index:2}.cards__card:focus-visible .cards__media img,.cards__card:hover .cards__media img{transform:scale(1.05)}.cards__card:focus-visible{outline:3px solid rgba(var(--clr-blue-royal-rgb),.4);outline-offset:4px}@media (min-width:768px){.cards__header{align-items:center;flex-direction:row}.cards__cta--desktop{display:flex}.cards__cta--mobile{display:none}.cards__grid{flex-direction:row}.cards__card-vertical{height:583px}.cards__card-horizontal{height:560px}}