.cards-2{display:grid;gap:var(--gap)}.cards-2__card{aspect-ratio:19/26;border-radius:1.6rem;isolation:isolate;max-height:52rem;overflow:hidden;width:100%}.cards-2--hover .cards-2__content,.cards-2__card:before{transition:all .4s ease}.cards-2__card:before{background-color:rgba(0,0,0,.3);content:"";inset:0;position:absolute;z-index:0}.cards-2--hover .cards-2__card:active:before,.cards-2--hover .cards-2__card:focus-within:before,.cards-2--hover .cards-2__card:focus:before,.cards-2--hover .cards-2__card:hover:before{background-color:hsla(30,12%,97%,.9)}.cards-2__plus-icon{right:2.8rem;top:2.8rem}.cards-2__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%;z-index:-1}.cards-2__card-inner{height:100%;padding:2rem 2rem 3rem}.cards-2__card h3{font-weight:600}.cards-2--hover .cards-2__content{max-height:0;opacity:0}.cards-2--hover .cards-2__card:active .cards-2__content,.cards-2--hover .cards-2__card:focus .cards-2__content,.cards-2--hover .cards-2__card:focus-within .cards-2__content,.cards-2--hover .cards-2__card:hover .cards-2__content,.cards-2:not(.cards-2--hover) .cards-2__content{margin-top:1.6rem}.cards-2--hover .cards-2__card:active .cards-2__content,.cards-2--hover .cards-2__card:focus .cards-2__content,.cards-2--hover .cards-2__card:focus-within .cards-2__content,.cards-2--hover .cards-2__card:hover .cards-2__content{max-height:32rem;opacity:1;scrollbar-gutter:stable}.cards-2--hover .cards-2__card:active .white-text :not(.button),.cards-2--hover .cards-2__card:focus .white-text :not(.button),.cards-2--hover .cards-2__card:focus-within .white-text :not(.button),.cards-2--hover .cards-2__card:hover .white-text :not(.button){color:var(--base-color)}@media (min-width:599px){.cards-2--2col,.cards-2--3col{grid-template-columns:1fr 1fr}}@media (min-width:768px){.cards-2--1col .cards-2__card{aspect-ratio:59/33;max-height:66rem}.cards-2__card-inner{padding:3.2rem}.cards-2--1col .cards-2__card-inner{padding:4rem}}@media (min-width:980px){.cards-2--3col{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.cards-2--1col .cards-2__card-inner{padding:8rem}}@media (max-width:767px){.cards-2--hover .cards-2__card:active .cards-2__content,.cards-2--hover .cards-2__card:focus .cards-2__content,.cards-2--hover .cards-2__card:focus-within .cards-2__content,.cards-2--hover .cards-2__card:hover .cards-2__content{max-height:20rem;overflow:auto}}