/* 04 雪 — 白と淡い青・細い文字・空気感 */
:root { --bg: #f4f8fb; --surface: #ffffff; --ink: #22313f; --muted: #7f8fa0; --line: #dfe7ee; --accent: #4a7fa8; --green: #dbe8f2; --soft: #eaf1f6; --radius: 18px; }
body { font-family: "Noto Sans JP", sans-serif; font-weight: 300; letter-spacing: .08em; }
h1, h2, .logo-text { font-family: "Noto Serif JP", serif; font-weight: 300; }
strong, .price, .cart-line { font-weight: 500; }
.btn { font-weight: 400; letter-spacing: .15em; }
.logo-mark { background: transparent; color: var(--accent); border: 1px solid var(--accent); }
.hero { padding: 72px 0; }
.hero h1 { font-size: clamp(2rem, 4vw, 3rem); }
.hero-art .art { border-radius: 999px; box-shadow: 0 30px 60px rgba(74,127,168,.15); }
.features { border: 0; background: transparent; }
.features div + div { border-color: var(--line); }
.card .art { box-shadow: 0 10px 30px rgba(74,127,168,.10); }
.badge { background: rgba(255,255,255,.9); color: var(--accent); font-weight: 400; }
.story { background: linear-gradient(160deg, #e6f0f7, #ffffff); color: var(--ink); border: 1px solid var(--line); }
.story .eyebrow { color: var(--accent); }
.story .link { color: var(--accent); }
.site-footer { background: #fff; }