.shop{position:relative;width:100%;height:100svh;overflow:hidden}.shop h1{text-transform:none;font-family:Cantarell;font-size:2.25rem}.shop h1,.shop p{color:#fff;font-weight:400;line-height:1.15;letter-spacing:0}.shop p{font-size:1rem}.shop a{color:#fff;text-decoration:none;text-transform:uppercase;font-family:Cantarell;font-size:.9rem;font-weight:900;-webkit-font-smoothing:antialiased}.shop .shop-video{width:100vw;height:100svh;overflow:hidden;opacity:.75}.shop .shop-video,.shop .video{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.shop .video,.shop .video video{width:100%;height:100%}.shop .video video{object-fit:cover;object-position:center;will-change:transform}.shop .shop-content{position:absolute;padding:2rem 0;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.shop .row{width:100%}.shop .indices{width:100%;height:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.25em}.shop .index{position:relative;width:100%;height:.25rem;border-radius:2rem;background:#fff;overflow:hidden}.shop .index-highlight{position:absolute;top:0;left:0;width:0;height:100%;background:#8ecae6;transform:scaleX(100%);will-change:transform}.shop .profile{width:100%;height:60px;display:flex;gap:1em;align-items:center}.shop .profile-icon{position:relative;width:40px;height:40px;border-radius:100%;overflow:hidden}.shop .profile-icon img{width:100%;height:100%;object-fit:cover}.shop .profile-name{position:relative;width:200px;height:18px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.shop .title{margin-bottom:2rem}.shop .title-row{position:relative;width:100%;height:2.5rem;overflow:hidden}.shop .title-row h1{text-transform:uppercase;font-family:Cantarell;font-weight:900;line-height:1}.shop .link{position:relative;width:max-content;margin:2rem 0;padding:.25rem 0}.shop .profile-name p,.shop .title-row h1{position:absolute;top:0;will-change:transform}.shop .shop-footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:10;pointer-events:none;background:rgba(0,0,0,.1)}.shop .shop-footer .container{display:flex;justify-content:space-between;align-items:flex-end;padding:2rem;height:auto;width:100%;box-sizing:border-box}.shop .shop-footer p{text-transform:uppercase;font-family:Cantarell;font-size:1rem;font-weight:600;line-height:1.15;color:#fff;letter-spacing:.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.shop .shop-footer .footer-text{position:relative}.shop .shop-footer .footer-text p{position:relative;margin:0;opacity:1;transition:opacity .3s ease}@media (max-width:1040px){.shop .shop-content{width:100%;padding:1.25rem 1.25rem 5rem}.shop .shop-footer .container{padding:1.25rem}.shop .indices{margin-top:10rem}.shop h1{font-size:1.75rem;font-weight:400;line-height:1.15;letter-spacing:0}.shop .title-row{height:2rem}.shop{touch-action:pan-y pinch-zoom;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shop-container{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}@media (max-width:440px){.shop h1{font-size:1.5rem}.shop .shop-footer p{font-size:.85rem}}.arrow-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20;opacity:0;visibility:hidden;transition:all .3s ease}.arrow-nav-left{left:2rem}.arrow-nav-right{right:2rem}.arrow-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid rgba(255,255,255,.3);background:rgba(0,0,0,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;box-shadow:0 4px 20px rgba(0,0,0,.2)}.arrow-btn:hover{border-color:#8ecae6;background:rgba(142,202,230,.15);transform:scale(1.1);box-shadow:0 8px 32px rgba(142,202,230,.2);color:#8ecae6}.arrow-btn:active{transform:scale(.95)}.arrow-btn svg{transition:transform .2s ease}.arrow-btn:hover svg{transform:translateX(2px)}.arrow-nav-left .arrow-btn:hover svg{transform:translateX(-2px)}@media (min-width:1041px){.shop:hover .arrow-nav{opacity:1;visibility:visible}.shop:hover .arrow-nav-left,.shop:hover .arrow-nav-right{transform:translateY(-50%) translateX(0)}.arrow-nav{opacity:0;visibility:hidden}.arrow-nav-left{transform:translateY(-50%) translateX(-20px)}.arrow-nav-right{transform:translateY(-50%) translateX(20px)}}@media (max-width:1040px){.arrow-nav{display:none!important}}