@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Inter,sans-serif;font-size:calc(.7rem + .8vw);--c-bg: #fff;--c-color: #212121;--s-gutter: 2rem;background:var(--c-bg);color:var(--c-color)}@media(prefers-color-scheme:dark){:root{--c-bg: #212121;--c-color: #fff}}body,html,input{font-family:Inter,sans-serif;line-height:1.4}h1,h2,h3,legend{font-weight:900;line-height:1.2}input,select{font-size:.6rem;display:block;box-sizing:border-box;touch-action:manipulation;border:none;width:auto}select{color:var(--c-bg);width:100%;box-sizing:border-box;-webkit-appearance:none;border:0;box-shadow:0 1px 0 0 var(--c-bg);border-radius:0;padding:.25rem 1rem .25rem 0rem;background-color:transparent;background-size:1.25em 1.25em;background-image:conic-gradient(var(--c-bg) 5%,transparent 0 95%,var(--c-bg) 0);background-repeat:no-repeat;background-position:right 0% top 120%}select option{color:var(--c-color)}select:focus{outline:none;background-color:transparent}button{border:0;-webkit-appearance:none;background:transparent;padding:0}.colorswatch{position:relative;--s-label-height: 1.46em;font-size:calc(var(--swatch-scale, 1) * 4.1vw)}@media(orientation:portrait){.colorswatch{font-size:calc(var(--swatch-scale, 1) * 8vw)}}.colorswatch{overflow:hidden}.colorswatch .colorswatch__upper{position:relative;padding-top:100%;overflow:hidden}.colorswatch__swatch{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.colorswatch__shade{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.colorswatch__shade:nth-child(1){background-color:var(--c-shade0)}.colorswatch__shade:nth-child(2){background-color:var(--c-shade1)}.colorswatch__shade:nth-child(3){background-color:var(--c-color)}.colorswatch__formats{--toggle-speed: .4s;position:absolute;padding:.45em .3em var(--s-label-height);background:#fff;color:#212121;left:0;bottom:1px;right:0;top:103%;transition:var(--toggle-speed) top cubic-bezier(.7,.3,0,1);perspective:600}.colorswatch__formats li{position:relative;opacity:0;transition:.2s opacity linear,.23s transform cubic-bezier(.3,.7,0,1);transform:translateY(-200%);transform-origin:50% 100% 0}.colorswatch__formats li:nth-child(1){transition-delay:20ms,30ms}.colorswatch__formats li:nth-child(2){transition-delay:40ms,60ms}.colorswatch__formats li:nth-child(3){transition-delay:60ms,90ms}.colorswatch__formats li:nth-child(4){transition-delay:80ms,.12s}.colorswatch__formats li:nth-child(5){transition-delay:.1s,.15s}.colorswatch__formats li:before{position:absolute;content:"";left:0;top:8%;bottom:0;width:4px;background:#000;transform:scaleX(0);transform-origin:0 100%;transition:.1s transform cubic-bezier(.7,.3,0,1)}.colorswatch__formats li span,.colorswatch__formats li strong{display:block}.colorswatch__formats li span{transition:.2s transform cubic-bezier(.7,.3,0,1)}.colorswatch__formats li strong{transition:.3s transform cubic-bezier(.7,.3,0,1);transition-delay:30ms}.colorswatch__formats li:hover:before{transform:scaleX(1);transition:.3s transform cubic-bezier(.7,.3,0,1) .15s}.colorswatch__formats li:hover span,.colorswatch__formats li:hover strong{transform:translate(9%)}.colorswatch__formats--open{top:1.07em}.colorswatch__formats--open li{opacity:1;transform:translateY(0);transition:.2s opacity linear,.24s transform cubic-bezier(.3,.7,0,1)}.colorswatch__formats--open li:nth-child(1){transition-delay:305ms,.3s}.colorswatch__formats--open li:nth-child(2){transition-delay:.25s,.25s}.colorswatch__formats--open li:nth-child(3){transition-delay:195ms,.2s}.colorswatch__formats--open li:nth-child(4){transition-delay:.14s,.15s}.colorswatch__formats--open li:nth-child(5){transition-delay:85ms,.1s}.colorswatch__formats{overflow:hidden;z-index:1}.colorswatch__formats ul{position:absolute;bottom:1px;left:.35em;right:.35em}.colorswatch__formats li+li{margin-top:.2em}.colorswatch__formats span,.colorswatch__formats strong{display:block}.colorswatch__formats span{font-size:.2em}.colorswatch__formats strong{font-weight:700;font-size:.27em;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.colorswatch__formats:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.4rem solid #fff;border-bottom:none;pointer-events:none}.colorswatch__label{position:relative;height:var(--s-label-height);z-index:2;margin-top:-1px;cursor:n-resize}.colorswatch__info{position:absolute;top:-1px;left:0;right:0;bottom:0;background:#fff;padding:0 .3em;color:#212121;transform-origin:50% 0}.colorswatch__info span{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.colorswatch__info:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.4rem solid #fff;pointer-events:none}.colorswatch__row1{font-weight:700;font-size:.55em;height:1.2em;line-height:1.2;margin-top:.45em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.colorswatch__row2{margin-top:-.05em;font-size:.27em;font-weight:300;line-height:1.2;height:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.colorswatch{--anim-appear-duration: 1.1s}.colorswatch__info{height:0;transition:calc(var(--anim-appear-duration) * .2) height cubic-bezier(.7,.3,0,1);transition-delay:calc(var(--anim-appear-duration) * .15);overflow:hidden;box-sizing:border-box;will-change:height}.colorswatch__row1,.colorswatch__row2{opacity:0;transform:translateY(200%);transition:calc(var(--anim-appear-duration) * .1) opacity linear,calc(var(--anim-appear-duration) * .2) transform cubic-bezier(.7,.3,0,1)}.colorswatch__row1{transition-delay:calc(var(--anim-appear-duration) * .05)}.colorswatch__swatch{transform:translateY(150%);transition:calc(var(--anim-appear-duration) * .666) transform cubic-bezier(.8,.3,.25,1.75);will-change:transform}.colorswatch__shade{transform:scaleY(0);transition:calc(var(--anim-appear-duration) * .2) transform ease-in}.colorswatch__shade:nth-child(1){transition-delay:calc(var(--anim-appear-duration) * .06)}.colorswatch__shade:nth-child(2){transition-delay:calc(var(--anim-appear-duration) * .03)}.colorswatch__shade:nth-child(3){transition-delay:calc(var(--anim-appear-duration) * 0)}.colorswatch:nth-child(1){--anim-appear-delay: 75ms}.colorswatch:nth-child(2){--anim-appear-delay: .15s}.colorswatch:nth-child(3){--anim-appear-delay: 225ms}.colorswatch:nth-child(4){--anim-appear-delay: .3s}.colorswatch:nth-child(5){--anim-appear-delay: 375ms}.colorswatch:nth-child(6){--anim-appear-delay: .45s}.colorswatch:nth-child(7){--anim-appear-delay: 525ms}.colorswatch:nth-child(8){--anim-appear-delay: .6s}.colorswatch:nth-child(9){--anim-appear-delay: 675ms}.colorswatch--visible .colorswatch__info{height:var(--s-label-height);transition:calc(var(--anim-appear-duration) * .6) height cubic-bezier(.7,.3,0,1);transition-delay:var(--anim-appear-delay, 0ms)}.colorswatch--visible .colorswatch__row1,.colorswatch--visible .colorswatch__row2{opacity:1;transform:translateY(0);transition:calc(var(--anim-appear-duration) * .05) opacity linear,calc(var(--anim-appear-duration) * .7) height cubic-bezier(.8,.3,.25,1),calc(var(--anim-appear-duration) * .7) transform cubic-bezier(.8,.3,.25,1);transition-delay:calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * 0ms),calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * 0ms);transform-origin:0 0}.colorswatch--visible .colorswatch__row2{transition-delay:calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * .15),calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * .15)}.colorswatch--visible .colorswatch__swatch{transform:translateY(0);transition:calc(var(--anim-appear-duration) * .566) transform cubic-bezier(.8,.3,.25,1);will-change:transform;transform-origin:50% 0;transition-delay:var(--anim-appear-delay, 0ms)}.colorswatch--visible .colorswatch__shade{transition:calc(var(--anim-appear-duration) * .666) transform cubic-bezier(.7,.3,0,1);transform:scaleY(1)}.colorswatch--visible .colorswatch__shade:nth-child(1){transition-delay:calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * 0)}.colorswatch--visible .colorswatch__shade:nth-child(2){transition-delay:calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * .1)}.colorswatch--visible .colorswatch__shade:nth-child(3){transition-delay:calc(var(--anim-appear-delay, 0ms) + var(--anim-appear-duration) * .2)}.deco{position:fixed;overflow:hidden;background:#212121;width:30vw;left:0;top:0;bottom:0}.deco__inner{width:150%;display:flex;flex-wrap:wrap;position:absolute;left:-20%;top:-10%;--swatch-scale: .6;transform:rotate(-10deg)}.deco__swatch{flex:0 0 calc(25% - .5rem);margin:.25rem}.deco__swatch>*{pointer-events:none}.home{max-width:35rem;padding:var(--s-gutter);padding-left:calc(30vw + var(--s-gutter));font-weight:200;font-size:.75em}.home__logo{width:7rem;background:#fff;border-radius:50%;padding:1.5rem;margin-bottom:2rem}@media(orientation:portrait){.home__logo{width:40rem;height:40rem}}.home table{width:60%}.home tr,.home td,.home caption{text-align:left}.home caption{font-weight:700}.home h1{font-size:6rem;font-weight:900;letter-spacing:-.01em;line-height:.9;padding-right:20rem}.home h2{margin-top:2.5em;font-weight:600;font-size:1.8rem;line-height:1.1;letter-spacing:-.03em}.home h3{margin-top:1.5em;font-weight:600;font-size:1.4rem;line-height:1.1;letter-spacing:-.03em}.home h1+h2{font-weight:600;margin-top:.5em}.home p{margin:1em 0;padding-right:10rem}.home a{color:#ed0;animation:colorwalk 15s linear infinite;animation-direction:alternate}@keyframes colorwalk{0%{color:#ffdd0f}25%{color:#6c6}50%{color:#19f}75%{color:#f69}}.color-card{--c-card: #fff;--c-text: #000;font-size:.75rem;color:var(--c-text);width:7rem;background:var(--c-card);overflow:hidden;box-shadow:0 0 0 1px var(--c-card),0 0 1rem #21212133}.color-card div{display:block;padding:.5em .4rem .3rem}.color-card h2{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:.2em;font-weight:300}.color-card span{display:block;font-weight:100;font-size:.7em}.color-card span:empty:after,.color-card h2:empty:after{content:"  "}.color-card:before{display:block;content:"";width:100%;padding-top:100%;background-color:var(--color)}.color-carousel{position:fixed;left:0;top:0;right:0;z-index:10;min-height:100vh;min-height:-webkit-fill-available;pointer-events:none}.color-carousel__inner{position:absolute;top:50%;left:50%;animation:rotate 160s infinite linear;width:1px;height:1px}.color-carousel__card{position:absolute;top:50%;left:50%;transform-origin:50% 50%;will-change:transform;transition:1s transform cubic-bezier(.3,.7,0,1) 1.3s;box-shadow:0 0 0 0 var(--c-card);text-decoration:none;--radius: -25rem;--radius: -39vw;--scale: .75;pointer-events:all;animation:hide infinite linear;animation-duration:160s}@media(orientation:portrait){.color-carousel__card{--radius: -18rem}}.is-footer-visible .color-carousel__card{--radius: -40vmin;--scale: .4;transition:.3s transform cubic-bezier(.3,.7,0,1)}.is-footer-visible .color-carousel__card:hover>*{transform:scale(1.9)}.is-home-ready .color-carousel__card:nth-child(1){transform:translate(-50%,-50%) rotate(17.1428571429deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(2){transform:translate(-50%,-50%) rotate(34.2857142857deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(3){transform:translate(-50%,-50%) rotate(51.4285714286deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(4){transform:translate(-50%,-50%) rotate(68.5714285714deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(5){transform:translate(-50%,-50%) rotate(85.7142857143deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(6){transform:translate(-50%,-50%) rotate(102.8571428571deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(7){transform:translate(-50%,-50%) rotate(120deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(8){transform:translate(-50%,-50%) rotate(137.1428571429deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(9){transform:translate(-50%,-50%) rotate(154.2857142857deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(10){transform:translate(-50%,-50%) rotate(171.4285714286deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(11){transform:translate(-50%,-50%) rotate(188.5714285714deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(12){transform:translate(-50%,-50%) rotate(205.7142857143deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(13){transform:translate(-50%,-50%) rotate(222.8571428571deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(14){transform:translate(-50%,-50%) rotate(240deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(15){transform:translate(-50%,-50%) rotate(257.1428571429deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(16){transform:translate(-50%,-50%) rotate(274.2857142857deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(17){transform:translate(-50%,-50%) rotate(291.4285714286deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(18){transform:translate(-50%,-50%) rotate(308.5714285714deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(19){transform:translate(-50%,-50%) rotate(325.7142857143deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(20){transform:translate(-50%,-50%) rotate(342.8571428571deg) translateY(var(--radius)) scale(var(--scale))}.is-home-ready .color-carousel__card:nth-child(21){transform:translate(-50%,-50%) rotate(360deg) translateY(var(--radius)) scale(var(--scale))}.color-carousel__card:nth-child(1){transform:translate(-50%,-50%) rotate(17.1428571429deg) translateY(-5rem) scale(.2);animation-delay:-7.619047619s}.color-carousel__card:nth-child(2){transform:translate(-50%,-50%) rotate(34.2857142857deg) translateY(-5rem) scale(.2);animation-delay:-15.2380952381s}.color-carousel__card:nth-child(3){transform:translate(-50%,-50%) rotate(51.4285714286deg) translateY(-5rem) scale(.2);animation-delay:-22.8571428571s}.color-carousel__card:nth-child(4){transform:translate(-50%,-50%) rotate(68.5714285714deg) translateY(-5rem) scale(.2);animation-delay:-30.4761904762s}.color-carousel__card:nth-child(5){transform:translate(-50%,-50%) rotate(85.7142857143deg) translateY(-5rem) scale(.2);animation-delay:-38.0952380952s}.color-carousel__card:nth-child(6){transform:translate(-50%,-50%) rotate(102.8571428571deg) translateY(-5rem) scale(.2);animation-delay:-45.7142857143s}.color-carousel__card:nth-child(7){transform:translate(-50%,-50%) rotate(120deg) translateY(-5rem) scale(.2);animation-delay:-53.3333333333s}.color-carousel__card:nth-child(8){transform:translate(-50%,-50%) rotate(137.1428571429deg) translateY(-5rem) scale(.2);animation-delay:-60.9523809524s}.color-carousel__card:nth-child(9){transform:translate(-50%,-50%) rotate(154.2857142857deg) translateY(-5rem) scale(.2);animation-delay:-68.5714285714s}.color-carousel__card:nth-child(10){transform:translate(-50%,-50%) rotate(171.4285714286deg) translateY(-5rem) scale(.2);animation-delay:-76.1904761905s}.color-carousel__card:nth-child(11){transform:translate(-50%,-50%) rotate(188.5714285714deg) translateY(-5rem) scale(.2);animation-delay:-83.8095238095s}.color-carousel__card:nth-child(12){transform:translate(-50%,-50%) rotate(205.7142857143deg) translateY(-5rem) scale(.2);animation-delay:-91.4285714286s}.color-carousel__card:nth-child(13){transform:translate(-50%,-50%) rotate(222.8571428571deg) translateY(-5rem) scale(.2);animation-delay:-99.0476190476s}.color-carousel__card:nth-child(14){transform:translate(-50%,-50%) rotate(240deg) translateY(-5rem) scale(.2);animation-delay:-106.6666666667s}.color-carousel__card:nth-child(15){transform:translate(-50%,-50%) rotate(257.1428571429deg) translateY(-5rem) scale(.2);animation-delay:-114.2857142857s}.color-carousel__card:nth-child(16){transform:translate(-50%,-50%) rotate(274.2857142857deg) translateY(-5rem) scale(.2);animation-delay:-121.9047619048s}.color-carousel__card:nth-child(17){transform:translate(-50%,-50%) rotate(291.4285714286deg) translateY(-5rem) scale(.2);animation-delay:-129.5238095238s}.color-carousel__card:nth-child(18){transform:translate(-50%,-50%) rotate(308.5714285714deg) translateY(-5rem) scale(.2);animation-delay:-137.1428571429s}.color-carousel__card:nth-child(19){transform:translate(-50%,-50%) rotate(325.7142857143deg) translateY(-5rem) scale(.2);animation-delay:-144.7619047619s}.color-carousel__card:nth-child(20){transform:translate(-50%,-50%) rotate(342.8571428571deg) translateY(-5rem) scale(.2);animation-delay:-152.380952381s}.color-carousel__card:nth-child(21){transform:translate(-50%,-50%) rotate(360deg) translateY(-5rem) scale(.2);animation-delay:-160s}.has-noAnimation .color-carousel__card:nth-child(1){transform:translate(-50%,-50%) rotate(17.1428571429deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(2){transform:translate(-50%,-50%) rotate(34.2857142857deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(3){transform:translate(-50%,-50%) rotate(51.4285714286deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(4){transform:translate(-50%,-50%) rotate(68.5714285714deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(5){transform:translate(-50%,-50%) rotate(85.7142857143deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(6){transform:translate(-50%,-50%) rotate(102.8571428571deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(7){transform:translate(-50%,-50%) rotate(120deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(8){transform:translate(-50%,-50%) rotate(137.1428571429deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(9){transform:translate(-50%,-50%) rotate(154.2857142857deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(10){transform:translate(-50%,-50%) rotate(171.4285714286deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(11){transform:translate(-50%,-50%) rotate(188.5714285714deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(12){transform:translate(-50%,-50%) rotate(205.7142857143deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(13){transform:translate(-50%,-50%) rotate(222.8571428571deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(14){transform:translate(-50%,-50%) rotate(240deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(15){transform:translate(-50%,-50%) rotate(257.1428571429deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(16){transform:translate(-50%,-50%) rotate(274.2857142857deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(17){transform:translate(-50%,-50%) rotate(291.4285714286deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(18){transform:translate(-50%,-50%) rotate(308.5714285714deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(19){transform:translate(-50%,-50%) rotate(325.7142857143deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(20){transform:translate(-50%,-50%) rotate(342.8571428571deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.has-noAnimation .color-carousel__card:nth-child(21){transform:translate(-50%,-50%) rotate(360deg) translateY(var(--radius)) scale(var(--scale));animation-delay:0}.color-carousel__card>*{transform:scale(.95);transition:.2s transform,.2s box-shadow;box-shadow:0 0 2rem var(--c-bg)}@media(orientation:portrait){.color-carousel__card>*{transform:scale(.6)}}@media(prefers-color-scheme:light){.color-carousel__card>*{box-shadow:0 1rem 8rem var(--color)}}.color-carousel__card:hover{z-index:2}.color-carousel__card:hover>*{transform:scale(1.1);box-shadow:0 0 5rem var(--color)}@keyframes rotate{0%{transform:rotate(0) scale(.8)}to{transform:rotate(360deg) scale(.8)}}@keyframes hide{0%,34%,67.67%{opacity:1}37%,62.67%{opacity:0}}.blabla-mask{content:"";position:fixed;top:0;left:0;right:0;bottom:0;clip-path:circle(20% at 50% 50%);-webkit-clip-path:circle(33% at 50% 50%);overflow-y:scroll}.blabla ::-moz-selection{color:var(--c-bg);background:var(--c-color);opacity:1}.blabla ::selection{color:var(--c-bg);opacity:1;background:var(--c-color)}.blabla{position:relative;margin:calc(50vh + 10rem) auto 2rem;padding:var(--s-gutter);font-weight:200;font-size:.9em;line-height:1.5;max-width:25rem;padding-bottom:calc(var(--s-gutter) * 2)}.blabla article{margin-top:4rem}.blabla article:first-child{margin-top:0}.blabla table{width:100%}.blabla thead{font-weight:700}.blabla tr,.blabla td,.blabla caption{text-align:left}.blabla caption{font-weight:700;margin-bottom:1em}.blabla h1{font-size:6rem;font-weight:900;letter-spacing:-.01em;line-height:.9;text-align:center}.blabla h1 i{display:block;margin-bottom:-.3em;margin-right:-.25em;font-size:.82em}.blabla h2{font-weight:600;font-size:1.8rem;line-height:1.1;letter-spacing:-.03em}.blabla h3{margin-top:3em;font-weight:600;font-size:1rem;line-height:1.15;letter-spacing:-.03em;padding-right:40%}.blabla h1+h2{font-weight:600;margin-top:.05em;text-align:center;margin-bottom:2em;font-weight:200;font-size:1.7em}.blabla p{margin:2em 0;padding-left:2em}.blabla a{color:#ed0;animation:colorwalk 15s linear infinite;animation-direction:alternate;font-weight:700;text-decoration:none;position:relative;z-index:15}.blabla a:hover{color:var(--c-color);animation:none}.blabla mark{animation:bgwalk 15s linear infinite;padding:0 .25em .1em}.blabla li{margin-top:1em}.payme strong{display:block;font-weight:700}@keyframes colorwalk{0%{color:#ed0}25%{color:#6c6}50%{color:#19f}75%{color:#f69}}@keyframes bgwalk{0%{background-color:#ed0}25%{background-color:#6c6}50%{background-color:#19f}75%{background-color:#f69}}@keyframes gradient{to{background-position:400% 50%}}:root{overflow-x:hidden}.logo{position:absolute;top:50%;left:50%;width:10vw;transform:translate(-50%,-50%);border-radius:50%;padding:1.5rem;z-index:10}@media(orientation:portrait){.logo{width:10vmax}}.logo path,.logo use{stroke:var(--c-color);stroke-width:5px}@media(prefers-color-scheme:light){.logo path,.logo use{stroke-width:1.5px;stroke:#000c}}.logo .crest{mix-blend-mode:multiply;transform-origin:110px 110px;transform:rotate(0);animation:1s standup forwards cubic-bezier(.3,.7,0,1);animation-play-state:paused;animation-delay:1.2s}.has-noAnimation .logo .crest{animation-delay:.2s;animation-play-state:running}@media(prefers-color-scheme:light){.logo .crest{mix-blend-mode:lighten}}.logo .crest__gold{--angle: 0deg;transform:rotate(-50deg)}.logo .crest__green{--angle: 30deg;transform:rotate(-50deg)}.logo .crest__blue{--angle: 60deg;transform:rotate(-30deg)}.logo .crest__pink{--angle: 90deg;transform:rotate(-10deg)}.is-home-ready .logo .crest{animation-play-state:running}.is-home-ready .logo .crest:hover{transition:.4s transform ease-in-out;animation:none}.turnerlogo{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--c-color);font-weight:200;font-size:1.5rem}.turnerlogo--top{color:#212121;z-index:30;font-weight:700}.is-home-ready .turnerlogo--top{transition:opacity .1s linear 1.3s;opacity:0}.has-noAnimation .turnerlogo--top{display:none;animation-play-state:paused}.turnerlogo span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate 40s infinite linear}.turnerlogo i{position:absolute;top:50%;left:50%}.turnerlogo i:nth-child(1){transform:translate(-50%,-50%) rotate(-76.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(2){transform:translate(-50%,-50%) rotate(-63.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(3){transform:translate(-50%,-50%) rotate(-50deg) translateY(-7rem)}.turnerlogo i:nth-child(4){transform:translate(-50%,-50%) rotate(-36.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(5){transform:translate(-50%,-50%) rotate(-23.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(6){transform:translate(-50%,-50%) rotate(-10deg) translateY(-7rem)}.turnerlogo i:nth-child(7){transform:translate(-50%,-50%) rotate(3.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(8){transform:translate(-50%,-50%) rotate(16.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(9){transform:translate(-50%,-50%) rotate(30deg) translateY(-7rem)}.turnerlogo i:nth-child(10){transform:translate(-50%,-50%) rotate(43.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(11){transform:translate(-50%,-50%) rotate(56.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(12){transform:translate(-50%,-50%) rotate(70deg) translateY(-7rem)}.turnerlogo i:nth-child(13){transform:translate(-50%,-50%) rotate(83.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(14){transform:translate(-50%,-50%) rotate(96.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(15){transform:translate(-50%,-50%) rotate(110deg) translateY(-7rem)}.turnerlogo i:nth-child(16){transform:translate(-50%,-50%) rotate(123.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(17){transform:translate(-50%,-50%) rotate(136.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(18){transform:translate(-50%,-50%) rotate(150deg) translateY(-7rem)}.turnerlogo i:nth-child(19){transform:translate(-50%,-50%) rotate(163.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(20){transform:translate(-50%,-50%) rotate(176.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(21){transform:translate(-50%,-50%) rotate(190deg) translateY(-7rem)}.turnerlogo i:nth-child(22){transform:translate(-50%,-50%) rotate(203.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(23){transform:translate(-50%,-50%) rotate(216.6666666667deg) translateY(-7rem)}.turnerlogo i:nth-child(24){transform:translate(-50%,-50%) rotate(230deg) translateY(-7rem)}.turnerlogo i:nth-child(25){transform:translate(-50%,-50%) rotate(243.3333333333deg) translateY(-7rem)}.turnerlogo i:nth-child(26){transform:translate(-50%,-50%) rotate(256.6666666667deg) translateY(-7rem)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-anim{pointer-events:none;opacity:1;z-index:20;position:fixed;top:50%;left:50%;width:150vmax;height:150vmax;overflow:hidden;transform:translate(-50%,-50%);transition:transform 2.5s cubic-bezier(.8,.3,.25,1.4),opacity .1s linear 1.3s;will-change:transform,opacity}.is-home-ready .intro-anim{opacity:0;transform:translate(-50%,-50%) scale(.01)}.intro-anim__inner{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:radial-gradient(#fff,#fff0 50%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);transform:translate(-50%,-50%)}.has-noAnimation .intro-anim{display:none}@keyframes standup{to{transform:rotate(var(--angle))}}.footerimg{position:relative;z-index:100;width:100%;bottom:-2rem;pointer-events:none}.footer{height:100vh;position:relative}.footer__form{z-index:10;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);font-size:.7rem;text-align:center;width:20%}@media(orientation:portrait){.footer__form{width:50%}}.footer__form label{display:block;margin-top:1em}.footer{--color-inverted: var(--c-color);--c-black: var(--c-bg)}.footer input{background-color:transparent;width:100%}.footer input[type=range],.footer input[type=color]{-webkit-appearance:none}.footer input[type=range]{margin:-.7em 0 0;padding-top:.7em}.footer input[type=range]:focus{outline:none}.footer input[type=range]:focus::-webkit-slider-thumb{background-color:var(--color-inverted);clip-path:polygon(100% 0%,0% 0%,50% 100%,50% 100%)}.footer input[type=range]::-webkit-slider-runnable-track{width:100%;height:1rem;animate:.2s;background:transparent;color:var(--c-black);border-radius:0;border:solid var(--color-inverted);border-width:0 0 1px}.footer input[type=range]::-webkit-slider-thumb{border:2px solid transparent;height:.75rem;width:.5rem;border-radius:0;background:var(--color-inverted);-webkit-appearance:none;margin-top:.25rem;-webkit-transition:.15s background-color,.2s clip-path;transition:.15s background-color,.2s clip-path;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.footer input[type=range]::-moz-range-track{width:100%;height:1rem;animate:.2s;background:transparent;color:var(--c-black);border-radius:0;border:solid var(--color-inverted);border-width:0 0 1px}.footer input[type=range]::-moz-range-thumb{border:2px solid transparent;height:.75rem;width:.5rem;border-radius:0;background:var(--color-inverted);-webkit-appearance:none;margin-top:.25rem;-moz-transition:.15s background-color,.2s clip-path;transition:.15s background-color,.2s clip-path;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.footer input[type=range]::-ms-track{width:100%;height:1rem;animate:.2s;background:transparent;color:var(--c-black);border-radius:0;border:solid var(--color-inverted);border-width:0 0 1px}.footer input[type=range]::-ms-fill-lower{background:var(--color-inverted);border:none;border-radius:100%}.footer input[type=range]::-ms-fill-upper{background:var(--color-inverted);border-radius:100%;box-shadow:none}.footer input[type=range]::-ms-thumb{border:2px solid transparent;height:.75rem;width:.5rem;border-radius:0;background:var(--color-inverted);-webkit-appearance:none;margin-top:.25rem;-ms-transition:.15s background-color,.2s clip-path;transition:.15s background-color,.2s clip-path;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.color-pie strong{font-weight:700}.color-pie p+p{margin-top:1em}.color-pie__pie{position:relative;display:inline-block;width:1em;height:1em;margin-left:.25em;margin-right:.25em}.color-pie__pie>*{z-index:-1;display:block;width:2em;height:2em;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.color-story{--gutter: var(--s-gutter, 2rem);font-size:.7rem}.color-story h1,.color-story h2{font-weight:700;line-height:1.1}.color-story h1{font-size:2.5em}.color-story h2{font-size:2.2em;margin-bottom:1.1em}.color-story ::-moz-selection{background:var(--currentColor);color:var(--currentColorContrast);text-shadow:0 2px 0 var(--currentColorContrastShadow)}.color-story ::selection{background:var(--currentColor);color:var(--currentColorContrast);text-shadow:0 2px 0 var(--currentColorContrastShadow)}.color-story__header,.color-story__properties{padding:var(--gutter);padding-bottom:0}.color-story__article{padding:var(--gutter)}.color-story__article+.color-story__article{margin-top:calc(-.5 * var(--gutter))}.color-story__article img{display:block;max-width:50%;float:left;margin-right:0;margin-bottom:2em;transform:translate(calc(var(--gutter) * -1 - 1px))}.color-story__article:after{display:block;content:"";clear:both}.color-story__article a{display:inline-block;text-transform:capitalize;margin-top:1em;color:var(--c-bg);text-decoration-thickness:.4em;text-decoration-color:var(--currentColor)}.color-story__article ul{list-style-type:disc;padding-left:1.5em}.color-story__article ul li{margin-top:1em}.color-story__media .color-story__article{padding-bottom:0}.color-story__images{-moz-columns:3 5rem;columns:3 5rem;-moz-column-gap:1rem;column-gap:1rem;margin-bottom:2rem}.color-story__images img{display:block;width:100%}.color-story__imagecontainer{width:100%;margin-bottom:1rem}.color-detail{position:relative;min-height:100vh;overflow:hidden}@media(orientation:portrait){.color-detail{overflow:visible}}.color-detail__close{position:absolute;color:var(--c-color);padding:var(--s-gutter, 2rem);top:0;right:0}.color-detail__close svg{display:block;width:1.8rem;height:1.8rem}.color-detail__close svg line{stroke:var(--c-color);stroke-width:0px;stroke-linecap:round;transition:333ms stroke-width ease-in 1s}.color-detail--visible .color-detail__close svg line{stroke-width:8px}.color-detail__swatch,.color-detail__story{position:absolute}.color-detail__swatch{z-index:2;opacity:1;width:20%;top:50%;left:50%;transform:translate(-50%,-50%)}@media(orientation:portrait){.color-detail__swatch{top:50vh;width:40%}}@media(prefers-color-scheme:light){.color-detail__swatch:before{opacity:0;position:absolute;content:"";top:0;right:0;bottom:0;left:0;box-shadow:0 1rem 8rem var(--color);transition:1s opacity cubic-bezier(.3,.7,0,1);transition-delay:.9s;transform:scale(.8)}.color-detail--visible .color-detail__swatch:before{opacity:1}}.color-detail--visible .color-detail__swatch{left:70%;transition:1s left cubic-bezier(.3,.7,0,1);transition-delay:.9s}@media(orientation:portrait){.color-detail--visible .color-detail__swatch{left:50%;top:30vh;transition:1s top cubic-bezier(.3,.7,0,1);transition-delay:.9s}}.color-detail__story{z-index:1;overflow-y:scroll;background:var(--c-color);color:var(--c-bg);left:0;top:0;bottom:0;width:40%;transform:translate(-110%);transition:.6s transform cubic-bezier(.3,.7,0,1);transition-delay:.8s}@media(orientation:portrait){.color-detail__story{position:relative;width:100%;top:62vh;transform:translateY(110%);overflow-y:visible}}.color-detail--visible .color-detail__story{transform:translate(0)}.color-story__article>*:not(img),.color-story__properties>*:not(img),.color-story__header>*:not(img){opacity:0;transform:translate(50%);transition:.6s transform cubic-bezier(.3,.7,0,1),.2s opacity linear;transition-delay:.87s,.97s}.color-detail--visible .color-story__article>*:not(img),.color-detail--visible .color-story__properties>*:not(img),.color-detail--visible .color-story__header>*:not(img){transform:translate(0);opacity:1}.color-detail__mode{opacity:0;position:absolute;left:2rem;bottom:2rem;transform:translateY(6rem);transition:.6s transform cubic-bezier(.3,.7,0,1),.2s opacity linear;transition-delay:2s,2s}.color-detail--visible .color-detail__mode{opacity:1;transform:translateY(0)}.color-detail__logo{display:none;position:absolute;bottom:2rem;right:calc(40% + 2rem);width:1rem;height:1rem}.gradient{position:relative;height:100vh}.gradient:after{position:absolute;content:"";top:3rem;left:3rem;bottom:3rem;right:3rem;background-image:var(--gradient)}.color-list{position:relative;z-index:4;padding:var(--s-gutter) var(--s-gutter) calc(var(--s-gutter) * 3);background:#212121}.color-list__item{color:var(--color)}.color-list__item+.color-list__item{margin-top:2.2em}.color-list__title{display:block;font-weight:800;font-size:3rem;line-height:1}.color-list__value{font-weight:100}.color-circle canvas{display:block;width:100%}.swatches{display:flex;flex-wrap:wrap;margin:0 calc(var(--s-gutter) - 1rem) var(--s-gutter);align-content:center;justify-content:center;padding-bottom:3rem}.swatches .colorswatch{flex:0 0 calc(33.333% - 2rem);margin:1rem}.palette__title{font-size:5rem;position:fixed;top:var(--s-gutter);left:var(--s-gutter);font-weight:900;padding-right:14rem;line-height:1}.palette__title--placeholder{opacity:0;display:block;position:relative;margin-top:0;margin-left:0;padding-bottom:.75em;padding-right:2rem}.pannel{z-index:10;position:fixed;right:0;left:0;bottom:0;transform:translateY(10%);--color-bg: #fff;--color-inverted: #000;--size-gutter: .5rem;padding:calc(var(--s-gutter) * .5) var(--s-gutter);background:var(--color-bg);display:flex;cursor:default;color:var(--color-inverted)}.pannel input[type=checkbox]{display:none}input[type=checkbox]:checked+.pannel__checkbox:after{opacity:1;transform:translate(-55%,-50%) scale(.8)}.pannel__checkbox{position:relative;display:inline-block;width:.8em;height:.8em;border:1px solid var(--color-inverted);margin-top:-.2em}.pannel__checkbox:after{opacity:0;content:"✓";transform:translate(-55%,-50%) scale(.1);transition:60ms opacity linear,.12s transform cubic-bezier(.7,.3,.8,2);position:absolute;top:50%;left:50%}.pannel__setting{display:block;touch-action:manipulation;flex:0 0 25%}.pannel__setting+.pannel__setting{margin-left:calc(var(--size-gutter) * 2)}.pannel__setting--inline{display:flex;align-items:center}.pannel__setting--inline .pannel__settingtitle{margin-left:calc(var(--size-gutter) * .5)}.pannel__desc{margin:1em 0 3em;font-size:.6em}.pannel select{font-size:.8em;border-radius:2rem;padding:.2rem}.pannel input,.pannel select{display:block;box-sizing:border-box;touch-action:manipulation;font-family:Space Mono,monospace;border:none;width:auto}.pannel input[type=number],.pannel select[type=number]{color:var(--color-inverted);background:none;border:none;text-align:right;font-size:.8em;flex:0 0 3rem;width:3rem}.pannel input{background-color:transparent}.pannel input::-webkit-outer-spin-button,.pannel input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pannel input[type=number]{-moz-appearance:textfield}.pannel input[type=range],.pannel input[type=color]{-webkit-appearance:none}.pannel input[type=range]{margin:-.7em 0 0;padding-top:.7em}.pannel input[type=range]:focus{outline:none}.pannel input[type=range]:focus::-webkit-slider-thumb{background-color:var(--color-inverted);clip-path:polygon(100% 0%,0% 0%,50% 100%,50% 100%)}.pannel input[type=range]::-webkit-slider-runnable-track{width:100%;height:1rem;animate:.2s;background:transparent;color:var(--c-black);border-radius:0;border:solid var(--color-inverted);border-width:0 0 1px}.pannel input[type=range]::-webkit-slider-thumb{border:2px solid transparent;height:.75rem;width:.5rem;border-radius:0;background:var(--color-inverted);-webkit-appearance:none;margin-top:.25rem;-webkit-transition:.15s background-color,.2s clip-path;transition:.15s background-color,.2s clip-path;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.pannel input[type=range]::-moz-range-track{width:100%;height:1rem;animate:.2s;background:transparent;color:var(--c-black);border-radius:0;border:solid var(--color-inverted);border-width:0 0 1px}.pannel input[type=range]::-moz-range-thumb{border:2px solid transparent;height:.75rem;width:.5rem;border-radius:0;background:var(--color-inverted);-webkit-appearance:none;margin-top:.25rem;-moz-transition:.15s background-color,.2s clip-path;transition:.15s background-color,.2s clip-path;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.pannel input[type=range]::-ms-track{width:100%;height:1rem;animate:.2s;background:transparent;color:var(--c-black);border-radius:0;border:solid var(--color-inverted);border-width:0 0 1px}.pannel input[type=range]::-ms-fill-lower{background:var(--color-inverted);border:none;border-radius:100%}.pannel input[type=range]::-ms-fill-upper{background:var(--color-inverted);border-radius:100%;box-shadow:none}.pannel input[type=range]::-ms-thumb{border:2px solid transparent;height:.75rem;width:.5rem;border-radius:0;background:var(--color-inverted);-webkit-appearance:none;margin-top:.25rem;-ms-transition:.15s background-color,.2s clip-path;transition:.15s background-color,.2s clip-path;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.pannel select{color:var(--color-inverted);width:100%;box-sizing:border-box;-webkit-appearance:none;border:0;box-shadow:0 1px 0 0 var(--color-inverted);border-radius:0;padding:.25rem 1rem .25rem 0rem;background-color:transparent;background-size:1.25em 1.25em;background-image:conic-gradient(var(--color-inverted) 5%,transparent 0 95%,var(--color-inverted) 0);background-repeat:no-repeat;background-position:right 0% top 120%}.pannel select option{color:var(--color-bg)}.pannel select:focus{outline:none;background-color:transparent}.pannel__settingtitle{font-weight:900;font-size:.7rem;line-height:1;margin-bottom:.4em}.pannel__settingtitle i{display:inline-block;font-size:.7em;margin-left:1em}.pannel__inputs,.pannel__settingtitle{display:flex}.pannel__inputs>*:first-child,.pannel__settingtitle>*:first-child{flex:1 0 auto}