:root{--washi:#f6f1e7;--indigo:#26365e;--kaki:#b5652e;--ash:#77706a;--sumi:#2a2522;--glaze:#d9e4e0;--fold:#e4dccd}
*{box-sizing:border-box}body{margin:0;background:var(--washi);color:var(--sumi);font:17px/1.85 "Hiragino Mincho ProN","Yu Mincho","Noto Serif","Georgia",serif}
a{color:var(--indigo);text-underline-offset:4px;text-decoration-color:var(--kaki)}a:hover{color:var(--kaki)}
.atelier{display:grid;grid-template-columns:120px 1fr;max-width:1100px;margin:0 auto;min-height:100vh}
.noren{border-right:1px solid var(--fold);padding:30px 0;display:flex;flex-direction:column;align-items:center;gap:28px}
.noren .seal{display:block;writing-mode:vertical-rl;font:600 26px/1 "Hiragino Mincho ProN","Yu Mincho",Georgia,serif;letter-spacing:.28em;color:var(--indigo);text-decoration:none}
.noren .seal::after{content:"";display:block;width:12px;height:12px;background:var(--kaki);border-radius:50%;margin:16px auto 0}
.steps{display:flex;flex-direction:column;gap:12px;align-items:center}.steps a{writing-mode:vertical-rl;font:14px/1 "Hiragino Sans","Avenir Next","Segoe UI",sans-serif;letter-spacing:.12em;color:var(--ash);text-decoration:none}.steps a:hover{color:var(--kaki)}
.studio{padding:40px 48px 70px}
.kama{padding:30px 0 40px;border-bottom:1px solid var(--fold);margin-bottom:34px}
.kama h1{font-size:clamp(30px,5vw,52px);line-height:1.2;font-weight:500;margin:0 0 14px;color:var(--indigo)}
.kama p{max-width:52ch;color:var(--ash);margin:0}
.shelfline{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.tsubo{display:block;padding:26px 26px 28px 0;margin-right:26px;border-bottom:1px solid var(--fold);text-decoration:none;color:var(--sumi)}
.tsubo:hover h2{color:var(--kaki)}
.tsubo h2{font-size:21px;font-weight:500;line-height:1.4;margin:6px 0 8px;color:var(--indigo)}.tsubo p{margin:0;font-size:15px;line-height:1.7;color:var(--ash)}
.glazeline{display:inline-block;font:500 11.5px/1 "Hiragino Sans","Avenir Next","Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--kaki);border-bottom:2px solid var(--glaze);padding-bottom:4px}
.shard{max-width:660px;padding:10px 0}
.shard h1{font-size:clamp(27px,4.6vw,42px);font-weight:500;line-height:1.3;color:var(--indigo);margin:14px 0 16px}
.firing{font-size:18.5px;color:var(--ash);background:#fff;border:1px solid var(--fold);padding:16px 20px;margin:0 0 30px}
.shard h2{font-size:20px;font-weight:600;color:var(--sumi);margin:36px 0 6px;padding-left:12px;border-left:4px solid var(--kaki)}
.shard ul,.shard ol{padding-left:24px}.shard li{margin:6px 0}
.note-ash{background:var(--glaze);padding:12px 18px;font-size:15.5px}
.kiln-date{margin-top:40px;font:13px/1.5 "Hiragino Sans","Avenir Next","Segoe UI",sans-serif;color:var(--ash)}
.tatami-foot{grid-column:2;border-top:1px solid var(--fold);padding:22px 48px 34px;font:13.5px/1.7 "Hiragino Sans","Avenir Next","Segoe UI",sans-serif;color:var(--ash);display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:space-between}.tatami-foot a{color:var(--sumi)}
@media(max-width:760px){.atelier{grid-template-columns:1fr}.noren{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--fold);padding:16px;gap:14px;justify-content:space-between}.noren .seal,.steps a{writing-mode:horizontal-tb}.noren .seal{letter-spacing:.06em;font-size:22px}.noren .seal::after{display:none}.steps{flex-direction:row;flex-wrap:wrap;gap:6px 14px}.studio{padding:24px 16px 50px}.shelfline{grid-template-columns:1fr}.tsubo{margin-right:0;padding-right:0}.tatami-foot{grid-column:1;padding:20px 16px 30px}}