*{margin:0;padding:0;box-sizing:border-box}.text_center{text-align:center}.fullWidth{width:100%;margin:0}.rangeWidth{display:block;left:0;right:0;width:50%;margin:auto}body{background-color:var(--background-color)}section{display:block;padding:5rem 0 0;margin-bottom:15rem}.video{width:70vw;position:relative;display:block;overflow:hidden;object-fit:fill}.video>video{width:100%;height:100%;object-fit:cover}.chapterBar{position:fixed;height:100%;display:flex;align-items:center}.chapter__container{writing-mode:vertical-lr;margin-left:10px;display:flex;gap:1rem;list-style:none;background-color:var(--text-mainAlt-color);padding:15px 0;width:2.5rem;border-radius:2rem}.chapter__container a{color:var(--text-main-color);text-decoration:none;font-weight:700;font-size:1rem;opacity:.3;transition:font-size .3s ease}.chapter__container a.active{font-size:2rem;opacity:1}.chapter__container a:hover:not(.active){opacity:.8}.mainImage{width:100%;margin:0}.main{display:flex;flex-wrap:wrap;justify-content:space-around;margin:8rem 2rem 2rem}#title{color:var(--text-secondary-color);margin:0 auto;width:calc(100% - 50px);max-width:600px}#title h1{font-size:2rem;margin-bottom:20px;font-family:var(--font-serif);font-weight:700;color:var(--text-main-color)}main>video{width:80%}.palette{--widht: 80px;--height: 150px;margin:auto}.palette__container{display:flex;list-style:none;gap:10px}.palette__column{scale:100%;transition:scale .3s ease;cursor:pointer;z-index:0}.palette__column:hover{scale:105%}.palette__copyAlert{background-color:#407085;color:#fff;text-align:center;padding:20px 0;margin-top:30px;border-radius:15px;z-index:15;opacity:0;transition:opacity .3s ease}.palette__copyAlert.active{opacity:1}.palette__color{display:inline-block;width:var(--widht);height:var(--widht);border-radius:calc(var(--widht) / 2);background-color:var(--color1);box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.palette__gradient{display:inline-block;width:var(--widht);height:var(--height);border-radius:calc(var(--widht) / 2);background-color:var(--color2);background-image:linear-gradient(180deg,var(--color1) 0%,var(--color2) 100%);background-image:radial-gradient(circle at top,var(--color1) 10%,var(--color2) 100%);box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}.palette__colorTag{font-size:1rem;font-weight:700;text-align:center;font-family:var(--font-main);color:var(--text-main-color)}@media only screen and (max-width: 700px){.mainImage{margin-top:50px}.palette{scale:.8}}.progress{margin:0 10vw;margin-bottom:50px;position:relative;border:0;display:block;height:auto}.progress_img{height:100%;width:100%;object-fit:cover;object-fit:contain;left:0;top:0;position:absolute;opacity:0}.progress_img:nth-child(1){top:2px;position:relative}.progress .progress_img{opacity:calc((var(--value) - ((var(--order) - 2) / var(--numImg) * 100%)) * var(--numImg))}.range{appearance:none;-webkit-appearance:none;height:5px;margin:0 0 14px;position:absolute;left:0;bottom:-30px;width:100%;cursor:ew-resize;outline:none;background-image:linear-gradient(90deg,#f57280 0%,#bb6b84 50%,#385c7d 100%);opacity:1;border-radius:5px;transition:all .5s}.range:hover{opacity:1}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border-style:solid;border-width:5px;border-color:#f8b195;background:var(--white-color);cursor:pointer}.range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border-style:solid;border-width:5px;border-color:#f8b195;background:var(--white-color);cursor:pointer}.compare{margin:0 5vw;margin-bottom:80px;position:relative;border:0;display:block}.compare_img-left,.compare_img-right{height:100%;width:100%;object-fit:cover;object-fit:contain;position:absolute}.compare_img-left{position:relative;top:2px;clip-path:polygon(0% 0%,var(--value) 0%,var(--value) 100%,0% 100%)}.compare_img-right{left:0;clip-path:polygon(100% 0%,var(--value) 0%,var(--value) 100%,100% 100%)}.image-row{display:flex;align-items:center;justify-content:center;width:100%;list-style:none}.image-row>li{width:100%}.image-row>li>img{width:100%}.textBox{margin:0 auto 50px;width:calc(100% - 100px);max-width:700px}.textBox h1{font-family:var(--font-serif);text-decoration:underline;font-size:4rem;margin-bottom:2rem;color:var(--text-main-color)}.textBox h2{font-size:2rem;margin-bottom:1rem;font-family:var(--font-main);color:var(--text-main-color)}.textBox p{font-family:var(--font-main);color:var(--text-secondary-color);line-height:1.3rem}.textBox strong{color:var(--text-main-color)}.spacer{display:block;margin-bottom:200px}.viewer-image{cursor:zoom-in}#image-viewer,#image-viewer>a{opacity:0;position:absolute;transition:all .5s ease}#image-viewer.active{display:flex;position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(25px) contrast(30%) saturate(0%) brightness(50%);opacity:1}#image-viewer.active>#image-viewer__close{position:absolute;text-decoration:none;color:#000;background-color:var(--red-color);border-radius:5px;width:50px;height:50px;margin:100px;top:0;right:0;opacity:1;z-index:102;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}#image-viewer.active>#image-viewer__close>span{position:absolute;width:90%;border-width:2px;border-style:solid;border-radius:5px;border-color:var(--white-color);background-color:var(--white-color);z-index:103;display:block;transition:transform .3s ease}#image-viewer.active>#image-viewer__close:hover>span{transform:rotate(-90deg)}#image-viewer__container{width:80%;height:80%;border:none;border-radius:15px;background-color:#161616d7;display:block;position:relative;overflow:hidden;top:0;left:0;right:0;bottom:0;cursor:zoom-in;margin:auto}#image-viewer__container>img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:auto;z-index:101}.process{display:flex;justify-content:center;gap:15px;flex-direction:row-reverse;flex-wrap:wrap;margin-bottom:100px}.process__container{width:700px}.process__item{display:flex;list-style:none;margin-bottom:15px;border-radius:15px;overflow:hidden;background-color:var(--text-secondaryAlt-color);height:var(--height);box-shadow:#32325d40 0 30px 60px -12px,#0000004d 0 18px 36px -18px}.process__image,.process__text{width:50%}.process__text{color:var(--text-main-color);font-family:var(--font-main);padding:30px 20px 40px}.process__text h1{font-family:var(--font-serif);margin-bottom:10px}.process__image>img{width:100%;box-shadow:#0000008c 0 0 30px}@media only screen and (max-width: 700px){.process__container{width:90%;margin:auto}.process__item{flex-direction:column-reverse;height:auto}.process__image,.process__text{width:100%}}#credits{text-align:center}#credits ul{list-style:none;margin-bottom:2rem;color:var(--text-secondary-color)}#credits h1{margin-bottom:1rem;text-decoration:underline;font-family:var(--font-serif);font-size:3rem;color:var(--text-main-color)}#credits strong{font-size:1.25rem;color:var(--text-main-color)}#credits a{color:var(--violette-color);font-weight:700;font-size:1.5rem}#credits h2{margin-bottom:.5rem;text-decoration:underline;font-family:var(--font-serif);font-size:1.5rem;color:var(--text-main-color)}