@import url(https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald:wght@500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}:root{--font-primary:"Oswald",sans-serif;--font-secondary:"Open Sans",sans-serif}h2{font-family:"Oswald",sans-serif;font-family:var(--font-primary);font-weight:700;text-transform:uppercase}p{font-family:"Open Sans",sans-serif;font-family:var(--font-secondary)}body{background:#e9e9e9}.header-content{position:absolute;width:100%;height:75px;display:flex;align-items:center;z-index:5;border-bottom:1px solid rgba(0,0,0,.1);background:#131313}.header-logo{background:url(/static/media/nikeLogoWhite.0009cb9d.png);background-size:cover;background-repeat:no-repeat;margin:0 50px;height:25px;width:65px}nav{position:absolute;right:0;width:70%;height:100%;background:#e9e9e9}.nav-links,nav{display:flex;justify-content:space-between}.nav-links{align-items:center;margin-left:20px;font-family:var(--font-primary)}.nav-link{cursor:pointer;text-transform:uppercase;font-size:.9rem}.nav-link span{font-weight:700;color:#999}.nav-icons{display:flex;align-items:center;font-family:var(--font-primary);position:absolute;right:0}.nav-icon{margin:0 25px;cursor:pointer;transition:all .3s;height:20px}.nav-icon:hover{transform:scale(1.3)}.svg-container{width:75px;height:75px;background:#000;display:flex;justify-content:center;align-items:center}svg{height:30%;fill:#fff!important;transition:all .3s;cursor:pointer}svg:hover{transform:scale(1.3)}.dropdown{overflow:hidden;height:100%;padding:1rem;display:flex;align-items:center;cursor:pointer}.dropdown:hover{border-bottom:2px solid #000}.dropdown:hover .nav-link{opacity:.5}.dropdown:hover .dropdown-content{display:flex}.dropdown-content{display:none;justify-content:flex-start;position:absolute;top:100%;left:0;width:100%;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;cursor:auto}.dropdown-link-container{margin:3rem 1rem;border-left:1px solid #cfcfcf;padding-left:2rem}.dropdown-link-container:first-of-type{border-left:none}.dropdown-link:hover{color:#757575;cursor:pointer}.major-link{padding-bottom:.5rem;font-size:.9rem}.major-link:first-of-type{margin-top:1rem}.minor-link{font-family:var(--font-secondary);font-size:.8rem;margin:.3rem 0}.minor-link~.major-link{margin-top:1.5rem}.col-2{display:flex;width:375px;flex-wrap:wrap;justify-content:space-between}.col-2>div{margin:0 0 1rem}.col{width:160px}.container{display:flex;justify-content:center;align-items:center}.container .searchbox{position:relative;display:block;width:100%;max-width:40px;transition:.4s linear;overflow:hidden;margin-right:20px}.container .searchbox .searchbox__input{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:none;outline:none;background-color:hsla(0,0%,100%,0);padding:15px;color:hsla(0,0%,100%,0);font-size:20px;cursor:pointer;transition:.4s linear;height:40px}.container .searchbox .searchbox__input::-webkit-input-placeholder{color:transparent}.container .searchbox .searchbox__input:-ms-input-placeholder{color:transparent}.container .searchbox .searchbox__input::-ms-input-placeholder{color:transparent}.container .searchbox .searchbox__input::placeholder{color:transparent}.container .searchbox .searchbox__input:focus{color:#000}.container .searchbox .searchbox__input:focus::-webkit-input-placeholder{color:#5e5e5e}.container .searchbox .searchbox__input:focus:-ms-input-placeholder{color:#5e5e5e}.container .searchbox .searchbox__input:focus::-ms-input-placeholder{color:#5e5e5e}.container .searchbox .searchbox__input:focus::placeholder{color:#5e5e5e}.container .searchbox .searchbox__icon{position:absolute;right:20px;top:50%;transform:translate(50%,-50%);width:20px;height:20px;pointer-events:none}.container .searchbox .searchbox__icon path{fill:#000;transition:.4s linear}.container .searchbox:focus-within{max-width:175px}.container .searchbox:focus-within .searchbox__input{background-color:#fff;padding-right:50px;box-shadow:inset 0 0 3px rgba(0,0,0,.4)}.container .searchbox:focus-within .searchbox__icon path{fill:#969696}@media screen and (max-width:1150px){.nav-links{display:none}}@media screen and (max-width:500px){.header-logo{margin:0 20px;height:15px;width:40px}nav{width:80%}}.home-landing{position:relative;height:100vh;width:100vw;overflow:hidden}.black-side{position:absolute;left:0;width:30%;min-width:150px;height:100%;background:#131313;z-index:2}.home-landing-social-links{display:flex;justify-content:space-between;width:clamp(125px,15vw,200px);color:#fff;font-size:.8rem;position:absolute;bottom:0;margin:25px 40px}.home-landing-social-links>div{cursor:pointer}.home-landing-social-links>div:hover{opacity:.5}.scroll-indicator{position:absolute;right:30px;bottom:20px;color:#fff;font-size:3.5rem;font-size:clamp(2.5rem,3vw,3.5rem)}.shoe-wrapper{height:clamp(200px,55vw,1100px);width:clamp(200px,55vw,1100px);top:50%;left:100%;transform:translate(-50%,-50%)}.shoe-image,.shoe-wrapper{position:absolute;pointer-events:none}.shoe-image{height:100%;width:100%;-webkit-filter:drop-shadow(-25px 35px 20px #131313);filter:drop-shadow(-25px 35px 20px #131313);z-index:10}.circle-backdrop{position:absolute;width:80%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:1;background:linear-gradient(200deg,#eee,#242424);box-shadow:0 0 40px rgba(49,49,49,.5);pointer-events:none}.white-side{position:absolute;right:0;width:70%;height:100%}.white-side-content-container{position:absolute;left:65%;top:50%;transform:translate(-50%,-50%);width:clamp(350px,40vw,1000px);z-index:3}.white-side-text-container h2{font-size:clamp(2rem,5vw,8rem);font-weight:700;margin-bottom:1.7rem;line-height:1}.white-side-text-container p{font-size:clamp(.8rem,2vw,1rem);line-height:1.7;width:80%;color:#6e6e6e}.white-side-text-container p:first-of-type{letter-spacing:.2rem;color:#000}button{background:#000;border:none;color:#fff;font-size:.9rem;font-size:clamp(.6rem,2vw,.9rem);letter-spacing:.3rem;text-transform:uppercase;padding:1rem 2.3rem;margin:2rem 0;border-radius:50px;cursor:pointer}button:hover{background:#252525}.backdrop-text{position:absolute;bottom:-100px;font-weight:900;font-size:15rem;white-space:nowrap;opacity:.3;color:#cecece;text-transform:uppercase}.rotated-90{transform:rotate(90deg);bottom:5px;left:-1050px;z-index:1}.shoe-image-container{display:flex}.shoe-image-container *{display:flex;justify-content:center;align-items:center;margin:1.5rem .5rem;padding:.3rem;height:70px;width:85px;width:70px;height:60px;font-size:3rem;cursor:pointer;transition:all .3s}.shoe-image-container :hover{transform:scale(1.1)}.shoe-image-container>img{background:linear-gradient(200deg,#d8d8d8,#adadad);border-radius:10px}@media screen and (max-width:975px){.black-side{bottom:0;width:100%;height:20%}.shoe-wrapper{top:0;left:50%}.white-side{top:100px;width:100%;height:75%}.white-side-content-container{left:50%;top:30%;width:90%}.white-side-text-container h2{margin-bottom:1rem}.button{margin:0}.shoe-image-container *{margin:0 .5rem;height:40px;width:50px;font-size:2rem}.backdrop-text{display:none}}
/*# sourceMappingURL=main.91de9e5b.chunk.css.map */