:root{--red:#e50914;--red2:#ff2732;--black:#101010;--dark:#181818;--gray:#aaa;--line:#ffffff18;--radius:8px;--max:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:#fff;font-family:Montserrat,sans-serif;line-height:1.6;overflow-x:hidden}body.lock,body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:110px 0}.overline{display:inline-block;color:var(--red2);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}.header{position:fixed;z-index:1000;inset:0 0 auto;height:82px;background:#101010c7;backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s}.header.scrolled{height:70px;background:#101010f5;border-color:var(--line)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex}.logo img{width:auto;height:52px;object-fit:contain;transition:.3s}.header.scrolled .logo img{height:44px}.nav{display:flex;gap:32px}.nav a{position:relative;color:#ddd;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 0}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--red);transition:.3s}.nav a:hover:after,.nav .active:after{right:0}.menu{display:none;background:0;border:0;width:42px;height:42px}.menu span{display:block;width:26px;height:2px;background:#fff;margin:6px auto;transition:.3s}.intro{padding:175px 0 95px;text-align:center;background:radial-gradient(circle at 50% 120%,#e509142e,transparent 42%),linear-gradient(135deg,#151515,#0c0c0c);border-bottom:1px solid var(--line)}h1,.title h2,.feature-copy h2,.parallax h2,.gallery-heading h2,.cta h2{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1;text-transform:uppercase;font-weight:900;letter-spacing:-.045em}.intro p{color:#bbb;max-width:680px;margin:24px auto}.line{display:block;width:68px;height:4px;background:var(--red);margin:28px auto 0}.title{text-align:center;max-width:780px;margin:0 auto 54px}.title h2{font-size:clamp(2rem,4vw,3.4rem)}.title p{color:#666;margin-top:18px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{position:relative;isolation:isolate;min-height:290px;padding:28px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.category:before{content:"";position:absolute;z-index:-2;inset:0;background:var(--bg) center/cover;filter:grayscale(.3);transition:.5s}.category:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(transparent,#000)}.category:hover:before{transform:scale(1.08);filter:none}.category strong{font-size:1.45rem;text-transform:uppercase}.featured{background:var(--dark)}.featured__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:75px;align-items:center}.feature-img{position:relative}.feature-img:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:2px solid var(--red)}.feature-img img{position:relative;height:570px;object-fit:cover;border-radius:var(--radius)}.feature-img figcaption{position:absolute;left:-18px;bottom:38px;background:var(--red);padding:13px 20px;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.feature-copy h2{font-size:clamp(2.2rem,4vw,3.8rem);margin-bottom:25px}.feature-copy>p{color:#bbb;margin-bottom:28px}.feature-copy ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:36px}.feature-copy li:before{content:"✓";color:var(--red);font-weight:900;margin-right:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;background:var(--red);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:.3s}.btn:hover{background:var(--red2);transform:translateY(-3px);box-shadow:0 12px 30px #e5091448}.parallax{position:relative;min-height:650px;display:grid;place-items:center;background:url("assets/img/parallax.png") center/cover fixed}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0007)}.parallax__copy{position:relative}.parallax h2{font-size:clamp(3rem,7vw,6rem)}.parallax p{max-width:620px;color:#ddd;margin:26px 0 34px}
.brands{background:#f3f3f3;color:#111;overflow:hidden}.brands .overline{color:var(--red)}.brand-marquee{position:relative;width:100%;overflow:hidden;padding:12px 0 25px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.brand-track{display:flex;width:max-content;gap:18px;will-change:transform;animation:brandsMove 34s linear infinite}.brand-marquee:hover .brand-track{animation-play-state:paused}.brand-card{flex:0 0 220px;height:150px;background:#fff;border:1px solid #ddd;border-radius:var(--radius);display:grid;place-items:center;box-shadow:0 10px 28px #00000010;transition:.3s}.brand-card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #0002}.brand-card img{width:auto;max-width:78%;height:70px;object-fit:contain;filter:grayscale(1);opacity:.82;transition:.3s}.brand-card:hover img{filter:none;opacity:1}.brand-note{text-align:center;color:#555;font-size:.85rem;font-weight:600;margin-top:28px}@keyframes brandsMove{to{transform:translateX(calc(-50% - 9px))}}
.store-gallery{background:#101010;overflow:hidden}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.gallery-heading h2{font-size:clamp(2.2rem,4.8vw,4.3rem)}.gallery-heading p{max-width:390px;color:var(--gray);text-align:right}.photo-carousel{position:relative}.photo-viewport{overflow:hidden;border-radius:12px}.photo-track{display:flex;gap:20px;transition:transform .7s cubic-bezier(.2,.75,.25,1);will-change:transform}.photo-slide{position:relative;flex:0 0 calc((100% - 40px)/3);height:430px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#1b1b1b;cursor:zoom-in}.photo-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#0008);opacity:0;transition:.35s}.photo-slide img{height:100%;object-fit:cover;transition:transform .6s,filter .4s}.photo-slide:hover img{transform:scale(1.055);filter:brightness(.8)}.photo-slide:hover:after{opacity:1}.carousel-arrow{position:absolute;z-index:3;top:calc(50% - 35px);width:52px;height:52px;border:1px solid #ffffff35;border-radius:50%;background:#0d0d0ddd;color:#fff;cursor:pointer;transition:.25s}.carousel-arrow:hover{background:var(--red);border-color:var(--red);transform:scale(1.08)}.carousel-prev{left:-26px}.carousel-next{right:-26px}.carousel-footer{display:flex;align-items:center;gap:24px;margin-top:28px}.carousel-count{color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.13em}.carousel-dots{display:flex;flex:1;gap:8px}.carousel-dot{height:3px;flex:1;max-width:62px;border:0;background:#ffffff25;cursor:pointer;transition:.3s}.carousel-dot.active{background:var(--red)}.carousel-tip{margin-left:auto;color:#777;font-size:.72rem;font-weight:600}.carousel-tip i{color:var(--red);margin-right:7px}
.lightbox{position:fixed;z-index:3000;inset:0;display:flex;align-items:center;justify-content:center;padding:60px 90px;background:#050505f5;opacity:0;visibility:hidden;transition:.3s}.lightbox.open{opacity:1;visibility:visible}.lightbox figure{position:relative;max-width:min(1200px,88vw);max-height:86vh;transform:scale(.93);transition:.35s}.lightbox.open figure{transform:scale(1)}.lightbox figure img{max-width:100%;max-height:80vh;width:auto;margin:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 90px #000}.lightbox figcaption{text-align:center;color:#bbb;font-size:.82rem;margin-top:14px}.lightbox-close{position:absolute;top:24px;right:28px;width:50px;height:50px;border:1px solid #ffffff30;border-radius:50%;background:#181818;color:#fff;font-size:1.45rem;cursor:pointer;transition:.25s}.lightbox-close:hover{background:var(--red);transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;width:52px;height:52px;border:1px solid #ffffff30;border-radius:50%;background:#181818;color:#fff;cursor:pointer}.lightbox-nav:hover{background:var(--red)}.lightbox-prev{left:25px}.lightbox-next{right:25px}
.cta{text-align:center;padding:105px 0;background:linear-gradient(135deg,#e5091422,transparent 48%),var(--dark);border-block:1px solid var(--line)}.cta h2{max-width:900px;margin:auto;font-size:clamp(2.1rem,4.5vw,4rem)}.cta p{color:var(--gray);margin:22px auto 31px}.footer{background:#090909}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;padding:72px 0}.footer p{color:#888;max-width:330px;font-size:.83rem;margin-top:18px}.footer__col{display:flex;flex-direction:column;gap:11px}.footer__col h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.footer__col>a{color:#888;font-size:.8rem}.social{display:flex;gap:10px}.social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line)}.copyright{border-top:1px solid var(--line);padding:20px 0;color:#666;font-size:.7rem;text-transform:uppercase}.whatsapp{position:fixed;z-index:900;right:24px;bottom:24px;width:58px;height:58px;display:grid;place-items:center;background:#25d366;border-radius:50%;font-size:1.75rem;box-shadow:0 10px 30px #0006}.reveal{opacity:0;transform:translateY(38px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.categories{grid-template-columns:repeat(2,1fr)}.featured__grid{gap:45px}.brand-card{flex-basis:190px}.photo-slide{flex-basis:calc((100% - 20px)/2)}.footer__grid{grid-template-columns:1.5fr 1fr 1fr}.parallax{background-attachment:scroll}}
@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:76px 0}.header{height:70px}.menu{display:block;z-index:2}.menu.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu.active span:nth-child(2){opacity:0}.menu.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:28px;background:#0a0a0afa;opacity:0;visibility:hidden;transition:.3s}.nav.open{opacity:1;visibility:visible}.nav a{font-size:1rem}.intro{padding:135px 0 68px}.intro h1{font-size:2.8rem}.categories,.featured__grid{grid-template-columns:1fr}.category{min-height:240px;justify-content:center;text-align:center}.featured__grid{gap:55px}.feature-img{margin-right:14px}.feature-img img{height:410px}.feature-copy{text-align:center}.feature-copy h2{font-size:2.25rem}.feature-copy ul{grid-template-columns:1fr;text-align:left;max-width:320px;margin:0 auto 32px}.parallax{min-height:560px;text-align:center}.parallax h2{font-size:3rem}.parallax p{margin-left:auto;margin-right:auto}.title,.gallery-heading{text-align:center}.brand-marquee{width:calc(100% + 28px);margin-left:-14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.brand-card{flex-basis:165px;height:120px}.brand-card img{height:58px}.gallery-heading{display:block;margin-bottom:34px}.gallery-heading p{max-width:430px;text-align:center;margin:18px auto 0}.photo-slide{flex-basis:100%;height:min(115vw,470px)}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-arrow{top:calc(50% - 48px);width:46px;height:46px}.carousel-footer{justify-content:center;flex-wrap:wrap;gap:14px}.carousel-dots{order:3;flex-basis:100%;justify-content:center}.carousel-tip{margin-left:0}.lightbox{padding:70px 14px}.lightbox figure{max-width:96vw}.lightbox-nav{top:auto;bottom:18px}.lightbox-prev{left:calc(50% - 62px)}.lightbox-next{right:calc(50% - 62px)}.lightbox-close{top:14px;right:14px}.cta .container{text-align:center}.footer__grid{grid-template-columns:1fr 1fr;text-align:center}.footer__grid>div:first-child{grid-column:1/3}.footer .logo,.footer p{margin-left:auto;margin-right:auto}.footer__col{align-items:center}.social{justify-content:center}}
@media(max-width:430px){.footer__grid{grid-template-columns:1fr}.footer__grid>div:first-child{grid-column:auto}.parallax h2,.gallery-heading h2{font-size:2.5rem}.btn{width:100%;padding:0 16px}.carousel-tip{width:100%}.whatsapp{right:15px;bottom:15px;width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*:before,*:after{transition-duration:.01ms!important}.parallax{background-attachment:scroll}.brand-track{animation:none}}