:root{--charcoal: #222222;--charcoal-light: #2d2d2d;--cream: #FDFCF0;--gold: #C5A880;--gold-hover: #b4956d;--white: #ffffff;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--container-width: 1200px;--container-padding: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--charcoal);background-color:var(--cream);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.subtitle{font-family:var(--font-sans);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:var(--font-sans);font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background-color:var(--charcoal);color:var(--cream)}.btn-primary:hover{background-color:var(--charcoal-light)}.btn-secondary{background-color:var(--cream);color:var(--charcoal)}.btn-secondary:hover{background-color:#f0eedb}.btn-outline{background-color:transparent;color:var(--cream);border:1px solid var(--cream)}.btn-outline:hover{background-color:var(--cream);color:var(--charcoal)}.navbar{position:fixed;top:0;left:0;width:100%;padding:24px 0;z-index:1000;transition:var(--transition)}.navbar.scrolled{background-color:#222222f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 0;box-shadow:0 4px 20px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.logo{font-family:var(--font-serif);font-size:1.5rem;color:var(--cream);display:flex;flex-direction:column;line-height:1}.logo-sub{font-family:var(--font-sans);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;margin-top:4px;opacity:.8}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--cream);font-size:.9rem;font-weight:300;letter-spacing:.05em}.nav-links a:hover{color:var(--gold)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--cream);cursor:pointer}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=2075&q=80);background-size:cover;background-position:center;background-attachment:fixed;color:var(--cream);padding:120px 0 60px}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#222222b3,#2226);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px}.hero h1{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:24px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-desc{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:300;margin-bottom:48px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:20px;justify-content:center}.fade-up{opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards}.fade-up.delay-1{animation-delay:.2s}.fade-up.delay-2{animation-delay:.4s}.fade-up.delay-3{animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section-padding{padding:100px var(--container-padding)}.text-center{text-align:center}.text-gold{color:var(--gold)}.text-cream{color:var(--cream)}.bg-charcoal{background-color:var(--charcoal);color:var(--cream)}.bg-cream-dark{background-color:#f5f4e6}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.full-width{width:100%}.section-header{margin-bottom:60px}.section-header h2{font-size:clamp(2rem,4vw,3rem)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.feature-card{padding:30px;background-color:var(--white);border:1px solid rgba(0,0,0,.05);transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.feature-icon{width:50px;height:50px;color:var(--gold);margin-bottom:20px}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#666;font-size:.95rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.product-card{background-color:var(--charcoal-light);overflow:hidden;transition:var(--transition)}.product-card:hover{transform:translateY(-5px)}.product-image{height:300px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-content{padding:30px}.product-content h3{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:10px;color:var(--gold)}.product-content p{font-size:.95rem;opacity:.8;margin-bottom:20px}.link-btn{font-size:.85rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);display:inline-flex;align-items:center}.link-btn:hover{color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.portfolio-item{position:relative;height:350px;overflow:hidden;cursor:pointer}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#222222e6,#2223,#2220);opacity:0;transition:opacity .4s ease;display:flex;align-items:flex-end;padding:30px}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-info{color:var(--cream);transform:translateY(20px);transition:transform .4s ease}.portfolio-item:hover .portfolio-info{transform:translateY(0)}.portfolio-info h3{font-size:1.25rem;margin-bottom:5px}.portfolio-info p{font-size:.85rem;font-family:var(--font-sans);color:var(--gold);letter-spacing:.05em;text-transform:uppercase}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.testimonial-card{background-color:var(--white);padding:40px;box-shadow:0 10px 30px #00000005}.stars{color:var(--gold);font-size:1.25rem;margin-bottom:20px;letter-spacing:2px}.quote{font-family:var(--font-serif);font-size:1.15rem;font-style:italic;line-height:1.8;margin-bottom:30px}.author h4{font-family:var(--font-sans);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.author p{font-size:.85rem;color:#666;margin-top:4px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-item{font-size:.95rem;opacity:.9}.contact-form{display:flex;flex-direction:column}.form-row{display:flex;gap:15px}.form-row input{flex:1}.contact-form input,.contact-form textarea{width:100%;padding:15px 20px;background-color:var(--charcoal-light);border:1px solid rgba(253,252,240,.1);color:var(--cream);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--gold);background-color:#fdfcf00d}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fdfcf080}.footer-bottom{border-top:1px solid rgba(253,252,240,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#fdfcf099}.social-links{display:flex;gap:20px}.social-links a:hover{color:var(--gold)}@media(max-width:900px){.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:block}.hero{padding-top:100px}.hero h1{font-size:clamp(2.5rem,8vw,3.5rem)}.hero-actions{flex-direction:column}.btn{width:100%}.section-padding{padding:60px var(--container-padding)}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media(max-width:600px){.features-grid,.collection-grid,.testimonial-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:15px}.portfolio-item{height:250px}}