:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-primary: #9a8478;--color-secondary: #d4c8be;--color-accent: #705f53;--color-text: #333333;--color-text-light: #777777;--color-background: #f9f7f5;--color-white: #ffffff;--font-primary: "Cormorant Garamond", serif;--font-secondary: "Montserrat", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--border-radius: 2px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-secondary);color:var(--color-text);line-height:1.6;background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:400;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:3.5rem}h2{font-size:2.5rem;margin-bottom:var(--spacing-md)}h3{font-size:1.75rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none;transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-secondary);transition:var(--transition)}.app{display:flex;flex-direction:column;min-height:100vh}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;padding:var(--spacing-sm) 0;transition:var(--transition)}header.scrolled{background-color:var(--color-white);box-shadow:0 2px 10px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.logo a{font-family:var(--font-primary);font-size:1.5rem;letter-spacing:2px;color:var(--color-white)}header.scrolled .logo a{color:var(--color-primary)}nav ul{display:flex;gap:var(--spacing-md)}nav a{font-family:var(--font-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-white)}header.scrolled nav a{color:var(--color-text)}nav a:hover{color:var(--color-secondary)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1001}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--color-white);transition:var(--transition)}header.scrolled .mobile-menu-toggle span{background-color:var(--color-text)}.hero{height:100vh;background-image:linear-gradient(#0000004d,#0000004d),url(/images/about-image.svg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-white);padding:0 var(--spacing-md)}.hero-content{max-width:800px}.hero h1{font-size:4rem;margin-bottom:var(--spacing-sm)}.hero p{font-size:1.2rem;margin-bottom:var(--spacing-md);font-family:var(--font-secondary)}.btn{display:inline-block;padding:12px 30px;background-color:var(--color-primary);color:var(--color-white);border:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.btn:hover{background-color:var(--color-accent)}section{padding:var(--spacing-xl) var(--spacing-md)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-lg)}.section-header p{color:var(--color-text-light)}.products{background-color:var(--color-white)}.product-tabs{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.product-tabs button{background:none;border:none;font-family:var(--font-primary);font-size:1.5rem;color:var(--color-text-light);padding:0 var(--spacing-md);position:relative}.product-tabs button.active{color:var(--color-primary)}.product-tabs button.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:1px;background-color:var(--color-primary)}.product-grid{max-width:1200px;margin:0 auto}.product-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.product-item{text-align:center}.product-image{margin-bottom:var(--spacing-sm);position:relative;overflow:hidden}.product-image img{transition:var(--transition)}.product-item:hover .product-image img{transform:scale(1.05)}.product-info h4{margin-bottom:var(--spacing-xs)}.product-info p{color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-size:.9rem}.price{display:block;font-family:var(--font-primary);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.btn-secondary{display:inline-block;padding:8px 20px;background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto;text-align:center}.feature-icon{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.about{background-color:var(--color-white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;align-items:center}.about-text{padding-right:var(--spacing-lg)}.about-text p{margin-bottom:var(--spacing-sm)}.about-text .btn{margin-top:var(--spacing-md)}.newsletter{background-color:var(--color-primary);color:var(--color-white);text-align:center;padding:var(--spacing-lg) var(--spacing-md)}.newsletter-content{max-width:600px;margin:0 auto}.newsletter-form{display:flex;margin-top:var(--spacing-md)}.newsletter-form input{flex:1;padding:12px 20px;border:none;font-family:var(--font-secondary)}.newsletter-form .btn{background-color:var(--color-accent)}.newsletter-form .btn:hover{background-color:var(--color-text)}.contact{background-color:var(--color-background)}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.9rem;color:var(--color-text-light)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;font-family:var(--font-secondary)}.contact-info{padding-left:var(--spacing-md)}.info-item{margin-bottom:var(--spacing-md)}.info-item h3{font-size:1.2rem;margin-bottom:var(--spacing-xs)}.featured{background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md)}.featured-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto;align-items:center}.featured-image img{width:100%;height:auto;border-radius:4px;box-shadow:0 5px 15px #0000001a;transition:var(--transition)}.featured-image img:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.featured-text h3{font-size:2rem;margin-bottom:var(--spacing-sm)}.featured-text p{margin-bottom:var(--spacing-md);color:var(--color-text-light)}.featured-text .price{font-size:1.5rem;color:var(--color-primary)}footer{background-color:var(--color-text);color:var(--color-white);padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{margin-bottom:var(--spacing-lg)}.footer-logo a{font-family:var(--font-primary);font-size:1.5rem;letter-spacing:2px}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.footer-column h4{margin-bottom:var(--spacing-sm);font-size:1rem;text-transform:uppercase;letter-spacing:1px}.footer-column ul li{margin-bottom:var(--spacing-xs)}.footer-column a{color:var(--color-secondary);font-size:.9rem}.footer-column a:hover{color:var(--color-white)}.social-links{display:flex;gap:var(--spacing-sm)}.social-links a{color:var(--color-secondary)}.social-links a:hover{color:var(--color-white)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:var(--color-text-light)}@media (max-width: 992px){section{padding:var(--spacing-lg) var(--spacing-md)}.about-content{grid-template-columns:1fr}.about-text{padding-right:0;order:2}.about-image{order:1;margin-bottom:var(--spacing-md)}.contact-content{grid-template-columns:1fr}.contact-info{padding-left:0}.product-items,.features{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.featured-content{grid-template-columns:1fr;gap:var(--spacing-md)}.featured-text{text-align:center}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--color-white);padding:80px 30px 30px;z-index:1000;transition:right .3s ease;box-shadow:-5px 0 15px #0000001a}nav.open{right:0}nav ul{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}nav a{color:var(--color-text);font-size:1rem}.header-container{padding:0 var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:2rem}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.newsletter-form{flex-direction:column}.newsletter-form input{margin-bottom:var(--spacing-sm)}.logo a{font-size:1.2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){section{padding:var(--spacing-md) var(--spacing-sm)}.product-tabs button{font-size:1.2rem;padding:0 var(--spacing-sm)}.product-items,.features{grid-template-columns:1fr}.hero{padding:0 var(--spacing-sm)}.hero h1{font-size:2rem}.hero p{font-size:.9rem}.btn{padding:10px 20px;font-size:.8rem}.header-container{flex-direction:column;padding:var(--spacing-sm)}.logo{margin-bottom:var(--spacing-sm)}nav ul{justify-content:center}.footer-links{grid-template-columns:1fr}.section-header{margin-bottom:var(--spacing-md)}}@media (max-width: 375px){.hero h1{font-size:1.8rem}h2{font-size:1.5rem}.product-tabs{flex-direction:column;gap:var(--spacing-sm)}.product-tabs button{padding:var(--spacing-xs) 0}.product-tabs button.active:after{bottom:-5px}}
