:root{--bg:#f8f6f3;--bg-warm:#f3efe8;--ink:#1a1714;--ink-light:#5a5550;--accent:#8b6f47;--accent-hover:#6d5636;--cream:#faf8f5;--border:#e8e4de;--serif:"Playfair Display", Georgia, serif;--sans:"DM Sans", -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}header{z-index:100;background:#2c3e50;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:80px;display:flex}.logo img{width:auto;height:80px}nav{align-items:center;gap:2.5rem;display:flex}nav>.nav-item{position:relative}nav a,nav .nav-item>a{text-transform:uppercase;letter-spacing:.12em;color:#fffc;font-size:.8rem;font-weight:400;transition:color .3s}nav a:hover,nav .nav-item:hover>a{color:#fff}.dropdown{background:#1a2a3a;min-width:220px;padding:.75rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000004d}.nav-item:hover .dropdown{display:block}.dropdown a{white-space:nowrap;padding:.5rem 1.5rem;font-size:.75rem;display:block}.dropdown a:hover{background:#ffffff1a}.hero{justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;background:#ffffffd9;max-width:700px;padding:3rem 4rem;position:relative}.hero h1{font-family:var(--serif);letter-spacing:-.02em;max-width:800px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1}.hero p{color:var(--ink-light);max-width:520px;margin:0 auto;font-size:1.1rem;line-height:1.8}.hero-line{background:var(--accent);width:60px;height:1px;margin:2rem auto 0}.categories{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin:0 auto;display:grid}.cat-card{background:var(--cream);text-align:center;padding:3rem 2rem;transition:background .4s;position:relative}.cat-card:hover{background:var(--bg-warm)}.cat-card:after{content:"";background:var(--accent);width:0;height:1px;transition:width .4s;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.cat-card:hover:after{width:40px}.cat-card h3{font-family:var(--serif);margin-bottom:.5rem;font-size:1.4rem;font-weight:400}.cat-card span{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-light);font-size:.75rem}.products-header{text-align:center;padding:4rem 0 2rem}.products-header h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400}.products-header p{color:var(--ink-light);margin-top:.75rem;font-size:.95rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0 4rem;display:grid}.card{background:var(--cream);position:relative;overflow:hidden}.card-img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.23,1,.32,1)}.card:hover .card-img{transform:scale(1.04)}.card-body{padding:1.25rem .5rem}.card-cat{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.4rem;font-size:.65rem}.card-title{font-family:var(--serif);margin-bottom:.5rem;font-size:1.05rem;font-weight:400;line-height:1.4}.card-price{color:var(--ink-light);font-size:.9rem}.card-price strong{color:var(--ink);font-weight:500}.detail{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;padding:3rem 0 5rem;display:grid}.detail-images{flex-direction:column;gap:1rem;display:flex}.detail-images img{border-radius:2px;width:100%}.detail-info{position:sticky;top:100px}.detail-info .breadcrumb{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-light);margin-bottom:2rem;font-size:.75rem}.detail-info .breadcrumb a{color:var(--accent)}.detail-info h1{font-family:var(--serif);margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;line-height:1.2}.detail-price{margin-bottom:2rem;font-size:1.3rem;font-weight:500}.detail-price span{color:var(--ink-light);font-size:.85rem;font-weight:300}.detail-desc{color:var(--ink-light);margin-bottom:2rem;font-size:.95rem;line-height:1.9}.detail-desc p{margin-bottom:1rem}.detail-materials{color:var(--ink-light);border-top:1px solid var(--border);margin-bottom:2rem;padding-top:1.5rem;font-size:.8rem}.detail-materials strong{color:var(--ink);font-weight:500}.detail-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.detail-tags span{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);color:var(--ink-light);border-radius:2px;padding:.4rem .9rem;font-size:.7rem}.btn-buy{background:var(--ink);width:100%;color:var(--cream);text-align:center;font-family:var(--sans);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:none;margin-top:2rem;padding:1.1rem;font-size:.8rem;font-weight:400;transition:background .3s;display:block}.btn-buy:hover{background:var(--accent-hover)}.btn-sub{text-align:center;color:var(--ink-light);margin-top:.75rem;font-size:.75rem}.about-strip{text-align:center;background:var(--bg-warm);padding:5rem 0}.about-strip h2{font-family:var(--serif);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.about-strip p{color:var(--ink-light);max-width:550px;margin:0 auto;line-height:1.9}.about-strip a{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border-bottom:1px solid var(--accent);margin-top:1.5rem;padding-bottom:2px;font-size:.8rem;display:inline-block}footer{border-top:1px solid var(--border);text-align:center;padding:3rem 0}footer p{color:var(--ink-light);font-size:.8rem;line-height:2}footer a{color:var(--accent)}footer a:hover{text-decoration:underline}@media (width<=768px){nav{gap:1.2rem}nav a{font-size:.7rem}.categories{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr;gap:2rem}.detail-info{position:static}.grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=480px){.categories,.grid{grid-template-columns:1fr}}