@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700;900&display=swap";:root{--color-bg:#0f1115;--color-surface:#1a1d24;--color-surface-light:#242830;--color-primary:#dc2626;--color-primary-hover:#b91c1c;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.2s ease;--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}main{position:relative;overflow:hidden}.container{z-index:2;width:90%;max-width:1200px;margin:0 auto;position:relative}.center{text-align:center}nav{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0f1115bf;border:1px solid #ffffff14;border-radius:50px;justify-content:space-between;align-items:center;width:95%;max-width:1400px;padding:12px 24px;transition:all .3s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0009}nav.scrolled{background:#0f1115f2;box-shadow:0 4px 30px #00000080}.brand-logo{align-items:center;text-decoration:none;display:flex}.brand-logo picture{align-items:center;display:flex}.brand-logo img{filter:brightness(0)saturate()invert(26%)sepia(91%)saturate(5833%)hue-rotate(352deg)brightness(94%)contrast(87%);width:auto;height:48px;display:block}.mobile-toggle{color:var(--color-text);cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;display:none}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--color-text);transition:color var(--transition-fast);font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-links a:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover{color:var(--color-primary)}.shop-btn{background:var(--color-primary);border-radius:50px;padding:.6rem 1.2rem;font-weight:600;color:#fff!important;transition:background var(--transition-fast), transform var(--transition-fast)!important}.shop-btn:after{display:none}.shop-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}@media (width<=768px){.mobile-toggle{justify-content:center;align-items:center;display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#0f1115f2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:95%;padding:2rem;transition:all .3s;position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 10px 40px #0009}.nav-links.nav-open{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}}header{z-index:0;align-items:center;min-height:100vh;padding:0 5%;display:flex;position:sticky;top:0;overflow:hidden}#hero-background{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}#hero-background img{object-fit:cover;filter:brightness(.4);width:100%;height:100%;animation:20s linear infinite alternate zoomBg;transform:scale(1.05)}@keyframes zoomBg{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.hero-overlay{background:linear-gradient(90deg,#0f1115 0%,#0f111599 50%,#0f111533 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-text-container{z-index:1;opacity:0;max-width:800px;animation:1s ease-out .2s forwards fadeUp;position:relative;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-subtitle{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:800;display:block}h1{font-family:var(--font-display);margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1.1}.hero-text-container p{color:var(--color-text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.btn{transition:all var(--transition-fast);cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;border-radius:4px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px #dc26264d}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.btn-secondary{color:#fff;border:1px solid var(--color-border);background:0 0;margin-left:1rem}.btn-secondary:hover{background:#ffffff0d;border-color:#fff}section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 5% 40px;display:flex}.section-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-weight:800;display:block}h2{font-family:var(--font-display);margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.fade-in-section.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.fade-up.visible{opacity:1;transform:translateY(0)}.service-grid>.fade-up:first-child{transition-delay:.1s}.service-grid>.fade-up:nth-child(2){transition-delay:.2s}.service-grid>.fade-up:nth-child(3){transition-delay:.3s}.service-grid>.fade-up:nth-child(4){transition-delay:.4s}.zoom-in{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.95)}.zoom-in.visible{opacity:1;transform:scale(1)}#about{min-height:90vh;padding-bottom:60px}#contact{padding-top:60px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text p{color:var(--color-text-muted);margin-bottom:1rem;font-size:1.1rem}.about-visual{border-radius:8px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.about-visual img{width:100%;height:auto;transition:transform var(--transition-slow);display:block}.about-visual:hover img{transform:scale(1.05)}.about-visual:before{content:"";z-index:1;pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff1a}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;list-style:none;display:grid}.service-card{background:var(--color-surface);border:1px solid var(--color-border);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--color-primary);transform-origin:top;width:4px;height:100%;transition:transform var(--transition-fast);position:absolute;top:0;left:0;transform:scaleY(0)}.service-card:hover{border-color:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.service-card:hover:before{transform:scaleY(1)}.service-icon{background:#dc26261a;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.5rem;display:flex}.service-icon svg{width:24px;height:24px;fill:var(--color-primary)}.service-card h3{font-size:1.25rem;font-family:var(--font-display);margin-bottom:1rem}.service-card p{color:var(--color-text-muted)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;list-style:none;display:grid}.gallery-item{aspect-ratio:4/3;cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-item .overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast);background:linear-gradient(#0000 50%,#000000e6 100%);align-items:flex-end;padding:2rem;display:flex;position:absolute;top:0;left:0}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:hover .overlay{opacity:1}.gallery-item span{font-family:var(--font-display);transition:transform var(--transition-fast);font-size:1.25rem;font-weight:700;transform:translateY(20px)}.gallery-item:hover span{transform:translateY(0)}.contact-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:3fr 2fr;gap:4rem;display:grid;overflow:hidden}.contact-card{padding:4rem}.contact-info{background:var(--color-surface-light);flex-direction:column;gap:2rem;padding:4rem;display:flex}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.input-group input,.input-group textarea{background:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-sans);transition:border-color var(--transition-fast);border-radius:4px;padding:1rem}.input-group input:focus,.input-group textarea:focus{border-color:var(--color-primary);outline:none}.input-group textarea{resize:vertical;height:150px}.info-item h3{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:1rem}.info-item p,.info-item a{color:var(--color-text);line-height:1.6;text-decoration:none}.info-item a:hover{text-decoration:underline}.map-box{border:1px solid var(--color-border);border-radius:8px;width:100%;height:200px;margin-top:auto;overflow:hidden}.map-box iframe{border:none;width:100%;height:100%}footer{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:2;padding:2rem 5%;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-text)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#lightbox{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000f2;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#lightbox.active{justify-content:center;align-items:center;display:flex}#lightbox img{border-radius:4px;max-width:90%;max-height:90vh;box-shadow:0 0 40px #00000080}#lightbox-close{color:#fff;cursor:pointer;z-index:2001;background:0 0;border:none;padding:10px;font-size:50px;font-weight:700;position:absolute;top:20px;right:30px}.lightbox-nav{color:#fff;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);z-index:2001;background:#00000080;border:none;border-radius:8px;padding:20px 30px;font-size:60px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#dc2626cc;transform:translateY(-50%)scale(1.05)}@media (width<=768px){.lightbox-nav{display:none}}#lightbox-prev{left:20px}#lightbox-next{right:20px}#lightbox-caption{color:#fff;font-family:var(--font-display);font-size:1.5rem;position:absolute;bottom:30px}@media (width<=900px){.about-grid,.contact-wrapper{grid-template-columns:1fr}.contact-wrapper{flex-direction:column-reverse;display:flex}.contact-card,.contact-info{padding:2rem}.hero-text-container{padding-top:80px}}@media (width<=600px){.footer-content{text-align:center;flex-direction:column;gap:1.5rem}.footer-links{flex-wrap:wrap;justify-content:center}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.4s}::view-transition-new(root){animation-duration:.4s}main{z-index:1;background-color:var(--color-bg);position:relative}main:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff14 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 5%,#0000 95%);mask-image:linear-gradient(#000 5%,#0000 95%)}.btn-primary:hover,.shop-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #dc262666}.btn-secondary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #ffffff1a}.reveal-section{opacity:0;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);transform:translateY(40px)}.reveal-section.visible{opacity:1;transform:translateY(0)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border:3px solid var(--color-bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}