.ep-home-colour-studio{display:block;--studio-ink: #1e4222;--studio-sage: #c8e0c5;--studio-cream: #fff9ed;--studio-red: #c46a57;--studio-orange: #d99f52;--studio-olive: #7c873b;--studio-indicator-sage: #a3b591;--studio-teal: #2b6860;--studio-active: var(--studio-olive);color:var(--studio-ink);background:var(--studio-bg, #fff);padding:var(--studio-mobile-top, 56px) 20px var(--studio-mobile-bottom, 56px)}.ep-home-colour-studio[data-ep-home-colour-active=red]{--studio-active: var(--studio-red)}.ep-home-colour-studio[data-ep-home-colour-active=orange]{--studio-active: var(--studio-orange)}.ep-home-colour-studio[data-ep-home-colour-active=olive]{--studio-active: var(--studio-olive)}.ep-home-colour-studio[data-ep-home-colour-active=sage]{--studio-active: var(--studio-indicator-sage)}.ep-home-colour-studio[data-ep-home-colour-active=teal]{--studio-active: var(--studio-teal)}.ep-home-colour-inner{display:grid;gap:36px;width:100%;max-width:1240px;margin-inline:auto;align-items:center}.ep-home-colour-copy,.ep-home-colour-visual{min-width:0}.ep-home-colour-heading{margin:0;font-family:"EP Display",var(--font-work-sans),Arial,sans-serif;font-size:var(--studio-mobile-heading, 42px);font-weight:800;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.ep-home-colour-intro{max-width:480px;margin:23px 0 0;font-size:16px;line-height:1.6}.ep-home-colour-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:398px;margin-top:27px}.ep-home-colour-swatch{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;min-height:77px;padding:6px 0;border:0;border-radius:13px;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ep-home-colour-swatch[data-ep-home-colour-option=red]{--swatch-colour: var(--studio-red)}.ep-home-colour-swatch[data-ep-home-colour-option=orange]{--swatch-colour: var(--studio-orange)}.ep-home-colour-swatch[data-ep-home-colour-option=olive]{--swatch-colour: var(--studio-olive)}.ep-home-colour-swatch[data-ep-home-colour-option=sage]{--swatch-colour: var(--studio-indicator-sage)}.ep-home-colour-swatch[data-ep-home-colour-option=teal]{--swatch-colour: var(--studio-teal)}.ep-home-colour-swatchColour{display:block;width:44px;height:44px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--studio-ink) 25%,transparent);border-radius:50%;background:var(--swatch-colour);box-shadow:inset 0 2px #fff3;transition:transform .18s ease,outline-color .18s ease;outline:2px solid transparent;outline-offset:4px}.ep-home-colour-swatchName{font-size:13px;font-weight:650;line-height:1.3}.ep-home-colour-swatch[aria-pressed=true] .ep-home-colour-swatchColour{outline-color:var(--studio-ink);transform:translateY(-2px)}.ep-home-colour-swatch[aria-pressed=true] .ep-home-colour-swatchName{font-weight:800}.ep-home-colour-swatch:focus-visible,.ep-home-colour-link:focus-visible{outline:3px solid var(--studio-ink);outline-offset:4px}.ep-home-colour-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:23px;color:inherit;font-size:16px;font-weight:750;line-height:1.35;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.ep-home-colour-link svg{flex-shrink:0}.ep-home-colour-helper{max-width:430px;margin:15px 0 0;font-size:14px;line-height:1.6}.ep-home-colour-disclaimer{max-width:430px;margin:0;font-size:14px;line-height:1.6}.ep-home-colour-stack{position:relative;width:100%;max-width:470px;margin-inline:auto;padding:10px;isolation:isolate}.ep-home-colour-stack:before,.ep-home-colour-stack:after{content:"";position:absolute;z-index:-1;top:10px;right:10px;bottom:10px;left:10px;border:1px solid color-mix(in srgb,var(--studio-ink) 50%,transparent);border-radius:28px;transform-origin:50% 60%}.ep-home-colour-stack:before{background:var(--studio-sage);transform:rotate(-3deg)}.ep-home-colour-stack:after{background:var(--studio-cream);transform:rotate(3deg)}.ep-home-colour-card{position:relative;overflow:hidden;border:1.5px solid var(--studio-ink);border-radius:28px;background:#fff;box-shadow:3px 5px color-mix(in srgb,var(--studio-ink) 12%,transparent)}.ep-home-colour-pelletCanvas{position:relative;height:220px;background:var(--studio-cream);border-bottom:1px solid color-mix(in srgb,var(--studio-ink) 16%,transparent)}.ep-home-colour-technology{position:absolute;top:21px;left:24px;right:24px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:19px;font-weight:750;letter-spacing:-.035em;line-height:1.2}.ep-home-colour-technology svg{flex-shrink:0}.ep-home-colour-pelletPile{--pellet-length: 53px;position:absolute;top:59px;right:12px;bottom:12px;left:12px}.ep-home-colour-pellet{position:absolute;display:block;width:18px;height:var(--pellet-length);border:1px solid #9e875b59;border-radius:999px;background-color:#e8dab9;background-image:linear-gradient(90deg,#ffffff33,transparent 42%,#5542200a 83%);box-shadow:2px 3px 2px #58482716,inset 1px 0 #ffffff6b;transform-origin:center}.ep-home-colour-pellet[data-ep-home-colour-indicator]{background-color:var(--studio-active);transition:background-color .35s cubic-bezier(.4,0,.2,1)}.ep-home-colour-pellet:nth-child(1){left:10%;top:12%;transform:rotate(-29deg)}.ep-home-colour-pellet:nth-child(2){left:25%;top:1%;transform:rotate(19deg);height:calc(var(--pellet-length) * 1.14)}.ep-home-colour-pellet:nth-child(3){left:41%;top:17%;transform:rotate(-12deg)}.ep-home-colour-pellet:nth-child(4){left:61%;top:2%;transform:rotate(37deg);height:calc(var(--pellet-length) * 1.06)}.ep-home-colour-pellet:nth-child(5){left:80%;top:13%;transform:rotate(14deg)}.ep-home-colour-pellet:nth-child(6){left:7%;top:52%;transform:rotate(28deg);height:calc(var(--pellet-length) * .92)}.ep-home-colour-pellet:nth-child(7){left:27%;top:45%;transform:rotate(-37deg)}.ep-home-colour-pellet:nth-child(8){left:47%;top:48%;transform:rotate(19deg);height:calc(var(--pellet-length) * 1.12)}.ep-home-colour-pellet:nth-child(9){left:64%;top:49%;transform:rotate(-24deg)}.ep-home-colour-pellet:nth-child(10){left:84%;top:55%;transform:rotate(36deg);height:calc(var(--pellet-length) * .89)}.ep-home-colour-pellet:nth-child(11){left:17%;top:38%;transform:rotate(57deg);height:calc(var(--pellet-length) * .85)}.ep-home-colour-pellet:nth-child(12){left:35%;top:29%;transform:rotate(76deg);height:calc(var(--pellet-length) * .9)}.ep-home-colour-pellet:nth-child(13){left:53%;top:18%;transform:rotate(-41deg);height:calc(var(--pellet-length) * 1.04)}.ep-home-colour-pellet:nth-child(14){left:72%;top:28%;transform:rotate(62deg);height:calc(var(--pellet-length) * .88)}.ep-home-colour-pellet:nth-child(15){left:18%;top:71%;transform:rotate(69deg);height:calc(var(--pellet-length) * .8)}.ep-home-colour-pellet:nth-child(16){left:39%;top:73%;transform:rotate(-63deg);height:calc(var(--pellet-length) * .76)}.ep-home-colour-pellet:nth-child(17){left:58%;top:70%;transform:rotate(64deg);height:calc(var(--pellet-length) * .77)}.ep-home-colour-pellet:nth-child(18){left:74%;top:74%;transform:rotate(-70deg);height:calc(var(--pellet-length) * .83)}.ep-home-colour-pellet:nth-child(19){left:3%;top:28%;transform:rotate(-17deg);height:calc(var(--pellet-length) * .67)}.ep-home-colour-pellet:nth-child(20){left:91%;top:31%;transform:rotate(-15deg);height:calc(var(--pellet-length) * .74)}.ep-home-colour-result{min-height:238px;padding:23px 22px 25px}.ep-home-colour-resultMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:23px}.ep-home-colour-colourName{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:750;line-height:1.4}.ep-home-colour-resultDot{display:block;width:13px;height:13px;border-radius:50%;background:var(--studio-active);border:1px solid color-mix(in srgb,var(--studio-ink) 22%,transparent);transition:background-color .35s cubic-bezier(.4,0,.2,1)}.ep-home-colour-ph{font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap}.ep-home-colour-resultTitle{margin:14px 0 0;font-family:"EP Display",var(--font-work-sans),Arial,sans-serif;font-size:28px;font-weight:800;line-height:1.12;letter-spacing:-.025em}.ep-home-colour-resultDescription{margin:12px 0 0;font-size:16px;line-height:1.55}.ep-home-colour-caption{max-width:420px;margin:19px auto 0;padding-inline:10px;text-align:center;font-size:13px;line-height:1.5}@media(min-width:800px){.ep-home-colour-studio{padding:var(--studio-top, 90px) 40px var(--studio-bottom, 90px)}.ep-home-colour-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px}.ep-home-colour-heading{font-size:var(--studio-heading, 64px)}.ep-home-colour-intro{font-size:18px}.ep-home-colour-swatches{margin-top:31px;gap:10px}.ep-home-colour-swatch{min-height:87px}.ep-home-colour-swatchColour{width:52px;height:52px}.ep-home-colour-swatchName{font-size:14px}.ep-home-colour-link{margin-top:27px}.ep-home-colour-stack{max-width:510px;padding:22px}.ep-home-colour-stack:before,.ep-home-colour-stack:after{top:22px;right:22px;bottom:22px;left:22px}.ep-home-colour-stack:before{transform:rotate(-6deg)}.ep-home-colour-stack:after{transform:rotate(6deg)}.ep-home-colour-pelletCanvas{height:270px}.ep-home-colour-technology{top:25px;font-size:21px}.ep-home-colour-pelletPile{--pellet-length: 69px;top:64px;right:18px;bottom:18px;left:18px}.ep-home-colour-pellet{width:22px}.ep-home-colour-result{min-height:226px;padding:26px 29px 28px}.ep-home-colour-resultTitle{font-size:32px}.ep-home-colour-resultDescription{font-size:16px}}@media(min-width:800px)and (max-width:1099px){.ep-home-colour-inner{gap:35px}.ep-home-colour-heading{font-size:calc(var(--studio-heading, 64px) * .8125)}.ep-home-colour-swatches{gap:4px}.ep-home-colour-swatchColour{width:46px;height:46px}.ep-home-colour-stack{padding:16px}.ep-home-colour-stack:before,.ep-home-colour-stack:after{top:16px;right:16px;bottom:16px;left:16px;transform:rotate(-3deg)}.ep-home-colour-stack:after{transform:rotate(3deg)}.ep-home-colour-result{padding-inline:22px;min-height:250px}}@media(max-width:359px){.ep-home-colour-heading{font-size:calc(var(--studio-mobile-heading, 42px) * .857143)}.ep-home-colour-swatches{gap:3px}.ep-home-colour-technology{font-size:18px}.ep-home-colour-result{padding-inline:19px}.ep-home-colour-resultTitle{font-size:26px}.ep-home-colour-resultDescription{font-size:15px}}@media(hover:hover){.ep-home-colour-swatch:hover .ep-home-colour-swatchColour{transform:translateY(-2px)}.ep-home-colour-link:hover{text-decoration-thickness:2px}}.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-swatchColour,.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-pellet,.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-resultDot{transition:none}.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-swatchColour{transform:none}@media(prefers-reduced-motion:reduce){.ep-home-colour-swatchColour,.ep-home-colour-pellet,.ep-home-colour-resultDot{transition:none}.ep-home-colour-swatch[aria-pressed=true] .ep-home-colour-swatchColour,.ep-home-colour-swatch:hover .ep-home-colour-swatchColour{transform:none}}.ep-home-colour-studio[data-ep-home-colour-active=red]{--fan-left-turn: -1deg;--fan-right-turn: -1deg;--fan-left-x: -2px;--fan-right-x: 2px}.ep-home-colour-studio[data-ep-home-colour-active=orange]{--fan-left-turn: 1deg;--fan-right-turn: 1deg;--fan-left-x: 1px;--fan-right-x: -1px}.ep-home-colour-studio[data-ep-home-colour-active=sage]{--fan-left-turn: -1deg;--fan-right-turn: -2deg;--fan-left-x: -1px;--fan-right-x: 1px}.ep-home-colour-studio[data-ep-home-colour-active=teal]{--fan-left-turn: 2deg;--fan-right-turn: 1deg;--fan-left-x: 2px;--fan-right-x: -2px}.ep-home-colour-stack:before,.ep-home-colour-stack:after{transition:transform .35s cubic-bezier(.4,0,.2,1)}.ep-home-colour-stack:before{transform:translate(var(--fan-left-x, 0px)) rotate(calc(-3deg + var(--fan-left-turn, 0deg)))}.ep-home-colour-stack:after{transform:translate(var(--fan-right-x, 0px)) rotate(calc(3deg + var(--fan-right-turn, 0deg)))}@media(min-width:1100px){.ep-home-colour-stack:before{transform:translate(var(--fan-left-x, 0px)) rotate(calc(-6deg + var(--fan-left-turn, 0deg)))}.ep-home-colour-stack:after{transform:translate(var(--fan-right-x, 0px)) rotate(calc(6deg + var(--fan-right-turn, 0deg)))}}.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-stack:before,.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-stack:after{transition:none}.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-stack:before{transform:rotate(-3deg)}.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-stack:after{transform:rotate(3deg)}@media(min-width:1100px){.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-stack:before{transform:rotate(-6deg)}.ep-home-colour-studio[data-ep-home-colour-motion=false] .ep-home-colour-stack:after{transform:rotate(6deg)}}@media(prefers-reduced-motion:reduce){.ep-home-colour-stack:before,.ep-home-colour-stack:after{transition:none}.ep-home-colour-stack:before{transform:rotate(-3deg)}.ep-home-colour-stack:after{transform:rotate(3deg)}}@media(min-width:1100px)and (prefers-reduced-motion:reduce){.ep-home-colour-stack:before{transform:rotate(-6deg)}.ep-home-colour-stack:after{transform:rotate(6deg)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ep-home-colour-studio.css.map */