.o-collection-tile{grid-column:span 2;width:100%;position:relative;padding:50%}.o-collection-tile__title{margin:0 0 .3125rem;text-align:center}.o-collection-tile__content{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.o-collection-tile__image{-o-object-fit:contain;object-fit:contain;max-height:6.5rem}.o-collection-tile__btn{align-items:center;background:#060709;border-radius:.125rem;color:#fff;display:none;font-family:din-2014,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;height:3.5rem;justify-content:center;line-height:2;max-width:17.5rem;opacity:0;text-transform:none;width:90%;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.3s;transition-property:all}.o-collection-tile__btn-shop,.o-collection-tile__btn-text{text-transform:uppercase}.o-collection-tile__btn svg{margin-left:.75rem;width:.375rem}.o-collection-tile__btn svg path{stroke-width:1.5}@media only screen and (min-width:750px){.o-collection-tile__image{max-width:10rem;height:12rem;max-height:12rem;transform:translateY(2rem);z-index:10;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.8s;transition-property:all;margin-bottom:1rem}.o-collection-tile__btn{display:inline-flex}.o-collection-tile:hover .o-collection-tile__content{transform:translateY(-5%)}.o-collection-tile:hover .o-collection-tile__image{transform:translateY(0)}.o-collection-tile:hover .o-collection-tile__btn{opacity:1}}@media only screen and (min-width:1100px){.o-collection-tile{grid-column:span 6}}@media only screen and (min-width:1350px){.o-collection-tile{grid-column:span 3}.o-collection-tile__image{max-height:6.5rem}}.c-three-column{background-color:#060709;color:#fff;padding-top:6rem;padding-bottom:6rem;max-width:100%}.c-three-column__tile.is-promo-tile{grid-column:span 2}.c-three-column__tile.is-text-tile{display:flex;justify-content:center;align-items:center;grid-column:span 4}.c-three-column__tile-text{width:85%;max-width:37.5rem}.c-three-column__tile-promo .o-promo-image{height:18.75rem;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width:1100px){.c-three-column{padding-top:8rem;padding-bottom:8rem}.c-three-column__tile{grid-column:span var(--desktop-column-span)!important}.c-three-column__tile.is-text-tile{justify-content:flex-start}}@media only screen and (min-width:2000px){.c-three-column__tile-promo .o-promo-image{height:30rem}}
