
:root{--ink:#2b2522;--rose:#b77978;--rose2:#d8aaa3;--cream:#fbf6f1;--sand:#eee0d4;--white:#fff;--line:#eaded5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 6%}
.logo{font:700 28px Georgia,serif}.logo span{color:var(--rose)}nav{display:flex;gap:24px;font-size:14px}nav a:hover{color:var(--rose)}
.hero{background:var(--sand);padding:72px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--rose);font-weight:bold}.hero h1{font:700 clamp(42px,6vw,68px) Georgia,serif;line-height:1.02;margin:12px 0}.hero p{font-size:18px;line-height:1.7;max-width:570px}.hero-art{min-height:420px;border-radius:24px;background:linear-gradient(145deg,#d7b9ad,#f8eee8);display:flex;align-items:center;justify-content:center;text-align:center;font:italic 25px Georgia,serif;color:#6d5750}
.btn,.mini-btn{display:inline-block;background:var(--ink);color:#fff;border-radius:30px;padding:14px 22px;margin-top:12px}.btn.alt{background:#fff;color:var(--ink)}.mini-btn{font-size:12px;padding:10px 14px}
.section{padding:58px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.title{font:38px Georgia,serif;margin:0}.muted{color:#89766e;font-size:12px;text-transform:uppercase;letter-spacing:1.3px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #00000008}.pic{height:290px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#e6d0c7,#f7eee9);color:#8d746b}.pic.top{background:linear-gradient(145deg,#ddd2c7,#f6efe8)}.pic span{font-weight:bold;letter-spacing:1px}.pic small{font-weight:normal;letter-spacing:0}.card-body{padding:16px}.card h3{margin:7px 0;font-size:17px}.price{font-weight:bold;color:var(--rose);font-size:17px}.about{background:#fff;text-align:center}.about p{max-width:720px;margin:auto;line-height:1.8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}.benefit h3{margin-top:0}.contact{background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.contact .btn{background:#fff;color:var(--ink)}
.product-page{max-width:1050px;margin:auto;padding:55px 7%}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.product-photo{min-height:520px;border-radius:22px;background:linear-gradient(145deg,#e4cfc5,#f8eee8);display:flex;align-items:center;justify-content:center;color:#8d746b;text-align:center}.product-info h1{font:48px Georgia,serif;margin:8px 0}.product-info .price{font-size:25px}.product-info p{line-height:1.8;color:#6f625d}.back{display:inline-block;margin-bottom:25px;color:var(--rose)}
footer{padding:30px 7%;background:#211c19;color:#ddd;display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:50px 6%}.hero-art{min-height:280px}.grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:1fr}.contact{display:block}.product-layout{grid-template-columns:1fr}.product-photo{min-height:360px}.product-info h1{font-size:40px}}
@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:12px}.pic{height:210px}.card-body{padding:12px}.card h3{font-size:14px}.section{padding:45px 5%}.hero h1{font-size:44px}.section-head{display:block}.section-head .btn{margin-top:15px}}
