.colour-split{display:grid;grid-template-columns:1fr}.colour-tile{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;text-decoration:none}.colour-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1)}.colour-tile:hover .colour-tile__image,.colour-tile:focus-visible .colour-tile__image{transform:scale(1.05)}.colour-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000026;transition:background-color .5s ease}.colour-tile:hover .colour-tile__overlay,.colour-tile:focus-visible .colour-tile__overlay{background:#0006}.colour-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.colour-tile__label{font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2rem,4vw,3rem);letter-spacing:.08em;text-transform:uppercase}.colour-tile__cta{margin-top:1.6rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.colour-tile:hover .colour-tile__cta,.colour-tile:focus-visible .colour-tile__cta{opacity:1;transform:translateY(0)}@media(min-width:750px){.colour-split{grid-template-columns:repeat(2,1fr)}.colour-tile{aspect-ratio:4 / 5}}@media(prefers-reduced-motion:reduce){.colour-tile__image,.colour-tile__cta,.colour-tile__overlay{transition:none}.colour-tile:hover .colour-tile__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shop-by-colour.css.map */