*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}ul{list-style:none}body{margin:0;display:flex;flex-direction:column;justify-content:center;font-family:League Spartan,sans-serif;width:100%;height:100%}main{display:grid;grid-template-rows:1fr auto}.webHeader{width:100%;position:absolute;z-index:99}.webHeader__top{width:100%;position:relative;display:flex;flex-direction:row;align-items:center;padding:1rem}.webHeader__nav{display:flex;align-items:center;z-index:100}.webHeader__nav-toggle{z-index:101;width:1rem;height:1rem;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='14'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%2012v2H0v-2h20zm0-6v2H0V6h20zm0-6v2H0V0h20z'%20fill='%23FFF'%20fill-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer}.webHeader__nav-list{width:100%;background-color:#fff;position:absolute;top:0;right:0;display:flex;justify-content:flex-end;gap:1rem;padding:1rem 3rem;transform:translateY(-100%);transition:transform .3s ease-out}.webHeader__nav-list li a{font-weight:700;color:#000;font-size:.875rem}.webHeader__logo{margin-left:auto;margin-right:auto;cursor:pointer}.webHeader__title{width:0;height:0;overflow:hidden;position:absolute}.webHeader__overlay{background-color:#00000080;width:100%;height:100%;top:0;left:0;position:fixed;opacity:0;transition:opacity .3s ease-in;pointer-events:none}.webHeader.isOpen .webHeader__nav-list{transform:translateY(0)}.webHeader.isOpen .webHeader__overlay{opacity:1;pointer-events:auto}.webHeader.isOpen .webHeader__nav-toggle{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.364.222l1.414%201.414L9.414%208l6.364%206.364-1.414%201.414L8%209.414l-6.364%206.364-1.414-1.414L6.586%208%20.222%201.636%201.636.222%208%206.586%2014.364.222z'%20fill='%23000'%20fill-rule='evenodd'%20opacity='.201'/%3e%3c/svg%3e")}@media(min-width:50rem){.webHeader__top{flex-direction:row-reverse;justify-content:flex-end;gap:3rem;margin:3rem;width:auto}.webHeader__nav-toggle{display:none}.webHeader__nav-list{position:static;background-color:transparent;top:unset;right:unset;justify-content:flex-end;gap:1rem;padding:0;transform:unset;gap:2rem;align-items:center}.webHeader__nav-list li a{color:#fff;font-size:1rem;font-weight:500;position:relative;padding:.5rem 0}.webHeader__nav-list li a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:.2rem;background-color:#fff;transition:transform .3s ease}.webHeader__nav-list li a:hover:after{transform:translate(-50%) scaleX(1)}.webHeader__logo{margin-left:unset;margin-right:unset}}.slider{display:grid;grid-template-areas:"container";grid-template-rows:1fr;width:100%;position:relative}.slider__container{display:grid;grid-template-areas:"image" "context";grid-template-rows:1fr 1fr;opacity:0;grid-area:container;transition:opacity .6s ease-out}.slider__container.active{opacity:1}.slider__image{width:100%;grid-area:image}.slider__image img{display:block;width:100%;height:auto}.slider__content{width:100%;grid-area:context;display:flex;flex-direction:column;justify-content:center;padding:1rem;gap:1rem}.slider__text{line-height:1.5rem;color:#a1a1a1;font-size:.875rem}.slider__change-button{position:absolute;top:50%;right:0;transform:translateY(-100%)}.slider__arrowButton{width:3rem;height:3rem;cursor:pointer;background-color:#000;border:none}.slider__arrowButton:hover{background-color:#00000080}.slider__shopLink{position:absolute;bottom:1rem;left:1rem;letter-spacing:.5rem;display:flex;align-items:center;gap:1rem;color:#000;text-transform:uppercase;font-size:.875rem}.slider__shopLink:hover{color:#00000080}@media(min-width:50rem){.slider__container{grid-template-areas:"image context";grid-template-rows:unset;grid-template-columns:60% 40%}.slider__content{padding:2rem}.slider__title{font-size:2rem}.slider__change-button{top:unset;bottom:0;left:60%;transform:unset}.slider__shopLink{left:60%;padding:0 2rem;bottom:20%}}.About{width:100%;display:grid;grid-template-rows:1fr 1fr 1fr;align-items:center}.About__dark,.About__light{width:100%;display:block;height:100%}.About__content{display:flex;flex-direction:column;justify-content:center;padding:1rem;gap:1rem;box-sizing:border-box}.About__title{letter-spacing:.2rem;font-size:.625rem;text-transform:uppercase}.About__text{color:#a1a1a1;font-size:.775rem;line-height:1rem}@media(min-width:50rem){.About{grid-template-rows:unset;grid-template-columns:1fr 1fr 1fr}.About__content{padding:1rem 2rem}.About__title{font-size:.625rem;letter-spacing:.3rem}.About__text{font-size:.875rem;line-height:1.5rem}}