.colours-hub{padding:0 0 6.2rem}.colours-hub__intro{max-width:72rem;margin-bottom:7rem}.colours-hub__eyebrow{margin:0 0 1.4rem;color:#4b4e49;font-size:1.15rem;font-weight:600;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.colours-hub__intro h1,.colours-editorial h2{margin:0;color:#252724;font-size:clamp(3.6rem,5vw,6.6rem);font-weight:400;letter-spacing:-.035em;line-height:1}.colours-hub__intro-copy{max-width:60ch;margin:2.6rem 0 0;color:#4f534c;font-size:1.7rem;line-height:1.6}.colours-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.4rem,3vw,4.2rem)}.colours-hub__card{display:block;color:#252724;text-decoration:none}.colours-hub__image{aspect-ratio:4 / 3;overflow:hidden;background:#f4f3ed}.colours-hub__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,opacity .22s ease}.colours-hub__card h2{margin:1.3rem 0 0;color:inherit;font-size:1.85rem;font-weight:500;letter-spacing:-.015em;line-height:1.25}.colours-hub__card:hover img,.colours-hub__card:focus-visible img{opacity:.94;transform:scale(1.015)}.colours-hub__card:hover h2,.colours-hub__card:focus-visible h2{color:#6f941f}.colours-hub__card:focus-visible{outline:1px solid #6f941f;outline-offset:.5rem}.colours-editorial{padding:7.2rem 0}.colours-editorial__inner{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(0,1.1fr);gap:clamp(4rem,8vw,13rem)}.colours-editorial h2{font-size:clamp(3.1rem,4vw,5rem)}.colours-editorial__copy{max-width:68ch;color:#4f534c;font-size:1.7rem;line-height:1.65}.colours-editorial__copy>:first-child{margin-top:0}.colours-editorial__copy>:last-child{margin-bottom:0}@media screen and (max-width:989px){.colours-hub__grid{gap:2.4rem}}@media screen and (max-width:749px){.colours-hub{padding-bottom:4.8rem}.colours-hub__intro{margin-bottom:5.5rem}.colours-hub__intro-copy{font-size:1.6rem}.colours-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.6rem;row-gap:3rem}.colours-hub__card h2{margin-top:1rem;font-size:1.7rem}.colours-editorial{padding:5.4rem 0}.colours-editorial__inner{display:block}.colours-editorial__copy{margin-top:3rem;font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/colours-hub.css.map */