@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Noto+Serif+JP:wght@300;400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f7f4ef;--color-surface:#efebe3;--color-ink:#2c2825;--color-ink-muted:#7a7069;--color-accent:#8b6f47;--color-line:#d9d2c8}body{background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;font-family:Noto Serif JP,serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:1.2s ease-out forwards fadeInUp}.delay-1{opacity:0;animation-delay:.2s}.delay-2{opacity:0;animation-delay:.5s}.delay-3{opacity:0;animation-delay:.8s}.delay-4{opacity:0;animation-delay:1.1s}main{width:min(100%,980px);margin:0 auto}#hero{background:var(--color-bg);text-align:center;justify-content:center;align-items:center;min-height:100svh;padding:60px 24px;display:flex}.hero-inner{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:780px;display:flex}.site-name{letter-spacing:.35em;color:var(--color-ink-muted);text-transform:lowercase;font-family:Cormorant Garamond,serif;font-size:12px}.hero-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.illustration-placeholder{border:1px dashed var(--color-line);width:240px;height:280px;color:var(--color-line);letter-spacing:.08em;text-align:center;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:14px;font-size:12px;display:flex}.catchcopy{letter-spacing:.08em;color:var(--color-ink);text-align:left;font-family:Noto Serif JP,serif;font-size:clamp(16px,2.5vw,22px);line-height:2.4}.scroll-hint{color:var(--color-line);font-family:Cormorant Garamond,serif;font-size:20px}.kanji-menu{background:var(--color-surface);padding:80px 24px}.kanji-grid{border:1px solid var(--color-line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;max-width:680px;margin:0 auto;display:grid}.kanji-btn{background:var(--color-surface);border-right:1px solid var(--color-line);color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;text-decoration:none;transition:background .3s;display:flex}.kanji-btn:hover{background:var(--color-accent)}.kanji-btn:hover .kanji-char,.kanji-btn:hover .kanji-yomi,.kanji-btn:hover .kanji-desc{color:#fff}.kanji-char{color:var(--color-ink);font-family:Noto Serif JP,serif;font-size:48px;font-weight:300;line-height:1;transition:color .3s}.kanji-yomi,.kanji-desc{letter-spacing:.1em;color:var(--color-ink-muted);text-align:center;font-size:10px;transition:color .3s}#line-cta{background:var(--color-bg);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);flex-direction:column;align-items:center;gap:20px;padding:80px 24px;display:flex}.line-cta-lead{color:var(--color-ink);letter-spacing:.08em;text-align:center;font-family:Noto Serif JP,serif;font-size:15px;line-height:1.8}.line-btn{color:#fff;letter-spacing:.06em;background:#06c755;border-radius:4px;align-items:center;gap:10px;padding:14px 36px;font-family:Noto Serif JP,serif;font-size:15px;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.line-btn:hover{opacity:.85;transform:translateY(-1px)}.line-btn-icon{font-size:18px;font-weight:300;line-height:1}.line-cta-sub{color:var(--color-ink-muted);letter-spacing:.1em;text-align:center;font-size:11px}#latest-posts{max-width:720px;margin:0 auto;padding:80px 24px}.latest-title{letter-spacing:.3em;color:var(--color-ink-muted);text-transform:uppercase;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:12px}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.post-card{background:var(--color-bg);border-top:1px solid var(--color-line);color:inherit;padding:24px 0;text-decoration:none;display:block}.post-category{color:var(--color-accent);letter-spacing:.08em;margin-bottom:8px;font-size:10px;display:inline-block}.post-title{margin-bottom:8px;font-family:Noto Serif JP,serif;font-size:18px;line-height:1.6}.post-date{color:var(--color-ink-muted);font-size:12px}#dome-banner{background:var(--color-ink);text-align:center;color:#fff;flex-direction:column;align-items:center;gap:14px;padding:80px 24px;display:flex}.dome-sub{letter-spacing:.2em;color:#ffffffb3;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:10px}.dome-title{letter-spacing:.05em;font-family:Noto Serif JP,serif;font-size:24px}.dome-copy{color:#ffffffbf;max-width:560px;font-size:13px;line-height:1.8}.dome-btn{color:#ffffffe6;letter-spacing:.08em;border:1px solid #ffffff59;padding:10px 24px;font-size:12px;text-decoration:none;transition:background .25s,color .25s}.dome-btn:hover{color:#111;background:#fff}footer{background:var(--color-surface);text-align:center;border-top:1px solid var(--color-line);padding:32px 24px}.footer-site{color:var(--color-ink-muted);letter-spacing:.15em;font-family:Cormorant Garamond,serif;font-size:13px}.footer-copy{color:var(--color-line);letter-spacing:.08em;margin-top:8px;font-size:11px}@media (max-width:640px){.hero-content{flex-direction:column;gap:32px}.catchcopy{text-align:center;font-size:14px}#hero{min-height:80svh;padding:40px 16px}.kanji-menu{padding:40px 12px}.kanji-grid{border:none}.kanji-btn{border:1px solid var(--color-line);border-bottom:none;border-right:none}#line-cta,#latest-posts,#dome-banner{padding:60px 16px}.dome-title{font-size:16px}}.catchcopy-btn{letter-spacing:.12em;color:var(--color-accent);border-bottom:1px solid var(--color-accent);margin-top:8px;padding-bottom:2px;font-family:Noto Serif JP,serif;font-size:13px;text-decoration:none;transition:opacity .2s;display:inline-block}.catchcopy-btn:hover{opacity:.6}.article-inner{max-width:640px;margin:0 auto;padding:80px 24px}.article-title{letter-spacing:.06em;margin-bottom:48px;font-family:Noto Serif JP,serif;font-size:24px;font-weight:400;line-height:1.8}.article-paragraph{letter-spacing:.05em;color:var(--color-ink);margin-bottom:24px;font-family:Noto Serif JP,serif;font-size:16px;line-height:2.2}.catchcopy{text-align:center;font-size:14px;line-height:1.6}#session-cta{background:var(--color-surface);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}.session-lead{color:var(--color-ink);letter-spacing:.08em;text-align:center;font-family:Noto Serif JP,serif;font-size:15px}.session-btn{letter-spacing:.12em;color:var(--color-accent);border-bottom:1px solid var(--color-accent);padding-bottom:2px;font-family:Noto Serif JP,serif;font-size:13px;text-decoration:none;transition:opacity .2s}.session-btn:hover{opacity:.6}#materials{background:var(--color-bg);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}.materials-lead{color:var(--color-ink);letter-spacing:.08em;text-align:center;font-family:Noto Serif JP,serif;font-size:15px}.materials-btn{letter-spacing:.12em;color:var(--color-accent);border-bottom:1px solid var(--color-accent);padding-bottom:2px;font-family:Noto Serif JP,serif;font-size:13px;text-decoration:none;transition:opacity .2s}.materials-btn:hover{opacity:.6}.footer-back{color:var(--color-ink-muted);letter-spacing:.1em;margin-top:8px;font-size:12px;text-decoration:none;display:block}.footer-back:hover{color:var(--color-ink)}#about-hero{background:var(--color-bg);text-align:center;justify-content:center;align-items:center;min-height:40svh;padding:60px 24px;display:flex}.about-title{letter-spacing:.1em;color:var(--color-ink);margin-top:16px;font-family:Noto Serif JP,serif;font-size:24px;font-weight:400}.about-section{border-bottom:1px solid var(--color-line);max-width:640px;margin:0 auto;padding:60px 24px}.about-text{letter-spacing:.06em;color:var(--color-ink);font-family:Noto Serif JP,serif;font-size:16px;line-height:2.4}#about-cta{text-align:center;padding:60px 24px}.hero-image{border-radius:8px;width:100%;height:auto;display:block}