/* compiled by scssphp 1.6.0 on Fri, 16 May 2025 06:21:07 +0000 (0.0185s) */

.card.--tile-whats-in-the-bag{--card__span: span 12;max-height:39.75rem;border-radius:var(--border-radius);position:relative;overflow:hidden}@media (min-width:25rem){.card.--tile-whats-in-the-bag{--card__span: span 6}}@media (min-width:48rem){.card.--tile-whats-in-the-bag{--card__span: span 4}}@media (min-width:55rem){.card.--tile-whats-in-the-bag{--card__span: span 3}}.card.--tile-whats-in-the-bag::before{content:'';width:0%;height:0.5rem;position:absolute;bottom:0;z-index:1;background:var(--color-primary);transition:width 0.3s ease-in-out}.card.--tile-whats-in-the-bag::after{content:'';width:100%;height:70%;position:absolute;bottom:0;z-index:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 64.75%)}.card.--tile-whats-in-the-bag .card__link{padding:2rem 0;border-radius:var(--border-radius);grid-template-rows:3rem 15rem min-content min-content}@media (min-width:40rem){.card.--tile-whats-in-the-bag .card__link{grid-template-rows:3rem 20rem min-content min-content}}@media (min-width:48rem){.card.--tile-whats-in-the-bag .card__link{grid-template-rows:3rem 19.5rem min-content min-content}}@media (min-width:64rem){.card.--tile-whats-in-the-bag .card__link{grid-template-rows:3rem 23.25rem min-content min-content}}.card.--tile-whats-in-the-bag .card__title,.card.--tile-whats-in-the-bag .card__excerpt{justify-self:center;z-index:1}.card.--tile-whats-in-the-bag .card__title{font-size:2rem;text-transform:uppercase;-webkit-text-fill-color:var(--color-black);-webkit-text-stroke:1px var(--color-text, var(--color-black));grid-row:3}@media (min-width:30rem){.card.--tile-whats-in-the-bag .card__title{font-size:2.5rem}}.card.--tile-whats-in-the-bag .card__excerpt{font-size:var(--heading-4__font-size);font-weight:800;margin:0;text-align:center;grid-row:4}@media (min-width:30rem){.card.--tile-whats-in-the-bag .card__excerpt{font-size:var(--heading-4__font-size)}}.card.--tile-whats-in-the-bag .card__range{width:100%;grid-row:1}.card.--tile-whats-in-the-bag .card__range-label,.card.--tile-whats-in-the-bag .card__range-number{margin:0;display:flex;justify-content:center;justify-self:center;align-items:center;column-gap:0.5rem;font-size:0.875rem}.card.--tile-whats-in-the-bag .card__range-label{font-weight:500;text-transform:uppercase}.card.--tile-whats-in-the-bag .card__range-label svg{width:1rem;height:1rem;fill:var(--color-primary)}.card.--tile-whats-in-the-bag .card__images{width:100%;grid-row:2;position:relative;justify-self:center}.card.--tile-whats-in-the-bag .card__image{width:80%;opacity:1;transition:opacity 0.3s ease;aspect-ratio:0.5625;object-position:top;justify-self:center}@media (min-width:25rem){.card.--tile-whats-in-the-bag .card__image{width:100%}}@media (min-width:48rem){.card.--tile-whats-in-the-bag .card__image{object-position:0 2rem}}.card.--tile-whats-in-the-bag .card__image-backside{width:100%;height:100%;grid-row:2;position:absolute;inset:0;opacity:0;transition:opacity 0.3s ease}@media (min-width:48rem){.card.--tile-whats-in-the-bag .card__image-backside{object-position:0 2rem}}.card.--tile-whats-in-the-bag .card__bg-image{width:100%;height:100%;border-radius:var(--border-radius);position:absolute;inset:0;z-index:-1;object-fit:cover;object-position:center}.card.--tile-whats-in-the-bag:hover .card__title{-webkit-text-stroke:1px var(--color-primary, var(--color-black))}.card.--tile-whats-in-the-bag:hover .card__image{opacity:0}.card.--tile-whats-in-the-bag:hover .card__image-backside{opacity:1}.card.--tile-whats-in-the-bag:hover::before{width:100%}