*{margin:0;padding:0;box-sizing:border-box}:root{--color-carbon-ink: #000000;--color-paper-white: #ffffff;--color-soft-mist: #e5e7eb;--color-warm-fog: #f0efe7;--color-blush-sand: #f5ebd5;--color-smoke-charcoal: #333333;--color-slate: #2f3440;--color-olive-drab: #636355;--color-maroon-clay: #523037}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-paper-white);color:var(--color-carbon-ink);line-height:1.33;letter-spacing:.35px}.announcement-bar{background:var(--color-carbon-ink);color:var(--color-paper-white);text-align:center;padding:8px 16px;font-size:9px;font-weight:400;letter-spacing:.25px;text-transform:uppercase}header{background:var(--color-paper-white);border-bottom:1px solid var(--color-carbon-ink);padding:16px 0;position:relative;z-index:10}nav{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-links{display:flex;gap:24px;list-style:none;flex:1}.nav-links a{font-size:12px;font-weight:500;color:var(--color-carbon-ink);text-decoration:none;letter-spacing:.5px;transition:opacity .2s;text-transform:uppercase}.nav-links a:hover{opacity:.6}.logo{font-size:30px;font-weight:700;color:var(--color-carbon-ink);letter-spacing:.75px;text-transform:uppercase;flex:0 0 auto}.nav-icons{display:flex;gap:16px;align-items:center;flex:1;justify-content:flex-end}.icon-btn{background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-carbon-ink);transition:opacity .2s}.icon-btn:hover{opacity:.6}.icon-btn svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}.icon-btn.filled svg{fill:currentColor}.hero{position:relative;width:100%;height:500px;background:linear-gradient(135deg,#2f3440,#636355);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-content{position:absolute;text-align:center;color:var(--color-paper-white);z-index:2}.hero-headline{font-size:30px;font-weight:400;letter-spacing:.75px;margin-bottom:24px;line-height:1.2;max-width:400px}.btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:.5px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;text-transform:uppercase;border:none;padding:0}.btn-ghost{border:1px solid var(--color-paper-white);background:transparent;color:var(--color-paper-white);padding:12px 24px}.btn-ghost:hover{background:var(--color-paper-white);color:var(--color-carbon-ink)}.btn-primary{background:var(--color-carbon-ink);color:var(--color-paper-white);border:1px solid var(--color-carbon-ink);padding:10px 12px;font-size:11px}.btn-primary:hover{opacity:.8}.section{max-width:1440px;margin:0 auto;padding:64px 24px}.section-title{font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:24px;text-transform:uppercase}.category-tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--color-soft-mist);padding-bottom:12px}.tab{font-size:12px;font-weight:500;letter-spacing:.5px;background:none;border:none;cursor:pointer;padding:8px 16px;color:var(--color-smoke-charcoal);text-transform:uppercase;transition:all .2s;position:relative}.tab.active{color:var(--color-carbon-ink);font-weight:700}.tab.active:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:1px;background:var(--color-carbon-ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;row-gap:64px}.product-card{display:flex;flex-direction:column}.product-image-wrapper{position:relative;width:100%;padding-bottom:100%;background:var(--color-soft-mist);margin-bottom:12px;overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.wishlist-btn{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s}.wishlist-btn svg{width:100%;height:100%;stroke:var(--color-paper-white);fill:none;stroke-width:1.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.wishlist-btn.active svg{fill:var(--color-paper-white)}.color-swatches{display:flex;gap:8px;margin-bottom:8px}.swatch{width:16px;height:16px;border-radius:2px;cursor:pointer;border:1px solid transparent;transition:border-color .2s}.swatch.active{border-color:var(--color-carbon-ink)}.product-name{font-size:12px;font-weight:400;color:var(--color-carbon-ink);margin-bottom:4px;text-transform:capitalize}.product-price{font-size:12px;font-weight:400;color:var(--color-smoke-charcoal);margin-bottom:12px}.quick-add{align-self:flex-start}.editorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:64px}.editorial-image{width:100%;height:400px;background:var(--color-warm-fog);object-fit:cover}footer{background:var(--color-paper-white);border-top:1px solid var(--color-soft-mist);padding:64px 24px;margin-top:64px}.footer-content{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-section h3{font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.footer-section ul{list-style:none}.footer-section a{font-size:12px;color:var(--color-smoke-charcoal);text-decoration:none;margin-bottom:12px;display:block;transition:color .2s}.footer-section a:hover{color:var(--color-carbon-ink)}.footer-bottom{max-width:1440px;margin:64px auto 0;padding-top:24px;border-top:1px solid var(--color-soft-mist);text-align:center;font-size:11px;color:var(--color-smoke-charcoal)}.chat-widget{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:var(--color-carbon-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:transform .2s;border:none}.chat-widget:hover{transform:scale(1.1)}.chat-widget svg{width:28px;height:28px;stroke:var(--color-paper-white);fill:none;stroke-width:1.5}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}nav{padding:0 16px}.nav-links{gap:16px}.logo{font-size:24px}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(2,1fr)}.editorial-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.hero-headline{font-size:24px}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}.nav-icons{gap:8px}.logo{font-size:18px}.footer-content{grid-template-columns:1fr}.section{padding:24px 12px}.hero{height:300px}}