.featured-content__grid:not(.grid--tablet-1-col) .media--viewport{width:100%}.featured-content__card{display:flex;flex-direction:column;position:relative;text-decoration:none;width:100%}.featured-content .media--landscape{aspect-ratio:2/1;padding:0}.featured-content .featured-content__image{transition-property:transform var(--duration-default) var(--easing-function)}.featured-content__image:hover{transform:scale(1.1)}.featured-content__content{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--padding-sections-mobile);text-align:center;margin:0 auto;max-width:44rem;width:100%}.featured-content__content--overlay{--color-link: rgb(var(--color-base-light));bottom:0;color:rgb(var(--color-base-light));left:50%;position:absolute;transform:translate(-50%)}.featured-content__content--left{left:0;text-align:left;transform:translate(0)}.featured-content__content--right{left:unset;right:0;text-align:right;transform:translate(0)}.featured-content__content--overlay .featured-content__heading{color:rgb(var(--color-base-light))}.featured-content__content--overlay .featured-content__text p a:after{--color-base-dark: var(--color-base-light)}.featured-content__top,.featured-content__header{display:flex;flex-direction:column;width:100%}.featured-content__top{gap:var(--space-8)}.featured-content__header{gap:var(--space-4)}.featured-content__preheading,.featured-content__heading,.featured-content__text{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:var(--leading-looser);text-transform:uppercase}.featured-content__preheading,.featured-content__text{font-size:var(--text-size-xxs);letter-spacing:var(--tracking-wider)}.featured-content__heading{font-size:var(--text-size-3xl);line-height:var(--leading-loose);letter-spacing:.18rem;margin:0}.featured-content .button{margin:0 auto;width:auto}.featured-content__content--left .button{margin:0 auto 0 0}.featured-content__content--right .button{margin:0 0 0 auto}@media screen and (max-width: 749px){.featured-content .media--landscape{aspect-ratio:3/2}}@media screen and (min-width: 750px){.featured-content__content{padding:var(--padding-sections-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/featured-content.css.map */