@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&family=Noto+Sans+JP:wght@400;500&family=Lora:ital,wght@0,400;0,700;1,400&display=swap";:root{--color-bg:#faf8f5;--color-forest:#4a6741;--color-birch:#c4a882;--color-text:#2c2c2c;--color-text-muted:#7a7a7a;--color-border:#e8e4df}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Noto Sans JP,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.header{border-bottom:1px solid var(--color-border);padding:0 24px}.header-inner{justify-content:space-between;align-items:center;max-width:860px;height:64px;margin:0 auto;display:flex}.header-logo{color:var(--color-forest);letter-spacing:.1em;font-family:Lora,serif;font-size:22px;font-weight:700}.header-nav{gap:32px;display:flex}.header-nav a{color:var(--color-text-muted);font-size:14px;transition:color .2s}.header-nav a:hover{color:var(--color-forest)}.footer{border-top:1px solid var(--color-border);text-align:center;padding:40px 24px}.footer p{color:var(--color-text-muted);font-size:13px}.hero{text-align:center;max-width:860px;margin:0 auto;padding:80px 24px 64px}.hero-eyebrow{letter-spacing:.15em;color:var(--color-birch);text-transform:uppercase;margin-bottom:20px;font-size:13px}.hero-title{color:var(--color-text);margin-bottom:24px;font-family:Noto Serif JP,serif;font-size:clamp(26px,5vw,40px);font-weight:700;line-height:1.6}.hero-subtitle{color:var(--color-text-muted);max-width:480px;margin:0 auto 40px;font-size:16px;line-height:1.8}.btn-primary{background:var(--color-forest);color:#fff;border-radius:4px;padding:14px 32px;font-family:Noto Sans JP,sans-serif;font-size:15px;transition:opacity .2s;display:inline-block}.btn-primary:hover{opacity:.85}.section{max-width:860px;margin:0 auto;padding:56px 24px}.section-title{color:var(--color-text);margin-bottom:32px;font-family:Noto Serif JP,serif;font-size:20px;font-weight:700}.article-grid{gap:32px;display:grid}.article-card{border-bottom:1px solid var(--color-border);cursor:pointer;grid-template-columns:200px 1fr;gap:24px;padding-bottom:32px;display:grid}.article-card:last-child{border-bottom:none}.article-card-thumb{aspect-ratio:4/3;background:var(--color-border);border-radius:4px;overflow:hidden}.article-card-thumb img{object-fit:cover;width:100%;height:100%}.article-card-body{flex-direction:column;gap:8px;display:flex}.article-tag{letter-spacing:.1em;color:var(--color-forest);border:1px solid var(--color-forest);border-radius:2px;padding:2px 8px;font-size:11px;display:inline-block}.article-card-title{color:var(--color-text);font-family:Noto Serif JP,serif;font-size:18px;font-weight:700;line-height:1.6;transition:color .2s}.article-card:hover .article-card-title{color:var(--color-forest)}.article-card-date{color:var(--color-text-muted);font-size:12px}.article-card-excerpt{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.tag-filter{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.tag-btn{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-muted);background:0 0;border-radius:20px;padding:6px 16px;font-family:Noto Sans JP,sans-serif;font-size:13px;transition:all .2s}.tag-btn.active,.tag-btn:hover{border-color:var(--color-forest);color:var(--color-forest);background:#4a67410f}.article-header{max-width:720px;margin:0 auto;padding:56px 24px 40px}.article-header-tag{margin-bottom:16px}.article-detail-title{margin-bottom:16px;font-family:Noto Serif JP,serif;font-size:clamp(22px,4vw,32px);font-weight:700;line-height:1.5}.article-detail-meta{color:var(--color-text-muted);font-size:13px}.article-thumbnail{max-width:720px;margin:0 auto 48px;padding:0 24px}.article-thumbnail img{border-radius:4px;width:100%}.article-body{max-width:720px;margin:0 auto;padding:0 24px 80px;font-size:16px;line-height:1.9}.article-body p{margin-bottom:1.6em}.article-body h2{margin:2.4em 0 .8em;font-family:Noto Serif JP,serif;font-size:20px;font-weight:700}.about-section{max-width:640px;margin:0 auto;padding:64px 24px 80px}.about-name{margin-bottom:8px;font-family:Noto Serif JP,serif;font-size:28px;font-weight:700}.about-kana{color:var(--color-text-muted);letter-spacing:.2em;margin-bottom:32px;font-size:13px}.about-bio{margin-bottom:40px;font-size:15px;line-height:1.9}.about-vision{border-left:3px solid var(--color-birch);color:var(--color-text);margin-bottom:48px;padding-left:20px;font-family:Noto Serif JP,serif;font-size:17px;line-height:1.8}.loading{text-align:center;color:var(--color-text-muted);padding:80px 24px}.error-msg{text-align:center;color:#c0392b;padding:80px 24px}@media (width<=600px){.article-card{grid-template-columns:1fr}.article-card-thumb{aspect-ratio:16/9}.header-nav{gap:20px}}