.colour-wrap{max-width:1160px;margin:auto;padding:40px 24px 64px}.colour-wrap h1{font-size:clamp(32px,5vw,52px);margin:22px 0 14px}.colour-wrap>p{max-width:760px;font-size:17px}.print-note{color:#4e5b6b;font-size:14px!important;margin:20px 0 30px}.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.colour-card{border:1px solid #dce2e8;border-radius:16px;background:white;overflow:hidden}.colour-card img{display:block;width:100%;height:auto;aspect-ratio:500/540;padding:18px;border-bottom:1px solid #e5e9ed}.colour-card>div{padding:20px}.colour-card h2{font-size:23px;margin:0 0 18px}.pdf-download{display:block;margin-top:14px;font-size:14px;color:#173b67;text-underline-offset:3px}.colour-callout{max-width:1120px;margin:25px auto 40px;padding:26px;background:#edf6f5;border:1px solid #bed8d3;border-radius:18px}.colour-callout h2{margin:0 0 10px;font-size:28px}.colour-callout p{font-size:16px}.colour-callout a{font-weight:700;color:#173b67}.colour-callout:focus-within{outline:2px solid #173b67}@media(max-width:800px){.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-callout{margin:24px}}@media(max-width:520px){.colour-grid{grid-template-columns:1fr}.colour-wrap{padding:28px 18px}.colour-card img{max-height:380px}.colour-card .button{width:100%}}