@-webkit-keyframes fadeUp{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.page-color{padding-top:10rem;padding-bottom:8rem;display:flex;align-items:flex-start;flex-direction:column}.page-color .title{padding:1rem 0;text-align:center;margin-bottom:3rem;border-top:.1rem solid #1d1d1d;border-bottom:.1rem solid #1d1d1d}.page-color__inner{width:100%;opacity:0;-webkit-animation:fadeUp 1.4s cubic-bezier(.25,1,.5,1) .3s forwards;animation:fadeUp 1.4s cubic-bezier(.25,1,.5,1) .3s forwards}.page-color__content{width:27rem;margin:0 auto}.page-color__text{color:#1d1d1d;text-align:center;font-size:1.4rem;line-height:1.8rem;white-space:nowrap;margin-bottom:1.8rem}.page-color__colors{display:flex;justify-content:center;margin-bottom:3.2rem}.page-color__video{position:fixed;width:100%;height:100vh;height:calc(var(--vh, 1vh)*100);top:0;left:0;z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(29,29,29,.5);display:flex;align-items:center;justify-content:center}.page-color__video video{z-index:10}.page-color__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.4);z-index:0}.page-color__plate{position:relative;width:3rem;height:10rem}.page-color__plate:first-child{border:.1rem solid rgba(29,29,29,.1)}.page-color__plate:not(:last-child){margin-right:2rem}.page-color__plate:after{content:"";opacity:.3;position:absolute;height:100%;width:100%;top:.5rem;left:.5rem;border:.1rem solid;border-image-slice:1;border-image-source:linear-gradient(180deg,#939393,#4e4e4e 90%,#1d1d1d)}.page-color .hooper-slide{padding:0 1rem}.page-color .slider-control{width:3.4rem}