.landing-page{color:#fff;text-align:center;background:url(/MJ.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 88px);padding:0 40px;display:flex;position:relative}.landing-page:after{content:"";z-index:0;background:linear-gradient(#0000,#000);width:100%;height:80px;position:absolute;bottom:0;left:0}.bg-image-wrapper{z-index:0;position:absolute;inset:0}.landing-page .hero-content,.landing-page .scroll-indicator{z-index:1}.hero-content h1{color:red;margin-bottom:10px;font-family:NBA Bulls,sans-serif;font-size:4rem}.hero-content p{color:#e0e0e0;margin-top:10px;font-size:1.2rem;line-height:1.5}.hero-content .tagline{font-size:1.4rem;font-weight:500}.hero-content .subtext{color:#bbb;font-size:1.1rem}.scroll-indicator{text-align:center;opacity:.85;position:absolute;bottom:30px}.scroll-indicator p{opacity:.5;margin-bottom:4px;font-size:1rem}.scroll-indicator{opacity:.6;z-index:2;font-size:2rem;animation:1.5s infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width:768px){.landing-page{background-position:top;height:100vh;padding:0 20px}.hero-content h1{font-size:2.5rem;line-height:1.2}.hero-content p{font-size:1rem}.scroll-indicator{bottom:20px}.scroll-indicator span{font-size:1.5rem}}@media (max-width:480px){.landing-page{padding:0 15px}.hero-content h1{font-size:2rem}.hero-content p{font-size:.9rem}.scroll-indicator span{font-size:1.3rem}}
.gallery-view{color:#fff;text-align:center;background:#000;padding:40px 20px}.section-title{color:red;margin-bottom:30px;font-size:2.5rem}.carousel-track{flex-wrap:wrap;justify-content:center;gap:20px;transition:transform .5s ease-in-out;display:flex}.carousel-track a{color:inherit;text-decoration:none}.carousel-item{text-align:center;background:#222;border-radius:10px;flex:1 0 20%;max-width:20%;padding:20px;transition:transform .3s,box-shadow .3s}.carousel-item:hover{transform:scale(1.05);box-shadow:0 10px 20px #f006}.shoe-image{border-radius:8px;width:100%;height:auto;margin-bottom:15px}.gallery-item-info h3{color:#fff;font-size:1.2rem}.gallery-item-info p{color:#ccc;font-size:1rem}.carousel-item:hover{transition:transform .3s,box-shadow .3s;transform:scale(1.05);box-shadow:0 10px 20px #f006}.arrow{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:none;border-radius:50%;padding:10px;font-size:2rem;transition:background .3s}.arrow:hover{background:#f00c}.left-arrow{left:50%;transform:translate(-140%)}.right-arrow{left:50%;transform:translate(140%)}@media (max-width:768px){.gallery-view{flex-direction:column;justify-content:center;min-height:70vh;display:flex}.carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:10px;padding-left:10%;display:flex;overflow:auto hidden}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:center;flex:0 0 80%;max-width:80%}.arrow{bottom:-30px}.shoe-image{margin:0 auto 10px}.gallery-item-info h3{font-size:1rem}.gallery-item-info p{font-size:.85rem}.section-title{font-size:2rem}}@media (max-width:480px){.carousel-item{scroll-behavior:smooth;scrollbar-width:none;flex:0 0 90%;max-width:90%}.arrow{display:none}.section-title{font-size:1.5rem}.shoe-image{max-width:400px}.carousel-item-info h3{font-size:.95rem}.carousel-item-info p{font-size:.8rem}}

