:root{--color-cream:#FBF7F2;--color-ink:#2A2017;--color-sakura:#D49B96;--color-mute:#F5E1DC;--color-surface:#FFFFFF;--color-gold:#C9A96A;--color-border:rgba(42, 32, 23, 0.08);--font-serif:'Shippori Mincho B1', 'Noto Serif JP', serif;--font-sans:'Inter', 'Noto Sans JP', sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}html{scroll-behavior:smooth}body{background-color:var(--color-cream);background-image:radial-gradient(circle at 80% -20%,var(--color-mute) 0%,transparent 50%),radial-gradient(circle at -20% 40%,rgba(212,155,150,5%) 0%,transparent 40%);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none;transition:color .3s ease,opacity .3s ease}a:hover{color:var(--color-sakura)}h1,h2,h3,.font-serif{font-family:var(--font-serif);font-weight:600}.text-display{font-size:clamp(2rem,5vw,4rem);line-height:1.2;letter-spacing:-.02em}.text-h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.3}.text-h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.4}.text-h3{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.4}.text-body-lg{font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.8}.text-meta{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(42,32,23,.6)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-sm)}.container-narrow{max-width:800px}.main-content{flex:1}.section{padding:var(--space-lg)0}.site-header{position:sticky;top:0;z-index:100;background:rgba(251,247,242,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-sm)0}.header-inner{display:flex;justify-content:space-between;align-items:center}.site-brand{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.02em}.site-nav{display:flex;gap:var(--space-md);font-size:.875rem;font-weight:500}.hero{padding:var(--space-xl)0 var(--space-lg);text-align:center;animation:fadeUp 1s ease-out forwards}.hero-title{margin-bottom:var(--space-sm)}.hero-subtitle{color:rgba(42,32,23,.7);max-width:600px;margin:0 auto}.grid-editorial{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.grid-editorial .card:first-child{grid-column:1/-1}@media(min-width:768px){.grid-editorial .card:first-child .card-image-wrap{height:500px}}.card{display:flex;flex-direction:column;group;animation:fadeUp .8s ease-out backwards}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.card-image-wrap{position:relative;width:100%;height:240px;overflow:hidden;border-radius:4px;margin-bottom:var(--space-sm);background-color:var(--color-mute)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.card:hover .card-image{transform:scale(1.05)}.card-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(42,32,23,.1),transparent);pointer-events:none}.card-meta{margin-bottom:var(--space-xs)}.card-title{margin-bottom:var(--space-xs);font-size:1.25rem}.card-excerpt{color:rgba(42,32,23,.7);font-size:.95rem;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}.card-link::after{content:'→';transition:transform .3s ease}.card:hover .card-link::after{transform:translateX(4px)}.author-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg)var(--space-md);background:var(--color-surface);border-radius:8px;box-shadow:0 4px 20px rgba(42,32,23,3%);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}@media(min-width:768px){.author-profile{flex-direction:row;text-align:left;gap:var(--space-lg);padding:var(--space-lg)}}.author-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--space-sm);border:2px solid var(--color-cream);box-shadow:0 0 0 1px var(--color-border)}@media(min-width:768px){.author-avatar{margin-bottom:0;width:160px;height:160px}}.author-name{margin-bottom:var(--space-xs)}.author-bio{color:rgba(42,32,23,.8);max-width:500px}.article-header{text-align:center;padding:var(--space-lg)0}.article-meta{margin-bottom:var(--space-sm)}.article-title{margin-bottom:var(--space-md)}.article-hero-wrap{width:100%;height:60vh;min-height:400px;margin-bottom:var(--space-lg);border-radius:8px;overflow:hidden}.article-hero-img{width:100%;height:100%;object-fit:cover}.article-content{font-family:var(--font-serif);font-size:1.125rem;line-height:2;color:#3a322b}.article-content p{margin-bottom:1.5em}.article-content h2{font-size:1.75rem;margin:2em 0 1em}.article-content h3{font-size:1.25rem;margin:1.5em 0 .75em}.article-content img{border-radius:4px;margin:2em 0}.article-content blockquote{border-left:2px solid var(--color-sakura);padding-left:1.5em;margin:2em 0;font-style:italic;color:rgba(42,32,23,.7)}.site-footer{padding:var(--space-lg)0;text-align:center;border-top:1px solid var(--color-border);margin-top:auto}.site-footer p{color:rgba(42,32,23,.5);font-size:.875rem}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}