.vellie-showcase-section{padding-top:12rem!important;padding-bottom:7rem!important;background-color:#000;color:#fff}@media (max-width: 768px){.vellie-showcase-section{padding-top:2rem!important;padding-bottom:2rem!important}}.vellie-showcase-section .intro-animation{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity 1.5s ease,visibility 0s 1.5s;cursor:default}.intro-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#28282880,#0000 70%);pointer-events:none;opacity:.5}.intro-animation.fade-out{opacity:0;visibility:hidden}.intro-content{max-width:80%;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;overflow:hidden}.intro-logo{position:absolute;top:15%;width:250px;height:auto;margin-bottom:40px;opacity:0;animation:fadeIn 1.5s ease forwards;z-index:10}.intro-logo img{width:100%;height:auto}.intro-animation.clickable .intro-logo{opacity:1}.text-line{font-family:Helvetica,Helvetica Neue,Arial,Lucida Grande,sans-serif;font-size:clamp(1.5rem,4vw,3.5rem);font-weight:700;text-align:center;margin-bottom:.5em;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 40px));transition:opacity .8s ease,transform .8s ease;width:80%;line-height:1.3;white-space:normal;display:none;overflow:hidden}.text-line.active{opacity:1;transform:translate(-50%,-50%);display:block}.text-line.fade-out{opacity:0;transform:translate(-50%,calc(-50% - 40px));transition:opacity .6s ease,transform .6s ease}.intro-skip{position:absolute;bottom:30px;right:30px;font-size:.9rem;letter-spacing:2px;cursor:pointer;opacity:.6;transition:opacity .3s ease,transform .3s ease;font-weight:600;padding:8px 15px;border:1px solid rgba(255,255,255,.3);border-radius:3px}.intro-skip:hover{opacity:1;transform:translateY(-2px);background-color:#ffffff1a}.intro-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff3}.progress-bar{height:100%;width:0%;background-color:#fff;transition:width .5s ease}.line-15,.line-16,.line-17{font-size:clamp(2rem,5vw,4.5rem);font-weight:800;letter-spacing:1px}.line-16{background:linear-gradient(to right,#fff,#d4d4d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.3)}.line-17{opacity:0;transform:scale(.8);transition:opacity 1s ease,transform 1s ease;color:var(--secondary-color)}.line-17.active{opacity:1}.intro-mouse-follow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#0000 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1;opacity:0;transition:opacity .3s ease}.intro-animation:hover .intro-mouse-follow{opacity:1}.intro-animation.clickable{cursor:pointer}.intro-animation.clickable:after{content:"Click to continue";position:absolute;bottom:80px;left:50%;transform:translate(-50%);font-size:.9rem;opacity:.6;letter-spacing:1px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}body.intro-active{overflow:hidden}.landing-container{max-width:1400px;width:100%;margin:0 auto;padding:.5rem;display:flex;flex-direction:column;min-height:85vh;position:relative}.logo{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;letter-spacing:2px}h1{font-size:2.5rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem;letter-spacing:1px}container-main{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:2rem 0}.two-column-layout{display:flex;align-items:flex-start;gap:2rem;width:100%;min-height:100vh}.shoe-column{flex:1;position:relative;height:auto;min-height:600px}@media (max-width: 767px){.shoe-column{min-height:unset!important}}.info-column{flex:1;position:relative;height:100%}.info-panel{position:-webkit-sticky;position:sticky;top:20px;height:auto;max-height:calc(100vh - 40px);overflow-y:auto;width:100%;background:#262626e6!important;border-radius:12px!important;padding:1.8rem!important;box-shadow:0 10px 25px #0000004d,0 0 0 1px #cbcbcb33!important;border:1px solid rgba(203,203,203,.15)!important;color:#fff!important;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:flex-start}#layer4.active-layer img{filter:drop-shadow(0 0 15px var(--highlight-color));transform:scale(1.05)}.info-content{display:none;transition:opacity .5s ease,transform .5s ease;max-height:900px;overflow-y:visible;scrollbar-width:thin;padding-right:5px}.info-content::-webkit-scrollbar{width:5px}.info-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.info-content::-webkit-scrollbar-track{background:transparent}.info-content.active{display:block;animation:fadeIn .5s ease forwards!important}.info-content h3{color:#fff!important;font-weight:600!important;margin-bottom:1.2rem!important;position:relative!important;display:inline-block;font-size:1.4rem}.info-content h3:after{content:""!important;position:absolute!important;left:0!important;bottom:-5px!important;width:40px!important;height:2px!important;background-color:#0e3731!important}.info-content p{color:#ffffffd9!important;font-size:1rem!important;line-height:1.6!important;margin-bottom:1rem!important}.stat-cards{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:1.2rem!important}.stat-card{background:#ffffff14!important;border-radius:8px!important;padding:14px!important;box-shadow:0 4px 12px #00000026!important;width:calc(50% - 6px)!important;transition:transform .3s ease,box-shadow .3s ease!important;border-left:3px solid #0e3731!important;animation:fadeInUp .4s forwards;opacity:0}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 6px 15px #00000040!important;background:#ffffff1f!important}.stat-card h4{font-size:.9rem!important;color:#fff!important;margin-bottom:6px!important;font-weight:600!important}.stat-card p{font-size:.85rem!important;margin-bottom:0!important;color:#ffffffb3!important}.badges{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:1.2rem!important}.badge{display:none;align-items:center!important;background-color:#2c6ecb26!important;border-radius:20px!important;padding:6px 12px!important;font-size:.75rem!important;font-weight:600!important;color:#fffffff2!important;margin-right:8px!important;margin-bottom:8px!important;border:1px solid rgba(44,110,203,.3)!important;transition:all .2s ease!important;animation:fadeInRight .4s forwards;opacity:0}.badge:nth-child(1){animation-delay:.3s}.badge:nth-child(2){animation-delay:.4s}.badge:nth-child(3){animation-delay:.5s}.badge:nth-child(4){animation-delay:.6s}.badge:hover{background-color:#2c6ecb40!important;transform:translateY(-2px)!important}.badge i{margin-right:5px!important;font-size:.8rem!important;color:#0e3731!important}.fun-fact{background-color:#2c6ecb1a!important;border-radius:8px!important;padding:14px!important;margin-top:15px!important;font-style:italic!important;position:relative!important;border:1px solid rgba(44,110,203,.2)!important;animation:fadeInUp .5s .6s forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fun-fact:before{content:"\1f4a1"!important;position:absolute!important;left:12px!important;top:12px!important;font-size:1rem!important}.fun-fact span{padding-left:25px!important;font-size:.85rem!important;color:#ffffffd9!important}@keyframes fadeInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.two-column-layout{flex-direction:column}.info-panel{position:relative;top:0;max-height:none;padding:1.2rem!important}.stat-card{animation-duration:.3s;transform:none!important;box-shadow:0 2px 8px #0000000f;padding:10px!important}.stat-card:hover{transform:none!important;box-shadow:0 2px 8px #0000000f}.badge{animation-duration:.3s;transform:none!important}.badge:hover{transform:none!important}.info-content.active,.fun-fact{animation-duration:.3s}.info-content h3{font-size:1.2rem!important}}.shoe-showcase{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;min-height:100vh}.shoe-container{position:relative;width:100%;height:100vh;max-height:100vh;margin:0;perspective:1000px;overflow:visible}.complete-shoe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;transition:opacity .5s ease,transform .7s ease;height:80%;display:flex;align-items:center;justify-content:center}.complete-shoe img{max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 25px var(--shadow-color))}.layers-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .5s ease}.layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.175,.885,.32,1.275);opacity:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.layer-map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.layer-map area{cursor:pointer;display:block}.layer.debug-mode img{opacity:.8}.layer.debug-mode:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f003;pointer-events:none;z-index:2}#layer4 img{filter:drop-shadow(0 15px 20px var(--shadow-color));transform:scale(1.02)}.layer.active-layer img{filter:drop-shadow(0 0 10px var(--highlight-color));transform:scale(1.02);transition:filter .3s ease,transform .3s ease}.layer img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 15px var(--shadow-color));pointer-events:auto}.layer img{background-color:transparent}.interaction-guide{text-align:center;padding:.5rem 1rem;background-color:var(--secondary-color);border-radius:30px;font-weight:500;animation:pulse 2s infinite;font-size:.9rem;transition:opacity .3s ease;position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:5;width:auto}.shoe-container:hover~.interaction-guide,.shoe-container.hovering~.interaction-guide{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}@keyframes pulse{0%{transform:scale(1) translate(-50%);opacity:.8}50%{transform:scale(1.05) translate(-48%);opacity:1}to{transform:scale(1) translate(-50%);opacity:.8}}.initializing,.initializing *{pointer-events:none!important}.initializing:hover .complete-shoe{opacity:1!important}.initializing:hover .layers-container{opacity:0!important}.initializing:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border-radius:50%;border:3px solid rgba(139,90,43,.2);border-top-color:var(--primary-color);animation:spin 1s infinite linear;z-index:9999}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-story{text-align:center;max-width:800px;margin:1rem auto;padding:1.5rem;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 5px 15px var(--shadow-color)}.product-story h2{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.product-story p{margin-bottom:1rem;font-size:1rem}.cta-button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.8rem 1.8rem;border-radius:50px;text-decoration:none;font-weight:600;margin-top:.8rem;transition:all .3s ease}.cta-button:hover{background-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 5px 15px #0003}footer{text-align:center;padding:.5rem 0;color:var(--primary-color);font-size:.85rem}@media (max-width: 1200px){.two-column-layout{gap:1.5rem}.info-panel{padding:1.2rem}.info-content h3{font-size:1.3rem}.info-content p{font-size:.9rem}}@media (max-width: 992px){.vellie-showcase-section .shoe-container{height:500px;min-height:auto}.two-column-layout{flex-direction:column;align-items:center;height:auto}.shoe-column,.info-column{max-width:100%;width:100%}.shoe-container{height:55vh;min-height:400px}.info-panel{min-height:360px;padding:1.5rem;margin-top:1rem}.info-column{margin-top:-20px}.interaction-guide{position:relative;bottom:auto;margin-top:8px}.stat-cards{gap:8px}.stat-card{width:calc(50% - 4px);padding:10px}.fun-fact{margin-top:12px}}@media (max-width: 768px){.vellie-showcase-section .shoe-container{height:400px;min-height:auto}h1{font-size:2rem}.shoe-container{height:50vh;min-height:350px}.layer{height:65%}.info-content h3{font-size:1.2rem}.info-content p{font-size:.9rem}.info-panel{padding:1rem;min-height:320px;max-height:60vh}.info-content h3{margin-bottom:.6rem}.info-content p{margin-bottom:.6rem;font-size:.85rem}.stat-cards{margin-top:.6rem;gap:6px}.stat-card{padding:8px;border-left-width:2px}.badges{margin-top:.6rem;gap:5px}.fun-fact{padding:8px;margin-top:10px}.fun-fact:before{font-size:.8rem;top:8px}.product-story h2{font-size:1.8rem}.stat-card h4{font-size:.8rem}.stat-card p{font-size:.75rem!important}.badges{gap:6px}.badge{font-size:.7rem;padding:4px 10px}.fun-fact p{font-size:.75rem!important}.text-line{font-size:clamp(1.2rem,5vw,2rem)}.line-16,.line-17{font-size:clamp(1.5rem,6vw,2.5rem)}.intro-content{max-width:90%;height:60vh;padding:0 15px}.intro-logo{width:100px;top:10%}.intro-skip{bottom:20px;right:20px;font-size:.8rem}}@media (max-width: 576px){.vellie-showcase-section .shoe-container{height:350px;min-height:auto}.shoe-container{height:45vh;min-height:300px}.info-panel{min-height:250px;padding:.8rem;margin-top:.5rem}.layer{height:60%}.info-content h3{font-size:1rem;margin-bottom:.4rem}.info-content h3:after{width:30px;height:1px;bottom:-3px}.info-content p{font-size:.8rem;margin-bottom:.4rem;line-height:1.4}.stat-cards{margin-top:.4rem;display:grid;grid-template-columns:1fr 1fr;gap:5px}.stat-card{width:100%;padding:6px}.stat-card h4{font-size:.7rem;margin-bottom:2px}.stat-card p{font-size:.65rem!important;line-height:1.2}.badges{margin-top:.4rem;flex-wrap:wrap;gap:4px}.badge{font-size:.65rem;padding:3px 8px;margin-right:4px;margin-bottom:4px}.badge i{margin-right:3px;font-size:.7rem}.fun-fact{margin-top:8px;padding:6px 8px 6px 30px}.fun-fact p{font-size:.65rem!important;padding-left:5px}.fun-fact:before{left:8px;top:6px}.product-story{padding:1rem}.product-story h2{font-size:1.4rem}.product-story p{font-size:.9rem}.text-line{font-size:clamp(1rem,4vw,1.6rem);line-height:1.4;width:90%}.line-16,.line-17{font-size:clamp(1.2rem,5vw,2rem)}.intro-content{max-width:90%;height:70vh;padding:0 10px}.intro-logo{width:15rem;top:8%}}@media (max-height: 700px){.intro-content{height:80vh;max-width:90%}.text-line{font-size:clamp(1.2rem,3vw,2.5rem);width:90%}}@media (max-height: 700px) and (max-width: 576px){.text-line{width:90%}}.vellie-showcase-section{position:relative;width:100%;margin:0 auto;padding:2rem 0;overflow:visible}.vellie-showcase-section .landing-container{max-width:1400px;width:100%;margin:0 auto;padding:.5rem;display:flex;flex-direction:column;min-height:auto;position:relative}.vellie-showcase-section .shoe-container{position:relative;width:100%;height:600px;max-height:80vh;margin:0;perspective:1000px;overflow:visible}@media (max-width: 992px){.vellie-showcase-section .shoe-container{height:500px;min-height:auto}.two-column-layout{flex-direction:column;align-items:center;height:auto}}@media (max-width: 768px){.vellie-showcase-section .shoe-container{height:400px;min-height:auto}h1{font-size:2rem}.shoe-container{height:50vh;min-height:350px}}@media (max-width: 576px){.vellie-showcase-section .shoe-container{height:350px;min-height:auto}.shoe-container{height:45vh;min-height:300px}.info-panel{min-height:250px;padding:.8rem;margin-top:.5rem}}@media (max-width: 1300px){.fun-fact{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/bviw.css.map */