:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2.125rem;--text-4xl: 2.75rem;--text-5xl: 3.75rem;--text-6xl: 4.75rem;--text-7xl: 6.25rem;--ocean-950: #050a12;--ocean-900: #0a1628;--ocean-800: #0f2136;--ocean-700: #1a3a4a;--ocean-600: #2a5566;--ocean-500: #3d7080;--ocean-400: #5a9aad;--ocean-300: #8ec4d4;--ocean-200: #c2e4ed;--ocean-100: #e8f5f8;--ocean-50: #f4fafb;--brass-700: #8a6234;--brass-600: #a67842;--brass-500: #c4956a;--brass-400: #d4ad85;--brass-300: #e4c9a8;--brass-200: #f0dfc9;--brass-100: #f8f0e6;--brand-gold: var(--brass-500);--brand-dark: var(--ocean-900);--brand-cream: var(--brass-100);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-ocean: 0 25px 50px -12px rgba(10, 22, 40, .25);--shadow-brass: 0 10px 40px -10px rgba(196, 149, 106, .3);--shadow-glow: 0 0 40px rgba(196, 149, 106, .15)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f8f9fa;overflow-x:hidden;font-family:DM Sans,system-ui,sans-serif}::selection{background-color:var(--brass-500);color:#fff}.font-display{font-family:Cormorant Garamond,Georgia,serif}.hero-title,.text-hero{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(2.5rem,7vw,5rem);line-height:1.05;letter-spacing:-.02em}.text-section-title,.section-title{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;letter-spacing:-.01em}.text-body-large{font-family:DM Sans,sans-serif;font-size:1.1875rem;line-height:1.8;font-weight:400;letter-spacing:.01em}.text-body{font-family:DM Sans,sans-serif;font-size:1.0625rem;line-height:1.75;font-weight:400}.section-label{font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.text-mono{font-family:JetBrains Mono,monospace;font-size:.9em;letter-spacing:.02em;font-weight:500}.content-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:768px){.content-container{padding-left:2rem;padding-right:2rem}}.section-padding{padding-top:5rem;padding-bottom:5rem}@media(min-width:768px){.section-padding{padding-top:6rem;padding-bottom:6rem}}.section-padding-lg{padding-top:6rem;padding-bottom:6rem}@media(min-width:768px){.section-padding-lg{padding-top:8rem;padding-bottom:8rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;min-height:52px;background:var(--ocean-900);color:#fff;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s var(--ease-out-expo)}.btn-primary:hover{background:var(--ocean-800);transform:translateY(-2px);box-shadow:var(--shadow-ocean)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-brass{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;min-height:52px;background:linear-gradient(135deg,var(--brass-600),var(--brass-500));color:#fff;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s var(--ease-out-expo)}.btn-brass:hover{background:linear-gradient(135deg,var(--brass-500),var(--brass-400));transform:translateY(-2px);box-shadow:var(--shadow-brass)}.btn-brass:active{transform:translateY(0)}.btn-primary:disabled,.btn-brass:disabled,.btn-outline:disabled,.btn-outline-light:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary:disabled:hover,.btn-brass:disabled:hover,.btn-outline:disabled:hover,.btn-outline-light:disabled:hover{transform:none;box-shadow:none}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;min-height:52px;background:transparent;color:var(--ocean-900);font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ocean-200);cursor:pointer;transition:all .4s var(--ease-out-expo)}.btn-outline:hover{background:var(--ocean-900);color:#fff;border-color:var(--ocean-900);transform:translateY(-2px)}.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;min-height:52px;background:transparent;color:#fff;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:2px solid rgba(255,255,255,.4);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s var(--ease-out-expo)}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:transparent;color:var(--brass-600);font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;border-bottom:1px solid var(--brass-300);cursor:pointer;transition:all .3s var(--ease-smooth)}.btn-ghost:hover{color:var(--ocean-900);border-color:var(--ocean-900)}.btn-ghost svg{transition:transform .3s var(--ease-smooth)}.btn-ghost:hover svg{transform:translate(4px)}.modern-card{background:#fff;border:1px solid rgba(0,0,0,.04);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;transition:all .4s var(--ease-out-expo)}.modern-card:hover{box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.card-elevated{background:#fff;border-radius:2px;box-shadow:var(--shadow-md);transition:all .4s var(--ease-out-expo)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-lg)}.card-ocean{background:var(--ocean-900);color:#fff;position:relative;overflow:hidden}.card-ocean:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(196,149,106,.03) 100%);pointer-events:none}.parallax-hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.parallax-bg img{width:100%;height:120%;object-fit:cover}.parallax-content{position:relative;z-index:10;text-align:center;padding:0 1.5rem}.gradient-overlay{background:linear-gradient(180deg,#0a162899,#0a162866 40%,#0a1628b3)}.page-hero{height:65vh;min-height:400px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.page-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000073,#0000004d,#0000008c)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-skeleton{animation:skeleton-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--ocean-100) 25%,var(--ocean-50) 50%,var(--ocean-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fadeIn .6s var(--ease-out-expo) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s var(--ease-out-expo) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.hover-lift{transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-ocean)}.hover-scale{transition:transform .3s var(--ease-smooth)}.hover-scale:hover{transform:scale(1.02)}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .6s var(--ease-out-expo)}.img-zoom:hover img{transform:scale(1.08)}.gradient-ocean{background:linear-gradient(180deg,#0a1628f2,#1a3a4ad9,#0a1628e6)}.gradient-ocean-soft{background:linear-gradient(180deg,#0a1628b3,#0a16284d,#0a1628cc)}.gradient-brass{background:linear-gradient(135deg,var(--brass-600) 0%,var(--brass-500) 50%,var(--brass-400) 100%)}.gradient-mesh{background:radial-gradient(at 40% 20%,rgba(196,149,106,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(90,154,173,.08) 0px,transparent 40%),radial-gradient(at 0% 50%,rgba(26,58,74,.06) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(196,149,106,.06) 0px,transparent 40%),radial-gradient(at 0% 100%,rgba(90,154,173,.08) 0px,transparent 50%)}.texture-grain{position:relative}.texture-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none}.texture-waves{background-image:url("data:image/svg+xml,%3Csvg width='200' height='40' viewBox='0 0 200 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 Q50 0, 100 20 T200 20' fill='none' stroke='%231a3a4a' stroke-width='0.5' opacity='0.06'/%3E%3C/svg%3E");background-repeat:repeat;animation:wave-drift 25s linear infinite}@keyframes wave-drift{0%{background-position:0 0}to{background-position:200px 0}}.divider-brass{width:60px;height:2px;background:linear-gradient(90deg,var(--brass-500),var(--brass-300))}.divider-ocean{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--ocean-200),transparent)}.divider-center{display:flex;align-items:center;justify-content:center;gap:1rem}.divider-center:before,.divider-center:after{content:"";height:1px;width:40px;background:var(--brass-400)}.material-swatch{position:relative;aspect-ratio:1;border-radius:2px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s var(--ease-smooth)}.material-swatch:hover{transform:scale(1.15);z-index:10;box-shadow:0 8px 20px #00000026}.material-swatch.active{border-color:var(--brass-500);box-shadow:0 0 0 2px var(--brass-500),0 8px 20px #c4956a40}.material-swatch img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease-smooth)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .875rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:2px}.badge-brass{background:linear-gradient(135deg,#c4956a1f,#c4956a0f);color:var(--brass-700);border:1px solid rgba(196,149,106,.2)}.badge-ocean{background:#1a3a4a14;color:var(--ocean-700);border:1px solid rgba(26,58,74,.12)}.price-tag{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;color:var(--ocean-900)}.price-tag .currency{font-size:.7em;vertical-align:super}.price-tag .unit{font-size:.7em;color:var(--ocean-500);font-weight:400}.input-elegant{width:100%;padding:1.125rem 0;background:transparent;border:none;border-bottom:2px solid var(--ocean-200);font-family:DM Sans,sans-serif;font-size:1.0625rem;color:var(--ocean-900);transition:border-color .3s var(--ease-smooth)}.input-elegant:focus{outline:none;border-color:var(--brass-500);border-bottom-width:3px}.input-elegant::placeholder{color:var(--ocean-500);font-weight:400}.input-label{display:block;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ocean-800);margin-bottom:.625rem}.nav-link{position:relative;font-family:DM Sans,sans-serif;font-size:.9375rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:inherit;text-decoration:none;padding:.625rem 0;transition:color .3s var(--ease-smooth)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--brass-500);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out-expo)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.link-underline{position:relative;color:var(--brass-600);text-decoration:none;font-weight:500}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--brass-500);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out-expo)}.link-underline:hover:after{transform:scaleX(1);transform-origin:left}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ocean-100)}::-webkit-scrollbar-thumb{background:var(--ocean-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ocean-400)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){.hero-title,.text-hero{font-size:clamp(2.25rem,9vw,3.25rem)}.text-section-title,.section-title{font-size:clamp(1.625rem,5vw,2rem)}.btn-primary,.btn-brass,.btn-outline,.btn-outline-light{padding:1rem 1.5rem;font-size:.875rem;min-height:52px;width:100%;justify-content:center}.btn-ghost{padding:.875rem 0;min-height:48px}.section-padding{padding-top:3.5rem;padding-bottom:3.5rem}.input-elegant{padding:1.125rem 1rem;font-size:1rem;border:2px solid var(--ocean-200);border-radius:4px}}@media(max-width:480px){.section-padding{padding-top:2.5rem;padding-bottom:2.5rem}.content-container{padding-left:1rem;padding-right:1rem}}*:focus-visible{outline:3px solid var(--brass-500);outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid var(--brass-500);outline-offset:3px;box-shadow:0 0 0 6px #c4956a33}.skip-link{position:absolute;top:-40px;left:0;background:var(--brass-600);color:#fff;padding:.75rem 1.5rem;z-index:100;font-size:1rem;font-weight:600;transition:top .3s}.skip-link:focus{top:0}.flex-center{display:flex;align-items:center;justify-content:center}.aspect-hero{aspect-ratio:16 / 9}.aspect-material{aspect-ratio:16 / 10}.backdrop-soft{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.text-high-contrast{color:var(--ocean-950)!important}.product-text-overlay{text-shadow:0 1px 2px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3)}.product-text-overlay-light{text-shadow:0 1px 2px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3)}.touch-target{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}.phone-link{display:inline-flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--brass-600);text-decoration:none;padding:.5rem 0;border-bottom:2px solid var(--brass-400);transition:all .3s ease}.phone-link:hover{color:var(--ocean-900);border-color:var(--ocean-900)}.trust-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--ocean-50);border:1px solid var(--ocean-100);font-size:.9375rem;font-weight:500;color:var(--ocean-800)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-fade-in-up{animation:none;opacity:1;transform:none}.animate-on-scroll{opacity:1;transform:none}}@media(prefers-contrast:high){.btn-primary,.btn-brass{border:2px solid white}.btn-outline{border-width:3px}.input-elegant{border-bottom-width:3px}}@media print{.no-print{display:none!important}body{background:#fff;color:#000}.phone-link:after{content:" (" attr(href) ")"}}.bg-pearl{background-color:#f8f9fa}.bg-brand-gold{background-color:var(--brass-500)}.bg-brand-dark{background-color:var(--ocean-900)}.bg-brand-cream{background-color:var(--brass-100)}.text-brand-gold{color:var(--brass-500)}.text-brand-dark{color:var(--ocean-900)}.border-brand-gold{border-color:var(--brass-500)}.ring-brand-gold{--tw-ring-color: var(--brass-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}