/* 01 墨と余白 — 白黒・直線・大きな余白 */
:root { --bg: #ffffff; --surface: #ffffff; --ink: #111111; --muted: #777777; --line: #e6e6e6; --accent: #111111; --green: #111111; --soft: #f5f5f5; --radius: 0px; }
body { font-family: "Shippori Mincho", serif; letter-spacing: .06em; }
.btn { border-radius: 0; padding: 14px 34px; font-weight: 600; }
.logo-mark { border-radius: 0; }
.hero { grid-template-columns: 1fr; text-align: center; padding: 88px 0 56px; }
.hero-text { max-width: 640px; margin: 0 auto; }
.hero h1 { font-size: clamp(2.2rem, 5.5vw, 4rem); letter-spacing: .12em; }
.hero-art { max-width: 520px; margin: 0 auto; width: 100%; }
.hero-art .art { border-radius: 0; aspect-ratio: 4/3; }
.features { border: 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.features div + div { border-color: var(--line); }
.eyebrow { color: var(--muted); letter-spacing: .4em; }
.badge { border-radius: 0; background: var(--ink); color: #fff; }
.story { border-radius: 0; background: #111; }
.story .eyebrow { color: #999; }
.chip { border-radius: 0; }
.qty, .radio, .form input:not([type=radio]) { border-radius: 0 !important; }
.cart-count { border-radius: 0; }