:root{--cp-navy:#0f2142;--cp-blue:#203e76;--cp-cream:#f5efe7;--cp-gold:#f2ce7d;--cp-red:#cb3556;--cp-ink:#182336}.colourBody{background:#fff;color:var(--cp-ink)}.colourHeader{position:absolute;inset:0 0 auto;color:#fff;border-bottom:1px solid #ffffff32;z-index:20}.colourHero{min-height:800px;padding-top:90px;color:#fff;background:radial-gradient(circle at 78% 48%,#375180 0,#1d3769 29%,#10264e 56%,#0c1d3a 100%);overflow:hidden}.colourHeroGrid{min-height:710px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;position:relative}.colourCrumbs{position:absolute;left:0;top:24px;display:flex;gap:10px;font-size:.78rem;color:#d9e0ec}.colourEyebrow{margin:0 0 15px;color:var(--cp-red);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.colourHero .colourEyebrow,.colourCta .colourEyebrow{color:var(--cp-gold)}.colourHero h1{font-size:clamp(4rem,6.4vw,7.2rem);line-height:.96;letter-spacing:-.068em;font-weight:600;margin:0 0 25px}.colourHeroCopy>p:not(.colourEyebrow){max-width:570px;color:#e0e6ef;font-size:1.08rem}.colourHeroActions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.colourHeroActions>a:last-child{font-weight:800;font-size:.87rem;border-bottom:1px solid}.colourHeroArt{height:610px;display:grid;place-items:center;position:relative}.colourWheel{width:min(440px,82%);aspect-ratio:1;border-radius:50%;background:conic-gradient(#e64d62,#f08b42,#f1d14c,#70bb75,#42b9b1,#4b78d0,#7652c7,#c54fa4,#e64d62);box-shadow:0 45px 85px #07132988;position:relative;animation:wheelFloat 7s ease-in-out infinite}.colourWheel:after{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--cp-navy);box-shadow:inset 0 0 45px #071226}.colourWheel span{position:absolute;inset:10%;border-radius:50%;border:1px solid #ffffff55;z-index:1}.floatingPalette{position:absolute;right:0;bottom:55px;width:240px;padding:22px;border-radius:17px;background:#fff;color:var(--cp-ink);box-shadow:0 22px 50px #06112655}.floatingPalette small{color:#737d8b;text-transform:uppercase;letter-spacing:.1em}.floatingPalette>div{display:flex;margin:13px 0}.floatingPalette i{width:42px;height:42px;background:var(--c);border-radius:50%;margin-right:-7px;border:3px solid #fff}.floatingPalette strong{font-size:.9rem}.section{padding:clamp(80px,9vw,130px) 0}.colourIntroGrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,9vw,150px)}.section h2{font-size:clamp(2.8rem,4.8vw,5.1rem);line-height:1.04;letter-spacing:-.06em;font-weight:600;margin:0}.colourIntroGrid>div:last-child{font-size:1.06rem;line-height:1.8;color:#5d6776}.paletteExplorer{background:var(--cp-navy);color:#fff}.colourSectionHead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.colourSectionHead>p{max-width:390px;color:#cbd3df}.paletteExplorer .colourEyebrow,.shadeCards .colourEyebrow{color:var(--cp-gold)}.studioGrid{display:grid;grid-template-columns:1.25fr .75fr;background:#fff;border-radius:24px;overflow:hidden;color:var(--cp-ink)}.roomPreview{min-height:650px;position:relative;overflow:hidden}.roomPreview img{width:100%;height:100%;object-fit:cover}.roomTint{position:absolute;inset:0;background:#b76e5c;mix-blend-mode:multiply;opacity:.47;transition:background .35s,opacity .35s}.roomLabel{position:absolute;left:25px;bottom:25px;padding:16px 20px;border-radius:12px;background:#ffffffed}.roomLabel span,.roomLabel strong{display:block}.roomLabel span{font-size:.7rem;color:var(--cp-red);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.roomLabel strong{margin-top:4px}.studioControls{padding:clamp(30px,4vw,55px);align-self:center}.schemeTabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.schemeTabs button{padding:14px;border:1px solid #cfd2d7;background:#fff;border-radius:10px;font-weight:800;color:var(--cp-ink)}.schemeTabs button.active{background:var(--cp-navy);color:#fff;border-color:var(--cp-navy)}.schemeCopy h3{font-size:1.8rem;margin:32px 0 9px}.schemeCopy p{color:#626d7b}.paletteButtons{display:grid;gap:9px;margin:25px 0}.paletteButtons button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;background:#fff;border:1px solid #d8dade;border-radius:10px;color:var(--cp-ink)}.paletteButtons button.active{border-color:var(--cp-blue);box-shadow:0 0 0 2px #203e7622}.paletteButtons span{display:flex}.paletteButtons i{display:block;width:30px;height:30px;background:var(--c);border-radius:50%;margin-right:-5px;border:2px solid #fff}.paletteButtons b{font-size:.82rem}.colourNote{font-size:.72rem;color:#747d89}.studioButton{margin-top:15px;background:var(--cp-blue);color:#fff}.schemeGuide{background:var(--cp-cream)}.schemeFeature{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,9vw,145px);align-items:center;padding:50px 0}.schemeFeature.reverse>div:first-child{order:2}.schemeFeature p:not(.colourEyebrow){font-size:1.05rem;color:#5c6675;line-height:1.75}.schemeFeature a{font-weight:800;font-size:.86rem;border-bottom:1px solid}.schemeDisc{width:min(470px,100%);aspect-ratio:1;border-radius:50%;position:relative;box-shadow:0 35px 65px #10203e26}.schemeDisc:after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--cp-cream)}.monoDisc{background:conic-gradient(#3c4f67 0 20%,#617895 20% 40%,#8ea1b8 40% 60%,#bdc8d3 60% 80%,#e4e8ed 80%)}.analogousDisc{background:conic-gradient(#406f90 0 20%,#498ea0 20% 40%,#5aa58c 40% 60%,#83b270 60% 80%,#b1bf68 80%)}.shadeCards{background:#1b376b;color:#fff}.shadeCardGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.shadeCard{grid-column:span 2;min-height:330px;padding:26px;border-radius:17px;background:#fff;color:var(--cp-ink);display:flex;flex-direction:column;transition:transform .25s}.shadeCard:nth-child(4){grid-column:2/span 2}.shadeCard:hover{transform:translateY(-5px)}.cardColours{display:flex;margin-bottom:55px}.cardColours i{display:block;width:46px;height:46px;border-radius:50%;background:var(--c);margin-right:-8px;border:3px solid #fff}.shadeCard small{color:var(--cp-red);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.shadeCard h3{font-size:1.6rem;margin:8px 0}.shadeCard p{color:#697382;font-size:.82rem}.shadeCard b{margin-top:auto;font-size:.82rem}.colourSteps{background:#fff}.colourSteps>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,9vw,140px)}.colourSteps ol{list-style:none;margin:0;padding:0;border-top:1px solid #d4d7db}.colourSteps li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #d4d7db}.colourSteps li>span{color:var(--cp-red);font-size:.72rem;font-weight:800}.colourSteps h3{margin:0 0 7px}.colourSteps p{margin:0;color:#626c79}.colourCta{padding:clamp(80px,9vw,125px) 0;background:var(--cp-blue);color:#fff}.colourCtaGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.colourCta h2{font-size:clamp(3rem,5vw,5.5rem);margin:0 0 18px}.colourCtaGrid>div:first-child>p:last-child{color:#d7dde7;max-width:600px}.colourCtaGrid>div:last-child{background:#122a54;padding:28px;border-radius:17px}.colourCtaGrid>div:last-child>a:not(.button){display:block;text-align:center;margin-top:17px;color:#f4d797;font-size:.82rem;font-weight:800}@keyframes wheelFloat{50%{transform:translateY(-13px) rotate(3deg)}}
@media(max-width:980px){.colourHeroGrid{grid-template-columns:1fr;min-height:900px}.colourHeroArt{position:absolute;right:-15%;bottom:0;width:58%;height:480px;opacity:.65}.colourHeroCopy{position:relative;z-index:2}.colourIntroGrid,.studioGrid,.schemeFeature,.colourSteps>.wrap,.colourCtaGrid{grid-template-columns:1fr}.roomPreview{min-height:500px}.schemeFeature.reverse>div:first-child{order:0}.schemeDisc{max-width:390px}.shadeCardGrid{grid-template-columns:repeat(2,1fr)}.shadeCard,.shadeCard:nth-child(4){grid-column:auto}.colourCtaGrid{gap:35px}}
@media(max-width:650px){.colourHero{min-height:760px}.colourHeroGrid{min-height:670px;display:block;padding-top:100px}.colourCrumbs{top:25px;right:0}.colourHero h1{font-size:clamp(3.5rem,15vw,5rem)}.colourHeroArt{right:-35%;bottom:-3%;width:90%;height:330px;opacity:.45}.colourHeroActions{position:relative;z-index:3}.colourSectionHead{display:block}.colourSectionHead>p{margin-top:14px}.roomPreview{min-height:360px}.studioControls{padding:27px 20px}.schemeTabs{grid-template-columns:1fr}.schemeFeature{padding:30px 0}.shadeCardGrid{grid-template-columns:1fr}.shadeCard{min-height:290px}.colourSteps li{grid-template-columns:35px 1fr}}
.shadeCard{padding:0!important;overflow:hidden;min-height:500px!important}.shadeCardCover{display:block;height:285px;background:#eef0f4;overflow:hidden}.shadeCardCover img{width:100%!important;height:100%!important;object-fit:cover;object-position:top center;transition:transform .35s}.shadeCard:hover .shadeCardCover img{transform:scale(1.035)}.shadeCard>small,.shadeCard>h3,.shadeCard>p,.shadeCard>b{margin-left:24px;margin-right:24px}.shadeCard>small{margin-top:22px}.shadeCard>p{margin-bottom:16px}.shadeCard>b{margin-bottom:24px}
@media(max-width:650px){.shadeCard{min-height:465px!important}.shadeCardCover{height:260px}}
@media(prefers-reduced-motion:reduce){.colourWheel{animation:none}.roomTint,.shadeCard{transition:none}}
.colourBody .section{min-height:0;display:block;align-items:initial;padding:clamp(68px,6vw,96px) 0}.colourBody .colourIntro{padding:clamp(72px,6.5vw,105px) 0}.colourBody .shadeCards{height:auto;min-height:0;display:block;align-items:initial;padding:clamp(68px,6vw,96px) 0}.colourBody .shadeCards i{position:static;inset:auto}.colourBody .shadeCards img{position:static;width:auto;height:auto}.colourBody .shadeCard{min-height:250px;padding:24px}.colourBody .cardColours{margin-bottom:30px}.colourBody .cardColours i{width:42px;height:42px;margin-right:-8px}.colourBody .colourSectionHead{margin-bottom:34px}.colourBody .schemeFeature{padding:32px 0}.colourBody .roomPreview{min-height:560px}
@media(max-width:650px){.colourBody .section,.colourBody .shadeCards{padding:62px 0}.colourBody .shadeCard{min-height:240px}.colourBody .roomPreview{min-height:340px}.colourBody .schemeFeature{padding:22px 0}}