.article-shop-colours{margin-top:3.2rem;margin-bottom:3.2rem}.article-shop-colours__inner{background-color:var(--color-white);border-radius:var(--border-radius-xl);padding:2.4rem}.article-shop-colours .article-shop-colours__title{margin-bottom:1.6rem}.article-shop-colours .article-shop-colours__grid{grid-template-columns:repeat(2,1fr);gap:2.4rem;margin:0;padding:0;display:grid}.article-shop-colours__item{justify-content:center;display:flex}.article-shop-colours__card{width:100%;max-width:16rem;text-decoration:none;display:block}.article-shop-colours__swatch{aspect-ratio:1;border-radius:var(--border-radius-full);padding:var(--spacing-2xl);background-color:var(--color-hopscotch);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.article-shop-colours__curved-text{width:100%;height:100%;position:absolute;top:1.8rem;left:0}.article-shop-colours__paint-tin{transition:transform var(--duration-medium)ease-out;pointer-events:none;max-width:60%;height:auto;transform:translateY(150%)}.article-shop-colours__card:hover .article-shop-colours__paint-tin{transform:translateY(40%)}@media screen and (min-width:768px){.article-shop-colours{margin-top:4.8rem;margin-bottom:4.8rem}.article-shop-colours__inner{padding:4.8rem}.article-shop-colours .article-shop-colours__title{margin-bottom:2.4rem}.article-shop-colours .article-shop-colours__grid{grid-template-columns:repeat(3,1fr);gap:3.2rem}.article-shop-colours__card{max-width:20rem}}