@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#18352b;--cream:#f6f3eb;--sage:#dfe9df;--tan:#c8a77a;--white:#fff;--muted:#66736c}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-width{max-width:1180px;margin:auto;padding:0 24px}
.header{position:sticky;top:0;z-index:20;background:rgba(246,243,235,.95);backdrop-filter:blur(12px);border-bottom:1px solid #dfe2da}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-family:'Playfair Display',serif;font-size:28px;letter-spacing:.04em}.nav{display:flex;gap:26px;font-weight:600;font-size:14px}.nav a:hover{opacity:.65}.cart{font-weight:700}
.hero{padding:76px 0 88px;background:linear-gradient(135deg,#e6eee3,#f6f3eb 60%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#65776b}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(52px,7vw,88px);line-height:.98;margin:14px 0 22px}.hero p{font-size:19px;max-width:560px;color:#526159}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--ink);color:white;border-radius:999px;padding:15px 25px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);opacity:.92}.hero-art{min-height:460px;border-radius:32px;background:#cfdccd;display:flex;align-items:center;justify-content:center;font-size:90px;box-shadow:0 25px 70px rgba(24,53,43,.12)}
.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2{font-family:'Playfair Display',serif;font-size:44px;line-height:1.05;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 8px 30px rgba(24,53,43,.06);transition:.2s}.card:hover{transform:translateY(-4px)}.card-media{aspect-ratio:1/1;background:#e8ede5;display:flex;align-items:center;justify-content:center;font-size:64px}.card-body{padding:20px}.card h3{margin:0 0 5px;font-size:18px}.price{font-weight:700}.muted{color:var(--muted);font-size:14px}
.product{padding:60px 0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.product-media{background:#e8ede5;border-radius:28px;overflow:hidden}.product-info h1{font-family:'Playfair Display',serif;font-size:54px;line-height:1.05;margin:8px 0 14px}.product-info .price{font-size:24px;margin-bottom:24px}.product-form{margin-top:28px}.qty{display:flex;gap:10px;align-items:center;margin-bottom:14px}.qty input{width:70px;padding:13px;border:1px solid #ccd4cb;border-radius:10px;background:white}.description{color:#55645b}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.badge{background:#e3ece1;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}
.cart-page{padding:70px 0}.cart-line{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #d8ddd6}.cart-line img{width:90px;border-radius:12px}.cart-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.input{width:100%;padding:14px;border:1px solid #ccd4cb;border-radius:10px;background:white}
.footer{background:var(--ink);color:white;padding:50px 0;margin-top:50px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer .muted{color:#c5d0c8}
@media(max-width:800px){.nav{display:none}.hero-grid,.product-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero-art{min-height:300px}.grid{grid-template-columns:1fr 1fr}.section h2{font-size:36px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.page-width{padding:0 18px}.hero h1{font-size:54px}}
