.tag-page{width:100vw;background:#f8f8f8;height:-moz-fit-content;height:fit-content}.tag-page .tag-landing{width:100%;height:100vh;position:fixed;display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.tag-page .tag-landing img{height:60%;width:auto}.tag-page .section{height:100vh;width:100%;background-color:#f8f8f8;display:flex;justify-content:center}.tag-page .design-section{display:flex;gap:25%;padding:0 4rem 0 8rem;min-height:100vh;position:relative;align-items:flex-start}.tag-page .design-section .sticky-image{flex:1 1;height:100vh;display:flex;align-items:center;justify-content:center;transition:all .3s ease;min-width:0}.tag-page .design-section .sticky-image.sticky,.tag-page .design-section .sticky-image.unsticky{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start}.tag-page .design-section .sticky-image img{width:100%!important;height:auto!important;max-height:60vh;top:unset!important;right:unset!important;bottom:unset!important}.tag-page .design-section .text-content{flex:1 1;display:flex;flex-direction:column;gap:8rem;padding-top:20rem;padding-bottom:20rem}.tag-page .design-section .text-content .text-section{display:flex;flex-direction:column;gap:1rem;opacity:.3}.tag-page .design-section .text-content .text-section h2{color:#00c8dc}.tag-page .design-section .text-content .text-section p{max-width:25vw;color:#000;opacity:.75}@media(max-width:768px){.tag-page .design-section{padding:1rem;flex-direction:column;gap:0;min-height:-moz-fit-content;min-height:fit-content}.tag-page .design-section .sticky-image{position:relative!important;top:unset!important;opacity:1!important;display:none}.tag-page .design-section .sticky-image.sticky,.tag-page .design-section .sticky-image.unsticky{position:relative!important}.tag-page .design-section .text-content{gap:8rem;padding:0 0 4rem}.tag-page .design-section .text-content .text-section p{max-width:unset!important}}.tag-page .scan-showcase-two{width:100%;height:100vh;display:flex;flex-direction:row-reverse;padding-left:2rem;gap:0}@media(max-width:768px){.tag-page .scan-showcase-two{padding:0;gap:2rem}}.tag-page .scan-showcase-two .container{flex:2 1;padding:0 2rem;background-color:rgba(0,0,0,.075);position:relative;overflow:hidden}.tag-page .scan-showcase-two .container .image-container{width:100%;height:-moz-fit-content;height:fit-content;position:relative;display:flex;align-items:center;justify-content:center;height:100%}.tag-page .scan-showcase-two .container .image-container .helmet{position:absolute;left:50%!important;top:15%!important;width:auto!important;height:auto!important;max-height:75vh!important;bottom:unset!important;right:unset!important;transform-origin:left;transform:translateX(-50%)}.tag-page .scan-showcase-two .container .phone-container{position:absolute;top:0;left:0;width:100%;height:100%}.tag-page .scan-showcase-two .container .phone-container .popup{display:none}.tag-page .scan-showcase-two .container .phone-container .phone{z-index:2;display:block;width:100%!important;height:auto!important;position:absolute;left:50%!important;bottom:2rem!important;transform:translate(-50%);width:auto!important;max-height:35vh!important;top:unset!important;right:unset!important}.tag-page .scan-showcase-two .container .phone-container .glow-container{width:8rem;height:8rem;position:absolute;left:50%;top:50%;transform:translateX(-50%);transition:.4s ease;filter:blur(15px);z-index:1;border-radius:50%;overflow:hidden}.tag-page .scan-showcase-two .container .phone-container .glow-container .glow{width:100%;height:100%;background:#00c8dc;animation:blink 2s ease infinite}@keyframes blink{0%{opacity:.5}50%{opacity:.3}to{opacity:.5}}.tag-page .scan-showcase-two .text-container{flex:1 1;padding-right:2rem}.tag-page .scan-showcase-two .text-container .content{padding-right:4rem;display:flex;flex-direction:column;justify-content:center;height:100%;gap:2rem}.tag-page .scan-showcase-two .text-container .content h2{color:#00c8dc}@media(max-width:1000px){.tag-page .scan-showcase-two .text-container{padding:0!important}}@media(max-width:768px){.tag-page .scan-showcase-two{flex-direction:column;height:100vh}.tag-page .scan-showcase-two .container{height:50vh;width:100%;flex:unset!important}.tag-page .scan-showcase-two .container .phone-container .phone{bottom:-15%!important;max-height:22vh!important}.tag-page .scan-showcase-two .container .image-container .helmet{top:5%!important;max-height:48vh!important}.tag-page .scan-showcase-two .text-container{padding:0!important}.tag-page .scan-showcase-two .content{justify-content:flex-start!important;padding:1rem!important}.tag-page .scan-showcase-two .glow-container{transform:translate(-50%,1rem)!important}}.tag-page .scan-showcase{height:200vh;width:100%;position:relative;margin-bottom:25vh;display:none}.tag-page .scan-showcase:after{content:"";display:block;height:0;width:100%;clear:both}@media(max-width:768px){.tag-page .scan-showcase{height:75vh!important;margin:0!important}.tag-page .scan-showcase .image-container{margin-top:8rem!important;height:-moz-fit-content!important;height:fit-content!important;align-items:flex-start!important}.tag-page .scan-showcase .image-container img{width:calc(100% - 4rem)!important}.tag-page .scan-showcase .phone-container img{width:100px!important}}.tag-page .scan-showcase .sticky-container{position:-webkit-sticky;position:sticky;height:100vh;width:100%;z-index:5;background-color:#f8f8f8}.tag-page .scan-showcase .sticky-container .image-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.tag-page .scan-showcase .sticky-container .image-container img{width:50%;height:auto}.tag-page .scan-showcase .sticky-container .phone-container{position:absolute;left:50%;transform:translate(-50%,calc(-25% + var(--phone-translate-y, 0px)));display:flex;align-items:center;justify-content:center;z-index:10}.tag-page .scan-showcase .sticky-container .phone-container.is-sticky .glow,.tag-page .scan-showcase .sticky-container .phone-container.is-sticky .popup{opacity:1;transition:.4s ease}.tag-page .scan-showcase .sticky-container .phone-container img{opacity:1;width:200px;height:auto;z-index:2}.tag-page .scan-showcase .sticky-container .phone-container .popup{opacity:0;position:absolute;bottom:0;left:0;transform:scale(.8);transition:.4s ease;z-index:3}.tag-page .scan-showcase .sticky-container .phone-container .glow{width:8rem;height:8rem;background:#00c8dc;position:absolute;left:50%;top:-2rem;transform:translateX(-50%);opacity:0;transition:.4s ease;filter:blur(15px);z-index:1;border-radius:50%}.tag-page .tag-variations{width:100%;height:100vh;display:flex;flex-direction:column;padding:2rem;gap:2rem}@media(max-width:768px){.tag-page .tag-variations{gap:1rem;padding:1rem 1rem 2rem}}.tag-page .tag-variations h2{color:#000}.tag-page .tag-variations .variations-container{width:100%;height:100%;display:flex;gap:2rem}@media(max-width:768px){.tag-page .tag-variations .variations-container{height:calc(100% - 48px);flex-direction:column;gap:1rem}.tag-page .tag-variations .variations-container img{width:100%!important;height:auto!important}.tag-page .tag-variations .variations-container .text-content{padding-bottom:1rem!important}.tag-page .tag-variations .variations-container .text-content p{padding:0!important}}.tag-page .tag-variations .variations-container .varient{display:flex;flex-direction:column;gap:2rem;overflow:hidden;flex:1 1;position:relative}@media(max-width:768px){.tag-page .tag-variations .variations-container .varient{justify-content:center}}.tag-page .tag-variations .variations-container .varient.fabric img,.tag-page .tag-variations .variations-container .varient.silicon img,.tag-page .tag-variations .variations-container .varient.sticker img{object-position:center center!important}.tag-page .tag-variations .variations-container .varient img{height:100%;width:auto;object-fit:cover;z-index:1;object-position:85% center}.tag-page .tag-variations .variations-container .varient .gradient{width:100%;height:25%;background:linear-gradient(180deg,hsla(0,0%,0%,0) 0,hsla(0,0%,0%,.013) 8.1%,hsla(0,0%,0%,.049) 15.5%,hsla(0,0%,0%,.104) 22.5%,hsla(0,0%,0%,.175) 29%,hsla(0,0%,0%,.259) 35.3%,hsla(0,0%,0%,.352) 41.2%,hsla(0,0%,0%,.45) 47.1%,hsla(0,0%,0%,.55) 52.9%,hsla(0,0%,0%,.648) 58.8%,hsla(0,0%,0%,.741) 64.7%,hsla(0,0%,0%,.825) 71%,hsla(0,0%,0%,.896) 77.5%,hsla(0,0%,0%,.951) 84.5%,hsla(0,0%,0%,.987) 91.9%,hsl(0,0%,0%));z-index:2;position:absolute;left:0;bottom:0;opacity:.2}.tag-page .tag-variations .variations-container .varient .text-content{display:flex;flex-direction:column;gap:1rem;position:absolute;left:1.5rem;bottom:2rem;z-index:3;transform:translateY(calc(100% - 1rem));transition:.4s ease .1s}@media(max-width:768px){.tag-page .tag-variations .variations-container .varient .text-content{left:1rem;bottom:1rem;transform:translateY(calc(100% - 1.25rem))}}.tag-page .tag-variations .variations-container .varient .text-content h2{color:#fff}.tag-page .tag-variations .variations-container .varient .text-content .text-container{opacity:0;transition:.4s ease}@media(max-width:768px){.tag-page .tag-variations .variations-container .varient .text-content .text-container{display:none}}.tag-page .tag-variations .variations-container .varient .text-content p{padding-right:2rem;opacity:.75;color:#fff;display:none}.tag-page .tag-variations .variations-container .varient:hover .text-content{transition:.4s ease}.tag-page .tag-variations .variations-container .varient:hover .text-container{opacity:1;transition:.8s ease}.tag-page .products{width:100%;height:100vh;padding:2rem;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:20;background-color:#f8f8f8}@media(max-width:768px){.tag-page .products{padding:1rem;gap:1rem}}.tag-page .products .container{width:100%;height:100%;display:flex;gap:2rem}@media(max-width:768px){.tag-page .products .container{flex-direction:column;gap:1rem}}.tag-page .products .container a{flex:1 1;position:relative;overflow:hidden}.tag-page .products .container a:hover video{transform:translate(-50%,-50%) scale(1);transition:.2s ease}.tag-page .products .container a:hover a span,.tag-page .products .container a:hover button span{opacity:1;transition:.3s ease .5s;transform:translate(8px,-50%) scale(.75)}.tag-page .products .container a:hover a:before,.tag-page .products .container a:hover button:before{width:calc(100% + 1.25rem);transition:.5s cubic-bezier(1,-.4,.35,.95)}.tag-page .products .container a video{width:auto;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.03);z-index:1;transition:.2s ease}.tag-page .products .container a .content{position:absolute;bottom:2rem;left:2rem;z-index:2;display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.tag-page .products .container a .content{left:1rem;bottom:1rem}}.tag-page .products .container a .content button,.tag-page .products .container a .content p{color:#fff}