:root{--bg:#f4efe6;--paper:#fbf8f2;--ink:#2a2420;--soft:#6e6359;--line:#ddd3c4;--rust:#a4472a;--indigo:#283a5c}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 "Zen Kaku Gothic New","Hiragino Sans",Arial,sans-serif}
a{color:var(--rust)}
.demo-bar{background:var(--indigo);color:#e9edf5;text-align:center;font-size:13px;padding:7px 12px}
.demo-bar a{color:#fff}
.wrap{max-width:1100px;margin:auto;padding-inline:20px}
h1,h2,h3{font-family:"Shippori Mincho",Georgia,serif;font-weight:700;line-height:1.2;margin:0}
p{margin:0}
nav{display:flex;justify-content:space-between;align-items:center;padding-block:22px;gap:12px;flex-wrap:wrap}
.logo{font-family:"Shippori Mincho",serif;font-size:22px;font-weight:700;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}
.hanko{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--rust);color:#fff;border-radius:4px;font-size:16px}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap}
nav ul a{color:var(--soft);text-decoration:none}
.lang{border:1px solid var(--line);border-radius:999px;padding:4px 4px;display:flex;gap:2px}
.lang a{padding:4px 12px;border-radius:999px;font-size:14px}
.lang a[aria-current]{background:var(--ink);color:var(--paper)}
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:center;padding-block:40px 80px}
.hero h1{font-size:clamp(38px,6vw,64px)}
.hero p{color:var(--soft);font-size:18px;margin-block:20px 28px;max-width:44ch}
.btn{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;padding:13px 24px;border-radius:2px;font-weight:500}
.bowl{aspect-ratio:1;background:radial-gradient(circle at 50% 50%,#e9dfcf 0 60%,transparent 61%);display:grid;place-items:center}
.bowl svg{width:72%}
section{padding-block:80px}
.band{background:var(--paper);border-block:1px solid var(--line)}
.head{max-width:620px;margin-bottom:40px}
.head h2{font-size:clamp(28px,4.4vw,42px);margin-bottom:12px}
.head p{color:var(--soft)}
.goods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.good{display:grid;gap:8px}
.good .ph{aspect-ratio:1;border-radius:4px;display:grid;place-items:center}
.good h3{font-size:19px}
.good p{color:var(--soft);font-size:15px}
.good b{font-weight:500}
.makers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.makers h3{font-size:22px;margin-bottom:8px}
.makers p{color:var(--soft)}
.trade{background:var(--indigo);color:#e9edf5;border-radius:4px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center}
.trade h2{font-size:clamp(28px,4vw,40px);margin-bottom:12px}
.trade .btn{background:#f4efe6;color:var(--indigo)}
.news{display:flex;gap:10px;flex-wrap:wrap}
.news input{flex:1 1 220px;font:inherit;padding:12px 14px;border:1px solid #4d6290;background:#1d2b46;color:#fff;border-radius:2px}
footer{padding-block:36px;color:var(--soft);font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}