.colour-study{--cs-paper: #fff;--cs-ground: #E6E6E6;--cs-ink: #1B1B1D;--cs-red: #BE1E2B;--cs-muted: #5f5f62;width:100%;min-height:3756px;background:var(--cs-ground);color:var(--cs-ink);font-family:var(--font-body);font-size:20px;line-height:1.6;padding:210px 0 70px}.colour-study *,.colour-study *:before,.colour-study *:after{box-sizing:border-box}.colour-study p,.colour-study h1,.colour-study h2,.colour-study h3{margin:0}.colour-study .cs-in{width:1560px;max-width:calc(100% - 80px);margin:0 auto}.colour-study .cs-ser{font-family:var(--font-display);font-weight:500}.colour-study .cs-eb{font-size:13px;text-transform:uppercase;letter-spacing:.26em;color:var(--cs-red)}.colour-study .cs-mu{color:var(--cs-muted)}.colour-study a{color:inherit;text-decoration:none;cursor:pointer}.colour-study .cs-ul{color:var(--cs-red);text-decoration:underline;text-underline-offset:3px}@keyframes cs-fi{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes cs-slow{0%,to{opacity:.55}50%{opacity:1}}.colour-study .cs-a1{animation:cs-fi 1.1s .1s ease-out both}.colour-study .cs-a2{animation:cs-fi 1.1s .2s ease-out both}.colour-study .cs-a3{animation:cs-fi 1.1s .7s ease-out both}.colour-study .cs-a4{animation:cs-fi 1.1s 1s ease-out both}.colour-study .cs-title{text-align:center;padding-bottom:70px}.colour-study .cs-title h1{font-size:132px;line-height:1;letter-spacing:-.01em;margin-top:26px}.colour-study .cs-title h1 i{display:block}.colour-study p.cs-lead{max-width:760px;margin:34px auto 0;font-size:19px}.colour-study .cs-rule{width:64px;height:2px;background:var(--cs-red);margin:34px auto 0}.colour-study .cs-btns{display:flex;gap:16px;justify-content:center;margin-top:34px}.colour-study .cs-b{display:inline-block;padding:15px 30px;font-size:14px;letter-spacing:.04em;border:1px solid var(--cs-ink);transition:background .2s,color .2s,box-shadow .2s}.colour-study .cs-b.cs-primary{background:var(--cs-red);border-color:var(--cs-red);color:var(--cs-paper)}.colour-study .cs-b.cs-primary:hover{background:#9c1823}.colour-study .cs-b.cs-secondary:hover{background:var(--cs-ink);color:var(--cs-paper)}.colour-study .cs-b:focus-visible,.colour-study .cs-tl:focus-visible,.colour-study .cs-ln:focus-visible{outline:2px solid var(--cs-ink);outline-offset:3px;box-shadow:none}.colour-study .cs-spec{display:grid;grid-template-columns:1.75fr 1fr;background:var(--cs-paper);border:1px solid #cfcfcf;box-shadow:0 30px 70px #1b1b1d1f}.colour-study .cs-sw{position:relative;padding:22px;background:var(--cs-paper)}.colour-study .cs-swatch-image{display:block;width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.colour-study .cs-tag{position:absolute;top:44px;left:44px;background:var(--cs-paper);padding:9px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.colour-study .cs-led{padding:48px 44px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #e1e1e1}.colour-study .cs-row{padding:22px 0;border-bottom:1px solid #e1e1e1}.colour-study .cs-row:last-child{border-bottom:0}.colour-study p.cs-n{font-size:72px;line-height:1}.colour-study p.cs-l{font-size:12px;letter-spacing:.06em;margin-top:6px}.colour-study .cs-led .cs-nm{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;font-size:18px;transition:color .2s}.colour-study .cs-led .cs-nm:hover{color:var(--cs-red)}.colour-study .cs-led .cs-cr{font-size:12px;margin-top:8px}.colour-study .cs-next-colour{margin-top:22px;cursor:pointer}.colour-study .cs-next-colour:disabled{opacity:.5;cursor:default}.colour-study .cs-spec-status{min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:32px;text-align:center}.colour-study .cs-loading-mark{width:28px;height:28px;border:2px solid #cfcfcf;border-top-color:var(--cs-red);border-radius:50%;animation:cs-loading 1s linear infinite}@keyframes cs-loading{to{transform:rotate(360deg)}}.colour-study .cs-sec{margin-top:120px;scroll-margin-top:100px}.colour-study .cs-hd{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}.colour-study .cs-hd h2{font-size:68px;line-height:1.05;border-top:2px solid var(--cs-red);padding-top:26px}.colour-study .cs-hd>p{max-width:600px}.colour-study .cs-dg{display:grid;grid-template-columns:1fr 640px 1fr;gap:40px;align-items:center}.colour-study .cs-col{display:flex;flex-direction:column;gap:34px}.colour-study .cs-t{background:var(--cs-paper);border-top:2px solid var(--cs-red);padding:26px 28px;min-height:262px}.colour-study .cs-t .cs-k{font-size:12px;color:var(--cs-red);letter-spacing:.14em;margin-bottom:22px}.colour-study .cs-t h3{font-size:30px;line-height:1.15;margin-bottom:10px}.colour-study .cs-t p{font-size:14px;line-height:1.65}.colour-study .cs-axis{background:var(--cs-paper);border:1px solid #cfcfcf;padding:26px;aspect-ratio:1/1;box-shadow:0 20px 50px #1b1b1d1a}.colour-study .cs-axis svg{display:block;width:100%;height:100%}.colour-study .cs-pulse{animation:cs-slow 7s ease-in-out infinite}.colour-study .cs-note{background:var(--cs-paper);border-left:2px solid var(--cs-red);padding:30px 36px;margin-top:44px;font-size:15px}.colour-study .cs-note h3{font-size:16px;font-weight:600;margin-bottom:8px}.colour-study .cs-bands{margin-top:120px;display:flex;flex-direction:column;gap:0}.colour-study .cs-bi{background:var(--cs-ink);color:var(--cs-paper);padding:60px 70px 56px}.colour-study .cs-bi .cs-eb{color:#f07a85}.colour-study .cs-bi h2{font-size:74px;line-height:1.05;margin-top:20px}.colour-study .cs-bi p.cs-pp{max-width:780px;color:#ffffffb8;font-size:17px;margin-top:22px}.colour-study .cs-bd{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.colour-study .cs-bd.cs-reverse{direction:rtl}.colour-study .cs-bd.cs-reverse>*{direction:ltr}.colour-study .cs-medium-image{display:block;width:100%;height:100%;min-height:420px;-o-object-fit:cover;object-fit:cover}.colour-study .cs-bd .cs-tx{background:var(--cs-paper);padding:60px 70px;display:flex;flex-direction:column;justify-content:center;border-top:2px solid var(--cs-red)}.colour-study .cs-bd .cs-tx h3{font-size:52px;margin-bottom:18px}.colour-study .cs-bd .cs-tx p{font-size:16px;max-width:560px;margin-bottom:28px}.colour-study .cs-ln{display:inline-block;align-self:flex-start;font-size:14px;border-bottom:1px solid var(--cs-red);padding-bottom:6px;transition:color .2s}.colour-study .cs-ln:hover{color:var(--cs-red)}.colour-study .cs-cmp{background:var(--cs-ink);color:var(--cs-paper);padding:34px 70px;display:flex}.colour-study .cs-cmp a{display:inline-block;background:var(--cs-paper);color:var(--cs-ink);padding:15px 30px;font-size:14px;transition:background .2s,color .2s}.colour-study .cs-cmp a:hover{background:var(--cs-red);color:var(--cs-paper)}.colour-study .cs-tools-eyebrow{margin-bottom:16px}.colour-study .cs-tools-title{font-size:68px;line-height:1.05;margin-bottom:48px}.colour-study .cs-ix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfcfcf;border:1px solid #cfcfcf}.colour-study .cs-tl{background:var(--cs-paper);padding:36px 34px;display:flex;flex-direction:column;min-height:330px;transition:background .2s}.colour-study .cs-tl:hover{background:#f4f4f4}.colour-study .cs-tl .cs-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;color:var(--cs-red)}.colour-study .cs-tl .cs-top span{font-size:13px;letter-spacing:.14em}.colour-study .cs-tl .cs-lb{font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}.colour-study .cs-tl h3{font-size:36px;line-height:1.1;margin-bottom:12px}.colour-study .cs-tl p{font-size:14px;line-height:1.65}.colour-study .cs-ev{margin-top:120px;border-top:2px solid var(--cs-red);padding-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.colour-study .cs-ev h2{font-size:52px;line-height:1.1}.colour-study .cs-ev .cs-c{display:flex;flex-direction:column;gap:20px;font-size:15px}.colour-study .cs-dis{font-size:12px;line-height:1.7;max-width:900px;border-top:1px solid #cfcfcf;margin-top:64px;padding-top:26px}.colour-study .cs-dis span{font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:#3a3a3c;font-family:inherit}.colour-study .cs-fi{margin-top:110px;background:var(--cs-ink);color:var(--cs-paper);display:grid;grid-template-columns:.9fr 1.1fr}.colour-study .cs-fi .cs-cp{padding:70px}.colour-study .cs-fi .cs-rl{display:flex;align-items:center;gap:14px;margin-bottom:22px}.colour-study .cs-fi .cs-rl i{display:block;width:48px;height:1px;background:var(--cs-red)}.colour-study .cs-fi .cs-rl span{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#f07a85}.colour-study .cs-fi h2{font-size:68px;line-height:1.05}.colour-study .cs-fi p{color:#ffffffbf;font-size:17px;margin:24px 0 34px;max-width:520px}.colour-study .cs-fi .cs-bt{display:flex;gap:12px}.colour-study .cs-fi .cs-b{font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-color:#ffffffb3;color:var(--cs-paper)}.colour-study .cs-fi .cs-b.cs-primary{border-color:var(--cs-red)}.colour-study .cs-fi .cs-b.cs-secondary:hover{background:var(--cs-paper);color:var(--cs-ink)}.colour-study .cs-fi .cs-vis{position:relative;min-height:460px;background:linear-gradient(135deg,#2a3f7a,#14224a 55%,#be1e2b 140%)}.colour-study .cs-fi .cs-cr2{position:absolute;bottom:14px;right:18px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff9}.colour-study .cs-hm{background:var(--cs-paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:80px 70px;border:1px solid #cfcfcf;margin-top:70px}.colour-study .cs-hm .cs-sq{aspect-ratio:4/3;background:linear-gradient(120deg,#d9d9d9,#f2f2f2);border:1px solid #e1e1e1;position:relative}.colour-study .cs-hm .cs-sq:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;background:radial-gradient(circle at 35% 40%,#3b56a8,#1d2b66 70%);box-shadow:0 14px 30px #1b1b1d40}.colour-study .cs-hm h2{font-size:60px;line-height:1.08;margin:16px 0 18px}.colour-study .cs-hm .cs-hm-copy{font-size:17px;color:#444;margin-bottom:24px}@media(max-width:1500px){.colour-study .cs-dg{grid-template-columns:1fr minmax(320px,42%) 1fr;gap:24px}.colour-study .cs-t{padding:24px}.colour-study .cs-fi .cs-cp,.colour-study .cs-bd .cs-tx{padding:44px}.colour-study .cs-fi .cs-bt{flex-wrap:wrap}}@media(max-width:1050px){.colour-study{padding-top:140px}.colour-study .cs-title h1{font-size:94px}.colour-study .cs-dg{grid-template-columns:1fr 1fr}.colour-study .cs-axis{grid-column:1 / -1;grid-row:1;width:min(100%,640px);justify-self:center}.colour-study .cs-led{padding:28px}.colour-study p.cs-n{font-size:58px}.colour-study .cs-hd h2,.colour-study .cs-tools-title{font-size:52px}.colour-study .cs-ix{grid-template-columns:repeat(2,1fr)}.colour-study .cs-hm{padding:44px;gap:36px}.colour-study .cs-fi h2{font-size:48px}}@media(max-width:700px){.colour-study{padding:120px 0 48px;min-height:0}.colour-study .cs-in{max-width:calc(100% - 40px)}.colour-study .cs-title{padding-bottom:40px}.colour-study .cs-title h1{font-size:clamp(48px,11vw,76px)}.colour-study .cs-eb{font-size:10px}.colour-study p.cs-lead{font-size:16px}.colour-study .cs-btns{flex-wrap:wrap;gap:12px}.colour-study .cs-b{padding:13px 20px;font-size:12px}.colour-study .cs-spec,.colour-study .cs-hd,.colour-study .cs-bd,.colour-study .cs-ev,.colour-study .cs-fi,.colour-study .cs-hm{grid-template-columns:1fr}.colour-study .cs-led{border-left:0;border-top:1px solid #e1e1e1}.colour-study .cs-led>div:first-child{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.colour-study .cs-row{border-bottom:0;padding:8px 0 20px}.colour-study p.cs-n{font-size:42px}.colour-study p.cs-l{font-size:10px}.colour-study .cs-tag{top:32px;left:32px;font-size:9px;padding:8px}.colour-study .cs-sec,.colour-study .cs-bands,.colour-study .cs-ev{margin-top:64px}.colour-study .cs-hd{gap:26px;margin-bottom:32px}.colour-study .cs-hd h2,.colour-study .cs-tools-title{font-size:44px}.colour-study .cs-hd>p{font-size:16px}.colour-study .cs-dg,.colour-study .cs-col{gap:16px}.colour-study .cs-t{padding:18px;min-height:330px}.colour-study .cs-t h3{font-size:25px}.colour-study .cs-t p{font-size:12px}.colour-study .cs-note{padding:24px;font-size:13px}.colour-study .cs-bi,.colour-study .cs-bd .cs-tx,.colour-study .cs-cmp,.colour-study .cs-fi .cs-cp{padding:32px 26px}.colour-study .cs-bi h2{font-size:48px}.colour-study .cs-bd.cs-reverse{direction:ltr}.colour-study .cs-medium-image{min-height:0;height:auto;aspect-ratio:4/3}.colour-study .cs-bd .cs-tx h3{font-size:42px}.colour-study .cs-ix{grid-template-columns:1fr}.colour-study .cs-tl{padding:28px;min-height:280px}.colour-study .cs-ev{gap:28px}.colour-study .cs-ev h2{font-size:42px}.colour-study .cs-fi{margin-top:64px}.colour-study .cs-fi .cs-vis{min-height:300px}.colour-study .cs-hm{padding:26px;gap:30px;margin-top:40px}.colour-study .cs-hm h2{font-size:46px}}@media(prefers-reduced-motion:reduce){.colour-study .cs-a1,.colour-study .cs-a2,.colour-study .cs-a3,.colour-study .cs-a4,.colour-study .cs-pulse{animation:none}}
