:root{--color-primary: #f58220;--color-black: #000000;--color-white: #ffffff;--color-text: #1a1a1a;--color-text-light: #666666;--color-overlay: rgba(0, 0, 0, .4);--font-serif: "Playfair Display", serif;--font-sans: "Lato", sans-serif;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--header-height: 80px}body.dark-mode{--color-black: #ffffff;--color-white: #121212;--color-text: #e0e0e0;--color-text-light: #aaaaaa;background-color:var(--color-white);color:var(--color-text)}body.dark-mode header{border-bottom:1px solid rgba(255,255,255,.1);background-color:#121212}body.dark-mode .section-container[style*="#f8f8f8"]{background-color:#1e1e1e!important}body.dark-mode .hero-cinematic{background-color:#000}body.dark-mode input,body.dark-mode textarea{background-color:#2a2a2a;color:#fff;border-color:#444}body.dark-mode ::placeholder{color:#888}body.dark-mode .retail-card{background-color:#1e1e1e;color:#eee;box-shadow:0 4px 12px #0000004d}body.dark-mode .retail-title{color:#fff}body.dark-mode .retail-desc{color:#aaa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);line-height:1.6;background-color:var(--color-white);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;color:var(--color-black)}a{text-decoration:none;color:inherit;transition:all .3s ease}img{max-width:100%;display:block}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}header{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:var(--color-white);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .3s ease}.logo-container{display:flex;align-items:center}.logo-img{height:50px;object-fit:contain}nav ul{display:flex;gap:var(--spacing-md);list-style:none;align-items:center}nav a{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--color-text);position:relative}nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transition:width .3s ease}nav a:hover:after,nav a.active:after{width:100%}nav a:hover{color:var(--color-primary)}.hero-cinematic{position:relative;height:calc(100vh - var(--header-height));width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-black)}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.6;transition:transform 10s ease}.hero-cinematic:hover .hero-bg{transform:scale(1.05)}.hero-overlay-content{position:relative;z-index:2;text-align:center;color:var(--color-white);max-width:800px;padding:0 var(--spacing-md)}.hero-tagline{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:4px;font-size:.9rem;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-weight:700;opacity:0;animation:fadeInUp 1s ease forwards .2s}.hero-title{font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:var(--spacing-md);font-weight:400;color:#fff!important;opacity:0;animation:fadeInUp 1s ease forwards .5s}.hero-title span{font-style:italic;font-family:var(--font-serif)}.hero-cta{display:inline-block;border:1px solid var(--color-white);padding:1rem 2.5rem;color:var(--color-white);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;transition:all .3s ease;margin-top:var(--spacing-sm);opacity:0;animation:fadeInUp 1s ease forwards .8s}.hero-cta:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-container{padding:var(--spacing-xl) 10%;min-height:50vh}.section-dark{background-color:var(--color-black);color:var(--color-white)}.section-dark h1,.section-dark h2{color:var(--color-white)}.page-title{font-size:3rem;margin-bottom:var(--spacing-md);text-align:center}.retail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.retail-card{background:#f9f9f9;padding:2rem 1rem;text-align:center;transition:all .3s ease;border-radius:8px;border:1px solid transparent}.retail-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:#fff}.retail-title{font-size:1.25rem;margin-bottom:1.5rem;font-family:var(--font-sans);color:#333}.retail-image-container{height:200px;margin-bottom:1.5rem;overflow:hidden;border-radius:4px}.retail-image-container img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.retail-card:hover .retail-image-container img{transform:scale(1.1)}.retail-desc{color:#666;font-size:.95rem;line-height:1.6;max-width:90%;margin:0 auto}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid #ddd;background:#fff;font-family:var(--font-sans);font-size:1rem;border-radius:4px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.btn-primary{background-color:var(--color-black);color:#fff;padding:1rem 3rem;border:none;text-transform:uppercase;letter-spacing:2px;cursor:pointer;align-self:center;transition:background .3s;font-weight:700;border-radius:4px}.btn-primary:hover{background-color:var(--color-primary)}footer{background:#000;color:var(--color-text-light);padding:4rem 5%;text-align:center;font-size:.9rem;border-top:2px solid var(--color-primary)}.filter-container{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;border-radius:25px;border:1px solid #ddd;background:transparent;color:var(--color-text);cursor:pointer;font-family:var(--font-sans);transition:all .3s ease}.filter-btn.active,.filter-btn:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}@media(max-width:768px){:root{--header-height: auto;--spacing-xl: 3rem}header{flex-direction:column;padding:1rem}nav ul{gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem;padding:0}nav a{font-size:.8rem}.hero-cinematic{height:80vh}.hero-title{font-size:2.5rem;margin-bottom:1.5rem}.hero-tagline{font-size:.8rem;margin-bottom:1rem}.hero-cta{padding:.8rem 1.5rem;font-size:.8rem}.section-container{padding:var(--spacing-xl) 1.5rem}.page-title{font-size:2.2rem}.retail-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}.retail-desc.truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{background-color:var(--color-primary);color:#fff;border:none;padding:.4rem 1rem;border-radius:20px;margin-top:.8rem;cursor:pointer;font-size:.85rem;font-family:var(--font-sans);transition:background .3s ease;display:inline-block}.read-more-btn:hover{background-color:#e07215}.header-controls{display:flex;align-items:center;gap:1rem}#theme-toggle,.theme-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--color-text);padding:.5rem;display:flex;align-items:center;justify-content:center}.mobile-toggle{display:none!important}.desktop-toggle{display:flex!important}.desktop-toggle-li{display:flex;align-items:center}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.mobile-menu-btn span{display:block;width:25px;height:2px;background-color:var(--color-text);margin:5px 0;transition:all .3s ease}@media(max-width:768px){.mobile-toggle{display:flex!important}.desktop-toggle,.desktop-toggle-li{display:none!important}.mobile-menu-btn{display:block}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}header{flex-direction:row;justify-content:space-between;align-items:center;position:sticky}nav{position:absolute;top:var(--header-height, 80px);right:0;width:100%;background-color:var(--color-white);padding:2rem;box-shadow:0 10px 20px #0000001a;transform:translateY(-150%);transition:transform .4s ease-in-out;z-index:999;opacity:0}nav.nav-active{transform:translateY(0);opacity:1}nav ul{flex-direction:column;align-items:center;gap:1.5rem}body.dark-mode nav{background-color:#121212;border-bottom:1px solid rgba(255,255,255,.1)}}