.tile{display:flex;flex-direction:column;gap:.8rem;border-radius:.6rem;overflow:hidden}@media screen and (min-width: 750px){.tile{display:block}}.tile--reverse{flex-direction:column-reverse}.tile__media{position:relative;border-radius:.6rem;overflow:hidden}@media screen and (min-width: 750px){.tile__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-color:var(--color-black);opacity:.2}}.tile__media .media{padding-bottom:100%}@media screen and (min-width: 750px){.tile__media .media{padding-bottom:129.5%;transition:transform var(--duration-medium) cubic-bezier(.77,.14,.26,.9)}}@media screen and (min-width: 750px){.tile__title{position:absolute;top:50%;left:50%;z-index:5;width:100%;margin:0;transform:translate(-50%,-50%);color:var(--color-white);text-align:center;text-transform:uppercase;transition:transform var(--duration-medium) cubic-bezier(.77,.14,.26,.9)}}.tile__content{flex:1 0 auto;padding:2.6rem 1rem 3.2rem;border-radius:.4rem;background-color:var(--color-background-primary)}@media screen and (min-width: 750px){.tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;padding:1.8rem 2rem;border-radius:0;transform:translateY(100%);transition:transform var(--duration-medium) cubic-bezier(.77,.14,.26,.9)}}.tile__icon{max-width:3.5rem;margin:0 auto 1.6rem}.tile__title-secondary{margin:0 0 2.4rem;text-transform:uppercase}@media screen and (min-width: 750px){.tile__title-secondary{font-size:calc(var(--font-heading-scale) * 2rem)}}@media screen and (min-width: 750px){.tile__content-inner{position:absolute;top:50%;left:0;right:0;padding:0 1rem;transform:translateY(-6.5rem)}}.tile__entry{line-height:1.25;font-size:1.2rem;color:rgba(var(--color-black-rgb),.5)}@media screen and (min-width: 750px){.tile__entry{margin-top:2.4rem;font-size:1.6rem;transform:translateY(150%);transition:transform var(--duration-medium) cubic-bezier(.77,.14,.26,.9);transition-delay:var(--duration-short)}}@media (hover: hover) and (pointer: fine){.tile:hover .tile__media .media{transform:scale(1.1)}.tile:hover .tile__title{transform:translate(-50%,-5rem)}.tile:hover .tile__content{transform:none}.tile:hover .tile__entry{transform:none;transition-delay:0}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-tile.css.map */