.at-colours{--bg:#f8f9fa;--bg-2:#f4f5f6;--card:#ffffff;--cream:#f6f7f8;--txt:#2c2e32;--ink:#1f2125;--soft:#565a60;--mute:#8e9095;--line:rgba(29,31,35,.1);--line-2:rgba(29,31,35,.16);--brass:#c41230;--brass-bright:#9e0e26;--brass-dim:rgba(196,18,48,.07);--warm:#b6863f;--cool:#5d7d8a;--neutral:#7c7e82;--r:16px;--pad:clamp(20px,4vw,48px);--sect:clamp(48px,6vw,84px);font-family:Sora,system-ui,sans-serif;background:var(--bg);color:var(--txt);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}.at-colours :where(*,*:before,*:after){box-sizing:border-box}.at-colours :where(h1,h2,h3,h4,h5,h6,p,ul){margin:0;padding:0}.at-colours :where(ul){list-style:none}.at-colours :where(a){color:inherit;text-decoration:none}.at-colours :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}.at-colours :where(img){display:block;max-width:100%}.at-colours .co-wash:empty,.at-colours .co-grain:empty{display:block}.co-wrap{max-width:1320px;margin:0 auto;padding-inline:var(--pad)}.co-h2{font-family:Outfit,sans-serif;font-weight:300;font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.01em;color:var(--ink)}.co-sub{color:var(--soft);font-size:14.5px;max-width:56ch}.co-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-weight:600;font-size:13.5px;letter-spacing:.02em;background:var(--brass);color:#fff;transition:background .4s,transform .4s,box-shadow .4s}.co-btn:hover{background:var(--brass-bright);transform:translateY(-2px);box-shadow:0 12px 26px #c4123038;color:#fff}.co-btn--ghost{background:transparent;color:var(--txt);border:1px solid var(--line-2)}.co-btn--ghost:hover{background:#1d1f230d;border-color:#1d1f2366;box-shadow:none;color:var(--txt)}.co-arr{transition:transform .35s}.at-colours a:hover .co-arr,.co-btn:hover .co-arr{transform:translate(4px)}.co-m{position:relative;overflow:hidden;isolation:isolate;background-size:cover;background-position:center}.co-m:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),linear-gradient(115deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);mix-blend-mode:soft-light}.co-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;overflow:hidden;mix-blend-mode:overlay}.co-shine i{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;border-radius:50%;opacity:0;will-change:transform,opacity}.co-shine .r1{background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.5),transparent 46%),radial-gradient(circle at 70% 72%,rgba(0,0,0,.34),transparent 48%)}.co-shine .r2{background:radial-gradient(circle at 62% 28%,rgba(255,255,255,.4),transparent 42%),radial-gradient(circle at 36% 74%,rgba(0,0,0,.28),transparent 46%)}@keyframes coRefl1{0%{opacity:0;transform:rotate(0)}8%{opacity:.85}26%{opacity:.85}36%{opacity:0;transform:rotate(210deg)}to{opacity:0;transform:rotate(360deg)}}@keyframes coRefl2{0%{opacity:0;transform:rotate(0)}11%{opacity:.62}29%{opacity:.62}39%{opacity:0;transform:rotate(225deg)}to{opacity:0;transform:rotate(360deg)}}.co-drift{position:absolute;top:-30%;left:-60%;width:55%;height:160%;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);filter:blur(6px);opacity:0;animation:coDrift 7s ease-in-out infinite;animation-play-state:paused;mix-blend-mode:overlay}.co-ed-card.play .co-drift{animation-play-state:running}@keyframes coDrift{0%{transform:translate(-40%) rotate(4deg);opacity:0}18%{opacity:.45}50%{transform:translate(290%) rotate(4deg);opacity:.45}68%{opacity:0}to{transform:translate(290%) rotate(4deg);opacity:0}}.co-m--matte-black{background:linear-gradient(145deg,#323234,#141416)}.co-m--matte-white{background:linear-gradient(145deg,#fff,#e7e7e7)}.co-m--chrome{background:conic-gradient(from 200deg,#c8ccd0,#fff,#8e959b,#f2f4f6,#c8ccd0)}.co-m--warm-brushed-nickel{background:conic-gradient(from 210deg,#bdbab4,#e8e5de,#a29e96,#dad6cd,#bdbab4)}.co-m--brushed-nickel{background:conic-gradient(from 210deg,#b8babc,#e5e7e8,#9b9da0,#d6d8da,#b8babc)}.co-m--brushed-copper{background:conic-gradient(from 210deg,#a15b3c,#d08c66,#7d4327,#b3724e,#a15b3c)}.co-m--brushed-gold{background:conic-gradient(from 210deg,#c2a266,#ecd49a,#a98a4e,#dfc183,#c2a266)}.co-m--gunmetal{background:conic-gradient(from 210deg,#4f5357,#7d8186,#3a3d41,#6a6e73,#4f5357)}.co-m--brushed-bronze{background:conic-gradient(from 210deg,#8c5f42,#c08c64,#6e4830,#a87a52,#8c5f42)}.co-m--champagne{background:conic-gradient(from 210deg,#cdb091,#efdcc2,#b89a78,#e2c8a8,#cdb091)}.co-m--antique-brass{background:conic-gradient(from 210deg,#6b5f45,#a68f5d,#453d2b,#85754f,#6b5f45)}.co-m--stainless-steel{background:conic-gradient(from 200deg,#aeb4b9,#e8ebee,#878d92,#d4d8db,#aeb4b9)}.co-m--grey{background:linear-gradient(145deg,#b7b9bb,#94979b)}.co-m--white{background:linear-gradient(145deg,#fff,#eceae6)}.co-tone{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.co-tone i{width:8px;height:8px;border-radius:50%;flex:none}.co-tone--warm i{background:var(--warm)}.co-tone--cool i{background:var(--cool)}.co-tone--neutral i{background:var(--neutral)}.co-hero{padding:clamp(26px,4vw,44px) 0 clamp(32px,4vw,48px);background:radial-gradient(120% 80% at 90% 0%,rgba(196,18,48,.04),transparent 55%),var(--bg)}.co-hero-top{max-width:760px;margin-bottom:clamp(26px,3.5vw,40px)}.co-hero-h{font-family:Outfit,sans-serif;font-weight:200;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.02em;color:var(--ink)}.co-hero-top p{margin-top:16px;max-width:52ch;color:var(--soft);font-size:15.5px}.co-hm{position:relative;display:inline-block;font-weight:400}.co-hm__t{display:inline-block;opacity:0;transition:opacity .9s ease;background:linear-gradient(108deg,var(--hm-lo),var(--hm-base) 22%,var(--hm-hi) 48%,#fff 50%,var(--hm-hi) 52%,var(--hm-base) 78%,var(--hm-lo));background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:coMetalSweep 7s linear infinite}.co-hm__t+.co-hm__t{position:absolute;left:0;top:0}.co-hm__t.on{opacity:1}@keyframes coMetalSweep{0%{background-position:162.5% 0}to{background-position:0% 0}}.co-hm--brushed-gold{--hm-hi:#eccf8c;--hm-base:#c8a86a;--hm-lo:#a07f44}.co-hm--champagne{--hm-hi:#efdcc2;--hm-base:#cdb091;--hm-lo:#b09072}.co-hm--antique-brass{--hm-hi:#a68f5d;--hm-base:#6b5f45;--hm-lo:#3d3627}.co-hm--brushed-copper{--hm-hi:#d08c66;--hm-base:#a15b3c;--hm-lo:#6e3a20}.co-hm--brushed-bronze{--hm-hi:#c08c64;--hm-base:#8c5f42;--hm-lo:#62402a}.co-hm--warm-brushed-nickel{--hm-hi:#e8e5de;--hm-base:#bdbab4;--hm-lo:#979389}.co-hm--brushed-nickel{--hm-hi:#e5e7e8;--hm-base:#b8babc;--hm-lo:#84868a}.co-hm--stainless-steel{--hm-hi:#e8ebee;--hm-base:#b2b7bc;--hm-lo:#868c92}.co-hm--gunmetal{--hm-hi:#868a8f;--hm-base:#52565b;--hm-lo:#34373c}.co-hm--matte-black{--hm-hi:#46474b;--hm-base:#2c2d2f;--hm-lo:#161618}.co-hm--grey{--hm-hi:#cbccce;--hm-base:#aaadb0;--hm-lo:#83868a}.co-hero-main{display:grid;grid-template-columns:1.32fr 1fr;gap:clamp(26px,3.5vw,56px);align-items:start}.co-picker{min-width:0;scroll-margin-top:120px}.co-pbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:clamp(20px,2.5vw,28px)}.co-pblab{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.co-segs{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:4px}.co-seg{padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--soft);transition:color .3s;position:relative;white-space:nowrap;text-align:center}.co-seg.on{color:#fff;background:var(--ink)}.co-seg i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:0}.co-seg--warm i{background:var(--warm)}.co-seg--cool i{background:var(--cool)}.co-seg--neutral i{background:var(--neutral)}.co-count{font-size:12px;color:var(--mute);margin-left:auto}.co-swgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,24px) 12px;position:relative}.co-sw{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:opacity .4s cubic-bezier(.2,.7,.2,1),transform .4s cubic-bezier(.2,.7,.2,1)}.co-sw.gone{display:none}.co-sw__disc{width:100%;max-width:88px;aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;border:3px solid #fff;outline:1px solid var(--line);box-shadow:inset 0 2px 6px #ffffff73,inset 0 -3px 9px #0000002e,0 8px 20px -8px #1d1f2366;transition:transform .45s cubic-bezier(.2,.7,.2,1),outline-color .35s,box-shadow .45s}.co-sw:hover .co-sw__disc{transform:translateY(-5px) scale(1.04);outline-color:var(--brass)}.co-sw.on .co-sw__disc{outline:2px solid var(--brass);transform:translateY(-3px);box-shadow:0 0 0 4px var(--brass-dim),inset 0 2px 6px #ffffff73,inset 0 -3px 9px #0000002e,0 12px 26px -10px #1d1f2380}.co-sw__disc .co-shine{opacity:.72}.co-sw.on .co-sw__disc .co-shine .r1,.co-sw:hover .co-sw__disc .co-shine .r1{animation:coRefl1 4.6s cubic-bezier(.36,0,.2,1) infinite}.co-sw.on .co-sw__disc .co-shine .r2,.co-sw:hover .co-sw__disc .co-shine .r2{animation:coRefl2 4.6s cubic-bezier(.36,0,.2,1) infinite;animation-delay:.12s}.co-sw__lab{font-size:12px;font-weight:500;color:var(--txt);line-height:1.25;letter-spacing:-.005em}.co-sw.on .co-sw__lab{color:var(--ink);font-weight:600}.co-sw__tone{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:-4px}.co-feat{position:sticky;top:96px;border-radius:20px;overflow:hidden;isolation:isolate;padding:clamp(24px,2.8vw,34px);background:#12110f;color:#fff;box-shadow:0 30px 70px -34px #14121099}.co-wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:background .6s}.co-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background:radial-gradient(140% 100% at 50% 0%,rgba(255,255,255,.1),transparent 60%),radial-gradient(120% 90% at 50% 120%,rgba(0,0,0,.5),transparent 55%)}.co-feat-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.co-stage{position:relative;width:100%;max-width:262px;aspect-ratio:1;margin:0 auto clamp(18px,2vw,24px);border-radius:50%;overflow:hidden;border:5px solid rgba(255,255,255,.92);outline:1px solid rgba(255,255,255,.14);box-shadow:inset 0 3px 10px #fff6,inset 0 -6px 18px #00000059,0 26px 54px -22px #0009}.co-fm{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.co-fm.on{opacity:1}.co-fshine{opacity:.82}.co-fshine .r1{animation:coRefl1 5.5s cubic-bezier(.36,0,.2,1) infinite}.co-fshine .r2{animation:coRefl2 5.5s cubic-bezier(.36,0,.2,1) infinite;animation-delay:.14s}.co-fan{position:relative;z-index:3;display:flex;justify-content:center;align-items:flex-start;margin:calc(-1*clamp(30px,3vw,40px)) auto clamp(16px,1.8vw,22px);pointer-events:none}.co-fan.empty{display:none}.co-card{--tf:none;margin:0;width:96px;aspect-ratio:4/5;background:#fff;border-radius:14px;padding:8px;border:1px solid rgba(0,0,0,.05);transform:var(--tf);box-shadow:0 22px 44px -18px #000000bf,0 3px 8px #00000047}.co-card+.co-card{margin-left:-16px}.co-card:nth-child(1){--tf:rotate(-8deg) translate(10px,12px);z-index:1}.co-card:nth-child(2){--tf:translateY(-2px) scale(1.1);z-index:2}.co-card:nth-child(3){--tf:rotate(8deg) translate(-10px,12px);z-index:1}.co-card img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px;background:#fff;transition:opacity .22s ease}.co-card[hidden]{display:none}@keyframes coDeal{0%{opacity:0;transform:var(--tf) translateY(20px) scale(.9)}to{opacity:1;transform:var(--tf)}}.co-fan.deal .co-card{animation:coDeal .55s cubic-bezier(.2,.7,.2,1) both}.co-fan.deal .co-card:nth-child(2){animation-delay:.07s}.co-fan.deal .co-card:nth-child(3){animation-delay:.14s}.co-cap{display:flex;flex-direction:column;align-items:center;width:100%}@keyframes coFeatReveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.co-cap.reveal{animation:coFeatReveal .5s cubic-bezier(.2,.7,.2,1)}.co-ftone{color:#ffffffd1;margin-bottom:12px}.co-ftone i{box-shadow:0 0 0 3px #ffffff29}.co-fname{font-family:Outfit,sans-serif;font-weight:300;font-size:clamp(26px,3.1vw,40px);line-height:1.04;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.4)}.co-fchar{font-size:12.5px;letter-spacing:.05em;color:#ffffff9e;font-weight:500;margin-top:10px}.co-fblurb{font-size:13.5px;color:#ffffffbd;line-height:1.6;margin:14px auto 0;max-width:36ch}.co-temps-sec{padding:var(--sect) 0 0}.co-temps-head{text-align:center;max-width:60ch;margin:0 auto clamp(32px,4vw,46px)}.co-temps-head .co-h2{margin:0 0 14px}.co-temps-head .co-sub{margin:0 auto}.co-temps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.co-temp{position:relative;border-radius:var(--r);padding:24px 24px 22px;border:1px solid var(--line);background:var(--card);overflow:hidden;transition:transform .4s,box-shadow .4s;cursor:pointer;text-align:left;width:100%;display:block}.co-temp:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px #1d1f2366}.co-temp:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.co-temp:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.co-temp--warm:before{background:linear-gradient(var(--warm),#e3c07a)}.co-temp--cool:before{background:linear-gradient(var(--cool),#9fc2cf)}.co-temp--neutral:before{background:linear-gradient(#3a3b3d,#cfd0d2)}.co-temp h4{font-family:Outfit,sans-serif;font-weight:400;font-size:19px;color:var(--ink);margin-bottom:6px}.co-temp p{font-size:12.5px;color:var(--soft);line-height:1.55;margin-bottom:15px}.co-swrow{display:flex;gap:8px}.co-dot{width:28px;height:28px;border-radius:50%;border:2px solid #fff;outline:1px solid var(--line);position:relative;overflow:hidden;box-shadow:0 2px 6px #1d1f231a;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.co-temp:hover .co-dot,.co-temp:focus-visible .co-dot{transform:translateY(-4px)}.co-temp:hover .co-dot:nth-child(2),.co-temp:focus-visible .co-dot:nth-child(2){transition-delay:.05s}.co-temp:hover .co-dot:nth-child(3),.co-temp:focus-visible .co-dot:nth-child(3){transition-delay:.1s}.co-temp:hover .co-dot:nth-child(4),.co-temp:focus-visible .co-dot:nth-child(4){transition-delay:.15s}.co-temp-go{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;font-weight:600;color:var(--brass-bright);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}.co-temp:hover .co-temp-go,.co-temp:focus-visible .co-temp-go{opacity:1;transform:none}@media(hover:none){.co-temp-go{opacity:1;transform:none}}.co-ed{padding:clamp(18px,2vw,26px) 0 var(--sect)}.co-ed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,26px)}.co-ed-card{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .4s,box-shadow .4s}.co-ed-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px #1d1f2366}.co-ed-scene{position:relative;aspect-ratio:4/3.2;overflow:hidden}.co-ed-scene .co-m{position:absolute;top:0;right:0;bottom:0;left:0}.co-ed-grid .co-ed-card:nth-child(1) .co-drift{animation-delay:0s}.co-ed-grid .co-ed-card:nth-child(2) .co-drift{animation-delay:2.33s}.co-ed-grid .co-ed-card:nth-child(3) .co-drift{animation-delay:4.66s}.co-ed-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:linear-gradient(120deg,rgba(20,18,16,.04),transparent 40%),radial-gradient(120% 80% at 50% 120%,rgba(20,18,16,.34),transparent 60%)}.co-ed-badge{position:absolute;z-index:7;top:14px;left:14px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#1412106b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px}.co-ed-body{padding:22px 22px 24px}.co-ed-body .co-tone{margin-bottom:9px}.co-ed-body h4{font-family:Outfit,sans-serif;font-weight:400;font-size:21px;color:var(--ink);margin-bottom:8px}.co-ed-body p{font-size:13.5px;color:var(--soft);line-height:1.6;margin-bottom:14px}.co-ed-body>a{font-size:12.5px;font-weight:600;color:var(--brass-bright);display:inline-flex;align-items:center;gap:6px}.co-conf{background:var(--card);color:var(--txt);padding:clamp(40px,5vw,64px) 0;border-block:1px solid var(--line)}.co-conf-head{text-align:center;max-width:60ch;margin:0 auto clamp(36px,4vw,52px)}.co-conf-head h3{font-family:Outfit,sans-serif;font-weight:200;font-size:clamp(26px,3.4vw,40px);line-height:1.1;margin:0;color:var(--ink)}.co-conf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,40px)}.co-conf-it{text-align:center;padding:0 8px}.co-conf-it .co-ci{width:52px;height:52px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line)}.co-conf-it .co-ci svg{width:24px;height:24px;stroke:var(--brass);fill:none;stroke-width:1.5}.co-conf-it h5{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:8px}.co-conf-it p{font-size:13px;color:var(--soft);line-height:1.6}.co-cta{padding:var(--sect) 0;text-align:center}.co-cta-box{position:relative;border-radius:24px;overflow:hidden;padding:clamp(44px,6vw,80px) clamp(24px,4vw,60px);background:linear-gradient(135deg,#fff,var(--cream));border:1px solid var(--line)}.co-cta-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(90% 80% at 88% 8%,var(--brass-dim),transparent 55%)}.co-cta-box>*{position:relative;z-index:1}.co-cta-box h3{font-family:Outfit,sans-serif;font-weight:200;font-size:clamp(30px,4vw,52px);line-height:1.06;color:var(--ink);max-width:18ch;margin:0 auto}.co-cta-box p{margin:18px auto 30px;max-width:48ch;color:var(--soft);font-size:15px}.co-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.at-colours .rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.at-colours .rv.in{opacity:1;transform:none}@media(max-width:991px){.co-hero-main{grid-template-columns:1fr;gap:36px}.co-feat{display:none}.co-ed-grid{grid-template-columns:1fr 1fr}.co-temps{grid-template-columns:1fr}.co-swgrid{grid-template-columns:repeat(6,1fr)}}@media(max-width:991px){.co-shine,.co-drift{display:none}.co-m:after{display:none}.co-hm__t{animation:none}}@media(max-width:767px){.co-swgrid{grid-template-columns:repeat(4,1fr)}.co-ed-grid,.co-conf-grid{grid-template-columns:1fr}.co-pblab{display:none}.co-segs{flex:1}.co-seg{flex:1;min-height:44px}.co-count{display:none}}@media(max-width:575px){.co-swgrid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.co-drift,.co-shine .r1,.co-shine .r2,.co-cap.reveal,.co-fan.deal .co-card,.co-hm__t{animation:none!important}.at-colours .rv{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/atelier-colours.css.map */