@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Source+Sans+3:wght@300;400;500;600;700&display=swap";:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-elevated: #2a2a2a;--color-text: #e0e0e0;--color-text-muted: #b0b0b0;--color-text-subtle: #c0c0c0;--color-primary: #C5A880;--color-primary-hover: #b09070;--color-primary-dark: #9a7a5c;--color-accent: #5A9A8D;--color-border: #333333;--color-border-light: #444444;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.35);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5), 0 4px 6px -2px rgba(0,0,0,.4);--shadow-hover: 0 20px 25px -5px rgba(0,0,0,.6), 0 10px 10px -5px rgba(0,0,0,.5);--bg-pattern: radial-gradient(#333333 1px, transparent 1px);--navbar-bg: rgba(0,0,0,.95);--font-main: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--spacing-container: 1200px;--page-pad-x: clamp(1rem, 4vw, 2rem);--page-pad-y: clamp(3rem, 8vw, 6rem);--section-pad: clamp(3.5rem, 10vw, 6rem) var(--page-pad-x);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background-color:var(--color-bg);background-image:var(--bg-pattern);background-size:24px 24px;color:var(--color-text);font-family:var(--font-main);font-size:var(--text-base);line-height:1.6;overflow-x:hidden;min-width:320px;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;min-height:100dvh;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--color-text);overflow-wrap:break-word}h1{font-size:clamp(2rem,6vw,var(--text-5xl));font-weight:800}h2{font-size:clamp(1.75rem,4vw,var(--text-4xl))}h3{font-size:clamp(1.35rem,3vw,var(--text-3xl))}h4{font-size:clamp(1.15rem,2.5vw,var(--text-2xl))}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{cursor:pointer;font-family:var(--font-main);touch-action:manipulation}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-size:16px;font-family:var(--font-main)}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md)}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 var(--page-pad-x);width:100%}.hero-viewport{min-height:100vh;min-height:100dvh}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1.25rem,3vw,2rem)}.grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(1.5rem,4vw,3rem)}.grid-2,.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.clean-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.clean-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.btn-primary{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;border:none;transition:background-color var(--transition-fast);min-height:44px}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:transparent;color:var(--color-text);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;border:1px solid var(--color-border);transition:all var(--transition-fast);min-height:44px}.btn-secondary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-compact{background-color:var(--color-primary);color:#fff;padding:.2rem .5rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-xs);border:none;display:inline-flex;align-items:center;gap:.2rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-compact:hover{background-color:var(--color-primary-hover);transform:scale(1.07)}.text-highlight{color:var(--color-primary)}.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4rem);align-items:start}.contact-info-col{order:1}.contact-form-col{order:2}@media (max-width: 900px){.contact-layout{grid-template-columns:1fr}.contact-form-col{order:1}.contact-info-col{order:2}}.site-navbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;padding:calc(1rem + var(--safe-top)) var(--page-pad-x) 1rem;background:transparent;border-bottom:1px solid transparent;transition:background .3s ease,padding .3s ease,box-shadow .3s ease,border-color .3s ease}.site-navbar.is-scrolled{padding-top:calc(.75rem + var(--safe-top));padding-bottom:.75rem;background:var(--navbar-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.nav-brand{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1 1 auto}.nav-brand-logo{width:44px;height:44px;flex-shrink:0;border-radius:8px;overflow:hidden}.nav-brand-logo img{width:100%;height:100%;object-fit:contain}.nav-brand-text{min-width:0}.nav-brand-title{font-size:clamp(.95rem,2.8vw,1.35rem);font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-brand-sub{font-size:.6rem;color:var(--color-text-muted);letter-spacing:.2em;font-weight:600;margin-top:2px}.desktop-menu{display:flex;gap:.35rem;align-items:center;flex-shrink:0}.desktop-nav-link{position:relative;display:flex;align-items:center;min-height:44px;padding:.65rem 1.15rem;color:var(--color-text-muted);font-weight:600;font-size:.9rem;letter-spacing:.02em;transition:color .2s ease}.desktop-nav-link.is-active{color:var(--color-primary)}.desktop-nav-pill{position:absolute;left:1.15rem;right:1.15rem;bottom:4px;height:2px;background:var(--color-primary)}.desktop-nav-cta{margin-left:.35rem;padding:.7rem 1.4rem;min-height:44px;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-weight:600;font-size:.85rem;letter-spacing:.02em}.mobile-toggle{display:none;cursor:pointer;z-index:101;color:var(--color-text);background:var(--color-surface);padding:.55rem;border-radius:8px;border:1px solid var(--color-border);min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-shrink:0}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;border:none;padding:0;margin:0;background:#000000b8;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1101;width:min(85vw,360px);display:flex;flex-direction:column;gap:.75rem;padding:calc(1.25rem + var(--safe-top)) 1.25rem calc(1.5rem + var(--safe-bottom));background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-10px 0 50px #00000059;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.mobile-nav-drawer-title{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.02em}.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;min-height:48px;padding:.85rem 1rem;border-radius:8px;font-size:1.25rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-muted);border:1px solid transparent}.mobile-nav-link.is-active{color:var(--color-text);background:var(--color-bg);border-color:var(--color-border)}.mobile-nav-cta{margin-top:auto;padding:1.1rem;min-height:48px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(1.25rem,3vw,2rem);align-items:stretch}.product-card{display:flex;flex-direction:column;height:100%;background:var(--color-surface-elevated);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:border-color .3s ease,box-shadow .3s ease}@media (hover: hover) and (pointer: fine){.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover)}.product-card:hover .product-card-title{color:var(--color-primary)}.product-card:hover .product-card-media img{transform:scale(1.06)}.product-card-cta:hover,.product-card-cta:focus-visible{background:var(--color-primary);color:#fff}}.product-card-media{height:220px;flex-shrink:0;overflow:hidden;position:relative;background:var(--color-bg)}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card-badge{position:absolute;top:1rem;right:1rem;padding:.35rem .85rem;background:#121212d1;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--color-primary);border:1px solid var(--color-border);pointer-events:none}.product-card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:1.5rem;gap:.75rem;min-height:0}.product-card-title{font-size:1.2rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:var(--color-text);transition:color .2s ease}.product-card-desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.6em * 3);margin:0}.product-card-cta{margin-top:auto;width:100%;padding:.85rem 1.25rem;min-height:48px;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:6px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease}.product-card-cta:active{background:var(--color-primary);color:#fff}@media (max-width: 968px){.desktop-menu{display:none}.mobile-toggle{display:inline-flex}}@media (max-width: 768px){.form-row,.grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.grid-auto{grid-template-columns:1fr}.product-card-media{height:200px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}