.colour_wrap{--paper:#f2f1ec;--ink:#f3f2ee;--ink-2:#c4c6cc;--mute:#8d9099;--line:rgba(243,242,238,0.22);--pad:clamp(20px,2.8vw,40px);--ease:cubic-bezier(0.16,1,0.3,1);--sans:'C21 Sans',system-ui,sans-serif;--mono:'C21 Mono',ui-monospace,monospace;position:relative;color:var(--ink);font:400 16px/1.5 var(--sans)}.colour_wrap *,.colour_wrap *::before,.colour_wrap *::after{box-sizing:border-box}.colour_wrap p,.colour_wrap h2,.colour_wrap figure{margin:0}.colour_wrap .colour_contain{display:grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap:0 var(--pad);padding:120px var(--pad) 80px}.colour_wrap .colour_mono{font:400 11px/1.4 var(--mono);letter-spacing: 0.05em;text-transform: uppercase;color:var(--mute)}.colour_wrap .colour_text{align-self:center;max-width:520px}.colour_wrap .colour_title{font:400 clamp(30px,2.9vw,44px)/1.1 var(--sans);letter-spacing: -0.028em;margin-top:14px}.colour_wrap .colour_body{font-size:17px;line-height: 1.55;color:var(--ink-2);margin-top:22px;max-width:40ch}.colour_wrap .colour_swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.colour_wrap .colour_sw{display:inline-flex;align-items: center;gap:9px;height:40px;padding:0 14px 0 8px;border-radius: 20px;border:1px solid var(--line);background:rgba(255,255,255,0.04);color:var(--ink);font:400 14px/1 var(--sans);cursor:pointer;transition:border-color 0.3s var(--ease),background 0.3s var(--ease)}.colour_wrap .colour_sw i{width:22px;height:22px;border-radius: 50%;background:var(--c)}.colour_wrap .colour_sw:hover{background:rgba(255,255,255,0.1)}.colour_wrap .colour_sw.is-on{border-color: #f3f2ee;background:rgba(255,255,255,0.12)}.colour_wrap .colour_stage{position:relative;height:min(78vh,760px);min-height:520px}.colour_wrap .colour_row{grid-column: 1 / -1;margin-top:40px;position:relative}.colour_wrap .colour_img{display:block;width:100%;height:auto}@media (max-width: 760px){.colour_wrap .colour_contain{grid-template-columns: 1fr;padding:80px var(--pad) 56px}.colour_wrap .colour_title{font-size:26px}.colour_wrap .colour_body{font-size:15.5px}.colour_wrap .colour_stage{height:62vh;height:62svh;min-height:380px;order:2;margin-top:10px}.colour_wrap .colour_row{order:3;margin-top:16px;padding-top: 24px}}.colour_wrap .colour_grey{color:var(--mute)}