*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2c2c2c;--color-text:#4a4a4a;--color-text-light:#8a8a8a;--color-bg:#faf9f6;--color-bg-white:#fff;--color-bg-cream:#f5f3ee;--color-border:#e8e5df;--color-accent:#8b7355;--color-accent-light:#c4a97d;--color-overlay:#2c2c2c99;--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}#app{width:100%;min-height:100vh}.announcement-bar{background:var(--color-primary);color:var(--color-bg-white);text-align:center;letter-spacing:1.5px;text-transform:uppercase;padding:10px 20px;font-size:13px;font-weight:400}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#faf9f6f2;transition:box-shadow .3s;position:sticky;top:0}.header.scrolled{box-shadow:0 2px 20px #0000000f}.header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 40px;display:flex}.brand{font-family:var(--font-heading);letter-spacing:6px;text-transform:uppercase;color:var(--color-primary);font-size:32px;font-weight:500}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text);font-size:13px;font-weight:500;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--color-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.hero{background:var(--color-bg-cream);justify-content:center;align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#faf9f64d 0%,#faf9f61a 40%,#faf9f680 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;padding:0 20px;position:relative}.hero-label{letter-spacing:4px;text-transform:uppercase;color:var(--color-accent);margin-bottom:20px;font-size:12px;font-weight:500}.hero-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:24px;font-size:clamp(48px,8vw,96px);font-weight:300;line-height:1.05}.hero-subtitle{color:var(--color-text-light);max-width:500px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:16px;font-weight:300;line-height:1.7}.btn-primary{background:var(--color-primary);color:var(--color-bg-white);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;padding:14px 40px;font-size:12px;font-weight:500;transition:all .3s;display:inline-block}.btn-primary:hover{background:var(--color-accent);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);letter-spacing:2.5px;text-transform:uppercase;border:1.5px solid var(--color-primary);cursor:pointer;background:0 0;padding:14px 40px;font-size:12px;font-weight:500;transition:all .3s;display:inline-block}.btn-secondary:hover{background:var(--color-primary);color:var(--color-bg-white)}.section{padding:100px 40px}.section-contained{max-width:1400px;margin:0 auto}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;font-size:12px;font-weight:500}.section-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.15}.section-desc{color:var(--color-text-light);max-width:520px;font-size:16px;font-weight:300;line-height:1.8}.section-header-center{text-align:center;margin-bottom:60px}.section-header-center .section-desc{margin:0 auto}.featured-products{background:var(--color-bg-white)}.products-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.product-card{cursor:pointer;transition:transform .3s}.product-card:hover{transform:translateY(-4px)}.product-image-wrapper{background:var(--color-bg-cream);aspect-ratio:3/4;margin-bottom:16px;position:relative;overflow:hidden}.product-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.product-card:hover .product-image-wrapper img{transform:scale(1.05)}.product-badge{background:var(--color-primary);color:var(--color-bg-white);letter-spacing:1px;text-transform:uppercase;padding:5px 10px;font-size:10px;font-weight:500;position:absolute;top:12px;left:12px}.product-category{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-light);margin-bottom:6px;font-size:11px}.product-name{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:6px;font-size:20px;font-weight:500}.product-price{color:var(--color-text);font-size:15px}.approach-section{background:var(--color-bg-cream)}.approach-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.approach-image{aspect-ratio:3/4;overflow:hidden}.approach-image img{object-fit:cover;width:100%;height:100%}.approach-content{max-width:480px}.approach-content .section-desc{margin-bottom:32px}.categories-section{background:var(--color-bg-white)}.categories-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.category-card{aspect-ratio:3/4;cursor:pointer;position:relative;overflow:hidden}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.category-card:hover img{transform:scale(1.08)}.category-overlay{background:linear-gradient(#0000 40%,#2c2c2c80 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:40px;transition:background .3s;display:flex;position:absolute;inset:0}.category-card:hover .category-overlay{background:linear-gradient(#2c2c2c1a 30%,#2c2c2cb3 100%)}.category-name{font-family:var(--font-heading);color:var(--color-bg-white);letter-spacing:3px;text-transform:uppercase;font-size:28px;font-weight:400}.category-link{letter-spacing:2px;text-transform:uppercase;color:var(--color-bg-white);opacity:0;margin-top:8px;font-size:11px;font-weight:500;transition:all .3s;transform:translateY(8px)}.category-card:hover .category-link{opacity:1;transform:translateY(0)}.personalization-section{background:var(--color-bg)}.personalization-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.personalization-content{max-width:480px}.personalization-content .section-desc{margin-bottom:32px}.personalization-image{aspect-ratio:2/3;overflow:hidden}.personalization-image img{object-fit:cover;width:100%;height:100%}.features-section{background:var(--color-bg-white);text-align:center}.features-grid{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:60px;display:grid}.feature-item{text-align:center}.feature-icon{border:1.5px solid var(--color-border);width:64px;height:64px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.feature-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:12px;font-size:24px;font-weight:500}.feature-desc{color:var(--color-text-light);font-size:14px;font-weight:300;line-height:1.7}.testimonial-section{background:var(--color-bg-cream);text-align:center;padding:120px 40px}.testimonial-quote{font-family:var(--font-heading);color:var(--color-primary);max-width:700px;margin:0 auto 24px;font-size:clamp(24px,3vw,36px);font-style:italic;font-weight:300;line-height:1.5}.testimonial-author{letter-spacing:2px;text-transform:uppercase;color:var(--color-text-light);font-size:13px}.press-section{background:var(--color-bg-white);text-align:center;padding:60px 40px}.press-logos{opacity:.4;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;display:flex}.press-logo{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:2px;font-size:28px;font-weight:600}.newsletter-section{background:var(--color-primary);color:var(--color-bg-white);text-align:center;padding:100px 40px}.newsletter-section .section-label{color:var(--color-accent-light)}.newsletter-section .section-title{color:var(--color-bg-white)}.newsletter-section .section-desc{color:#ffffffb3;margin:0 auto 32px}.newsletter-form{gap:0;max-width:480px;margin:0 auto;display:flex}.newsletter-input{color:var(--color-bg-white);font-family:var(--font-body);background:0 0;border:1.5px solid #ffffff4d;outline:none;flex:1;padding:14px 20px;font-size:14px;transition:border-color .3s}.newsletter-input::placeholder{color:#fff6}.newsletter-input:focus{border-color:#ffffffb3}.newsletter-btn{background:var(--color-bg-white);color:var(--color-primary);font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;padding:14px 32px;font-size:12px;font-weight:500;transition:all .3s}.newsletter-btn:hover{background:var(--color-accent-light);color:var(--color-bg-white)}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:60px 40px 30px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;max-width:1400px;margin:0 auto 60px;display:grid}.footer-brand{font-family:var(--font-heading);letter-spacing:5px;text-transform:uppercase;color:var(--color-primary);margin-bottom:16px;font-size:28px;font-weight:500}.footer-desc{color:var(--color-text-light);max-width:300px;font-size:14px;font-weight:300;line-height:1.7}.footer-heading{letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);margin-bottom:20px;font-size:12px;font-weight:500}.footer-links a{color:var(--color-text-light);margin-bottom:12px;font-size:14px;font-weight:300;transition:color .3s;display:block}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding-top:30px;display:flex}.footer-copyright{color:var(--color-text-light);font-size:12px}.footer-social{gap:16px;display:flex}.footer-social a{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex}.footer-social a:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-white)}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.section{padding:80px 24px}.header-inner{height:64px;padding:0 24px}.brand{letter-spacing:4px;font-size:24px}.nav-links{gap:20px}.nav-links a{letter-spacing:1px;font-size:11px}.products-grid{grid-template-columns:repeat(2,1fr);gap:20px}.approach-grid{grid-template-columns:1fr;gap:40px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.personalization-grid{grid-template-columns:1fr;gap:40px}.personalization-grid .approach-image,.personalization-grid .personalization-content{order:0}.features-grid{grid-template-columns:1fr;gap:40px}.newsletter-form{flex-direction:column;gap:12px}.footer-inner{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=640px){.section{padding:60px 16px}.nav-links{display:none}.hero-title{font-size:42px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.categories-grid{grid-template-columns:1fr 1fr;gap:8px}.category-name{font-size:20px}.footer-inner{grid-template-columns:1fr;gap:32px}}