.perfect-for-section{width:100%}.perfect-for-wrapper{display:flex;flex-direction:column}.perfect-for-header{width:100%}.perfect-for-header h2{margin:0 0 4rem}.perfect-for-heading.left{text-align:left}.perfect-for-heading.center{text-align:center}.perfect-for-heading.right{text-align:right}.perfect-for-grid{display:grid;gap:1rem;width:100%}.perfect-for-grid--1{grid-template-columns:1fr}.perfect-for-grid--2{grid-template-columns:repeat(2,1fr)}.perfect-for-grid--3{grid-template-columns:repeat(3,1fr)}.perfect-for-grid--4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:749px){.perfect-for-grid{grid-template-columns:1fr}.perfect-for-grid--mobile-2{grid-template-columns:repeat(2,1fr)}}.perfect-for-card{display:flex;flex-direction:column;gap:1.5rem;width:100%;position:relative}.perfect-for-card__image-wrapper{position:relative;width:100%;aspect-ratio:302.5 / 400;overflow:hidden}.perfect-for-card__image{width:100%;height:100%;object-fit:cover;display:block}.perfect-for-card__image--placeholder{background-color:#e5e5e5;display:flex;align-items:center;justify-content:center}.perfect-for-card__image--placeholder svg{width:50%;height:50%;opacity:.3}.perfect-for-card__content{display:flex;align-items:flex-end;justify-content:space-between;gap:.625rem;padding:0 .625rem}.perfect-for-card__text{display:flex;flex-direction:column;gap:.313rem;flex:1;max-width:250px}.perfect-for-card__title{margin:0 0 .5rem;font-weight:300;font-size:1.8rem;font-family:var(--font-body-family)}.perfect-for-card__description{font-weight:300;font-size:1.2rem;line-height:120%}.perfect-for-arrow{flex-shrink:0;display:flex;align-items:flex-end}.perfect-for-arrow svg{display:block}.perfect-for-arrow a{display:flex;align-items:center;transition:transform .2s ease}.perfect-for-arrow a:hover{transform:translate(4px)}.perfect-link{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}@media screen and (max-width:989px){.perfect-for-grid{row-gap:2rem}}@media screen and (max-width:989px){.perfect-for-grid--3,.perfect-for-grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.perfect-for-header h2{margin:0 0 3rem}.perfect-for-card__text{max-width:100%}.perfect-for-card__title{font-size:1.6rem;line-height:150%;margin:0}.perfect-for-card__description{display:none}.perfect-for-arrow{padding-bottom:.5rem}}@media(prefers-reduced-motion:reduce){.perfect-for-arrow a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-perfect-for.css.map */