:root{--ink:#24362f;--cream:#faf8f2;--sage:#e5eee7;--accent:#b9785e}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 4%;background:#fff;gap:24px}.logo{font-weight:800;font-size:22px}.nav{display:flex;gap:22px;flex-wrap:wrap}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none}.nav details[open] .submenu{display:block}.submenu{display:none;position:absolute;top:25px;left:0;background:#fff;padding:16px;min-width:190px;z-index:5;box-shadow:0 8px 24px #0001}.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:var(--sage)}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff9 0%,#fff3 45%,transparent 75%)}.hero-content{position:relative;z-index:1;max-width:650px;padding:80px 6%}.eyebrow{letter-spacing:4px;text-transform:uppercase;font-size:12px;color:var(--accent);font-weight:700}.hero h1{font-size:clamp(42px,6vw,82px);line-height:.98;margin:18px 0}.hero p{font-size:20px;line-height:1.5}.button{display:inline-block;background:var(--ink);color:#fff;padding:16px 25px;border-radius:30px;font-weight:700}.section{padding:70px 5%}.section-head{max-width:700px;margin:0 auto 35px;text-align:center}.section h2{font-size:42px;margin:12px 0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.category h3{margin:12px 0 4px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px}.product-title{margin-top:12px;font-weight:700}.story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.footer{padding:45px 5%;background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}@media(max-width:750px){.site-header{align-items:flex-start;flex-direction:column}.hero{min-height:560px}.hero-content{padding:50px 7%}.categories,.products{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.section h2{font-size:32px}}