*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(1160px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(247,242,233,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-family:var(--serif);font-size:30px;font-weight:700;color:var(--navy)}
.nav-links{display:flex;gap:22px;color:#545967;font-size:14px}
.nav-links a:hover{color:var(--navy)}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 19px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:700}
.button.secondary{background:transparent;color:var(--navy)}
.hero{min-height:78vh;display:grid;align-items:center;padding:72px 0;background:
radial-gradient(circle at 78% 12%,rgba(201,165,108,.28),transparent 30%),
linear-gradient(135deg,#f8f4ed,#efe3d4)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--olive);font-weight:800}
h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.08}
h1{font-size:clamp(50px,8vw,92px);margin:.18em 0}
h2{font-size:clamp(38px,5vw,58px);margin:.15em 0}
.hero p{font-size:20px;color:#555b68;max-width:640px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:24px;min-height:460px;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}
.hero-card img{width:100%;height:100%;max-height:410px;object-fit:contain}
.section{padding:88px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.product-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.product-body h3{font-size:22px;margin:0}
.product-body p{font-size:14px;color:var(--muted);margin:0}
.price{margin-top:auto;color:var(--navy);font-weight:800}
.badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#efe8dc;color:#675947;font-size:12px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.story{border-radius:30px;padding:42px}
.story.dark{background:var(--navy);color:#fff}
.story.dark h2{color:#fff}.story.dark p{color:rgba(255,255,255,.82)}
.story.light{background:var(--paper);border:1px solid var(--line)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.value{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.value strong{display:block;color:var(--navy);margin-bottom:5px}
.coming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.coming-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px}
.order-box{background:linear-gradient(135deg,var(--olive),#3f513a);color:#fff;border-radius:30px;padding:48px;text-align:center}
.order-box h2{color:#fff}.order-box p{color:rgba(255,255,255,.85)}
.footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:14px}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:980px){.hero-grid,.story-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.coming-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}
@media(max-width:620px){.product-grid,.coming-grid,.values{grid-template-columns:1fr}.hero{padding-top:48px}.hero-card{min-height:320px}.section{padding:64px 0}}