.cards-section .cards-section__card,.cards-section .card__content,.cards-section .card__badge,.cards-section .card__button,.cards-section .card__link-label{box-sizing:border-box}.cards-section .card__title,.cards-section .card__description{margin:0;padding:0}.cards-section .card__title,.cards-section .card__description,.cards-section .card__link-label,.cards-section .card__arrow{font-family:var(--font-sans);font-style:normal}.cards-section .card__title,.cards-section .card__arrow{font-weight:var(--font-weight-bold)}.cards-section .card__description,.cards-section .card__link-label{line-height:150%}.cards-section .card__button,.cards-section .card__link-label{display:flex;width:auto;min-height:calc(var(--spacing) * 8.5);align-self:stretch;flex:0 0 auto;justify-content:center;align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);margin-top:calc(var(--spacing) * 4)}.cards-section .cards-section__inner{margin:0 auto;padding-inline:calc(var(--spacing) * 3)}.cards-section .cards-section__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing) * 2);align-items:start;align-self:stretch}.cards-section .cards-section__card{display:flex;width:100%;aspect-ratio:178.5 / 233;min-height:0;height:auto;padding:calc(var(--spacing) * 4) calc(var(--spacing) * 2) calc(var(--spacing) * 2);flex-direction:column;justify-content:flex-end;align-items:flex-start;align-self:stretch;position:relative;overflow:hidden;border-radius:calc(var(--spacing) * 4)}.cards-section .card__badge{display:flex;padding:var(--spacing) calc(var(--spacing) * 2.5);justify-content:center;align-items:center;gap:var(--spacing);border-radius:calc(var(--spacing) * 1.5);z-index:1;position:relative}.cards-section .card__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.cards-section .card__overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(180deg,#0000,#00000040);display:block}.cards-section .card__image{width:100%;height:100%;object-fit:cover;object-position:center}.cards-section .card__title{color:var(--color-white);font-size:var(--text-xl);line-height:125%}.cards-section .card__description{color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-weight-normal);margin-top:var(--spacing)}.cards-section .card__button{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3)}.cards-section .card__link-label{position:relative;max-width:100%;min-width:0;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 8) calc(var(--spacing) * 2) calc(var(--spacing) * 3);color:var(--color-gray-900);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cards-section .card__link-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);padding-right:var(--spacing)}.cards-section .card__link-arrow{position:absolute;right:calc(var(--spacing) * 3);flex:0 0 auto}.cards-section .card__arrow{color:var(--color-primary-600);font-size:var(--text-lg);line-height:140%;letter-spacing:.36px}.cards-section .card__content{position:absolute;top:calc(var(--spacing) * 6);right:auto;bottom:calc(var(--spacing) * 3);left:calc(var(--spacing) * 3);z-index:1;width:calc(100% - (var(--spacing) * 6));display:flex;flex-direction:column;justify-content:flex-end;padding:0}@media only screen and (min-width:640px){.cards-section .card__content{padding:calc(var(--spacing) * 4)}.cards-section .cards-section__content{gap:calc(var(--spacing) * 4)}.cards-section .card__title{font-size:var(--text-2xl)}.cards-section .card__description{font-size:var(--text-base)}}@media only screen and (min-width:1024px){.cards-section .card__content{padding:0}.cards-section .cards-section__inner{padding-inline:calc(var(--spacing) * 3.75)}.cards-section .cards-section__content{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(4,minmax(0,1fr))}.cards-section .cards-section__card{padding:calc(var(--spacing) * 6)}.cards-section .card__content{bottom:calc(var(--spacing) * 6);left:calc(var(--spacing) * 6);width:calc(100% - (var(--spacing) * 12))}.cards-section .card__link-label{width:fit-content;align-self:flex-start}}@media only screen and (min-width:1536px){.cards-section .cards-section__content{gap:calc(var(--spacing) * 9)}.cards-section .card__title{font-size:var(--text-4xl)}.cards-section .card__link-text{font-size:var(--text-lg)}}
/*# sourceMappingURL=/cdn/shop/t/1403/assets/cards-section.css.map */