*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
:root{--pine:#14302a;--mist:#eef3ee;--sand:#f4ebe0;--seal:#c4432b;--jade:#4f9a82;--ink:#1a2623}
body{margin:0;font:17px/1.7 "Zen Kaku Gothic New",system-ui,sans-serif;color:var(--ink);background:var(--mist)}
h1,h2,.kan,.logo,.q{font-family:"Shippori Mincho","Hiragino Mincho ProN",Georgia,serif}
header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:center;padding:12px 5vw;background:rgba(238,243,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid #cfdad3}
.logo{color:var(--pine);text-decoration:none;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:10px}.logo b{display:grid;place-items:center;width:34px;height:34px;background:var(--seal);color:#fff;font-size:1.15rem;border-radius:3px}
nav{display:flex;flex-wrap:wrap;gap:4px 22px}nav a{color:var(--pine);text-decoration:none;font-weight:500;padding:4px 0;border-bottom:2px solid transparent}nav a:hover{border-color:var(--seal)}a:focus-visible{outline:3px solid var(--seal);outline-offset:3px}
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:center;padding:7vw 5vw 6vw;max-width:1200px;margin:0 auto}
.jp{margin:0 0 .6em;color:var(--seal);font-weight:700;letter-spacing:.08em}h1{font-size:clamp(2.2rem,5.5vw,4.2rem);line-height:1.12;margin:0 0 .5em;color:var(--pine);font-weight:800}.lead{font-size:1.2rem;max-width:52ch;color:#3b4f48}
.fus{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}.fus li{padding:10px 16px;background:#fff;border-left:5px solid var(--jade)}.fus b{display:inline-block;min-width:92px;color:var(--seal)}
.enso{position:relative;aspect-ratio:1;max-width:420px;width:100%;justify-self:center;display:grid;place-items:center}.enso svg{position:absolute;inset:0;transform:rotate(-70deg)}.enso circle{fill:none;stroke:var(--pine);stroke-width:7;stroke-linecap:round;stroke-dasharray:92 8}.enso span{font:800 clamp(6rem,16vw,11rem)/1 "Shippori Mincho",serif;color:var(--seal)}
.band{display:grid;grid-template-columns:200px 1fr;gap:4vw;padding:80px 5vw}.body{max-width:900px}.side{display:flex;flex-direction:column;align-items:center;gap:18px}
.kan{writing-mode:vertical-rl;font-size:9rem;line-height:1;font-weight:800}.tag{padding:6px 14px;border:2px solid currentColor;font-weight:700;font-size:.95rem;text-align:center}
.b1{background:var(--mist);color:var(--ink)}.b1 .kan{color:var(--jade)}.b2{background:var(--pine);color:#e6efe9}.b2 .kan{color:#e8806b}.b2 .jp{color:#e8806b}.b3{background:var(--sand);color:var(--ink)}.b3 .kan{color:var(--seal)}
h2{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.15;margin:0 0 .4em;font-weight:800}.intro{font-size:1.15rem;max-width:62ch}h3{font-size:1rem;margin:0 0 .6em;color:var(--seal);font-weight:700}.b2 h3{color:#e8806b}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:36px}.cols ul{padding-left:1.1em;margin:0}.cols li{margin-bottom:.7em}.notes{padding-top:30px;border-top:1px solid rgba(120,140,130,.45)}.notes p{margin:0}
.ladder{list-style:none;margin:0;padding:0}.ladder li{display:grid;gap:2px;padding:12px 16px;margin-bottom:8px;background:rgba(255,255,255,.7);border-left:4px solid var(--jade)}.ladder li:nth-child(2){margin-left:18px}.ladder li:nth-child(3){margin-left:36px}.ladder span{font-size:.95rem;opacity:.85}.b2 .ladder li{background:rgba(255,255,255,.08);border-color:#e8806b}
.slot{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:30px;padding:24px;background:var(--pine);color:#e6efe9}.slot h3{color:#e8806b}.slot ul{margin:0;padding-left:1.1em}.clock{display:flex;flex-direction:column;align-items:center;font:800 2.2rem "Shippori Mincho",serif;color:#e8806b}.clock i{width:2px;height:36px;background:#e8806b;margin:4px 0}

.b4{background:#1d2b33;color:#e6eef0}.b4 .kan,.b4 .jp,.b4 h3{color:#8fd0c0}.b4 .body{max-width:960px}.b4 .jp{letter-spacing:.06em}.quote{font:600 1.35rem/1.5 "Shippori Mincho",serif;border-left:4px solid #8fd0c0;padding:4px 20px;margin:0 0 1.6em;color:#fff}.quote small{display:block;font:400 .9rem "Zen Kaku Gothic New",sans-serif;opacity:.75;margin-top:4px}.b4 .body>p{max-width:68ch}.sp{margin-top:2em}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.specs div{display:grid;gap:4px;padding:16px 18px;background:rgba(255,255,255,.07);border-top:3px solid #8fd0c0}.specs span{font-size:.95rem;opacity:.85}.b4 .ladder li{background:rgba(255,255,255,.07);border-color:#8fd0c0}.goal{font:600 1.1rem/1.6 "Shippori Mincho",serif;color:#fff;border-top:1px solid rgba(255,255,255,.25);padding-top:14px}
footer{background:var(--pine);color:#cfdcd5;text-align:center;padding:56px 5vw}.q{font-size:1.4rem;color:#fff}footer p{margin:.3em 0}
@media(max-width:820px){.hero,.band,.cols,.slot{grid-template-columns:1fr}.band{padding:56px 6vw;gap:16px}.side{flex-direction:row;justify-content:flex-start}.kan{writing-mode:horizontal-tb;font-size:5rem}.enso{max-width:260px}.cols{gap:24px}}
@media(prefers-reduced-motion:no-preference){.enso circle{animation:d 1.6s cubic-bezier(.5,0,.2,1) both}@keyframes d{from{stroke-dasharray:0 100}}}