:root{--bg: #f8f5ef;--bg-soft: #f1ece4;--surface: rgba(255, 252, 247, .72);--text: #1e2320;--muted: #5a625c;--line: rgba(44, 56, 49, .12);--accent: #6f8f86;--accent-strong: #4d6f67;--accent-soft: #dfe8e4;--shadow: 0 20px 60px rgba(43, 52, 49, .12);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--max-width: 1120px;--content-width: 760px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--space-8: 6rem;--font-sans: "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;--font-cjk: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-mono: "SFMono-Regular", "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--text);background:#fff;line-height:1.6}.home-page,.echoes-page{min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:color .18s ease,opacity .18s ease}a:hover{color:var(--accent-strong)}img{max-width:100%;display:block}main{min-height:100vh}.home-page main,.echoes-page main{min-height:0;flex:1;display:flex;flex-direction:column}.container{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto}.prose{width:min(calc(100% - 2rem),var(--content-width));margin:0 auto}.kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff6b;font-size:.84rem;letter-spacing:.03em}h1,h2,h3{font-family:var(--font-serif);line-height:1.08;letter-spacing:-.03em;margin:0 0 var(--space-3);text-wrap:pretty}h1{font-size:clamp(2.8rem,6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}p{margin:0 0 var(--space-3);color:var(--muted);text-wrap:pretty}ul{color:var(--muted)}section{padding:var(--space-7) 0}.button-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:var(--space-4)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.2rem;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent-strong);color:#f9f7f1;box-shadow:var(--shadow)}.button.secondary{background:#ffffff8c;border-color:var(--line)}.grid{display:grid;gap:var(--space-4)}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.meta{color:var(--muted);font-size:.9rem}.site-header{padding:1.7rem 0 1.5rem;position:relative;z-index:10;background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:var(--font-serif);font-size:1.38rem;letter-spacing:-.02em}.nav{display:flex;gap:1.15rem;color:var(--muted);font-size:.98rem}.footer{padding:1.45rem 0 1.7rem;color:var(--muted);background:#fff;font-size:.92rem}.footer-inner{display:flex;justify-content:center;align-items:center;text-align:center;gap:.5rem;padding-top:0}.footer-inner p{margin:0}.section-heading{max-width:44rem;margin-bottom:var(--space-4)}.exploration-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.exploration-card{padding:1.25rem}.exploration-card p{font-size:.96rem;margin-bottom:0}.echo-grid{grid-template-columns:1fr;gap:var(--space-5)}.echo-card{overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0}.echo-card__media{position:relative}.echo-card__image{width:100%;height:clamp(13rem,24vw,18rem);object-fit:cover}.echo-card__image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:1.35rem 1.5rem;background:linear-gradient(180deg,#0e100e0a,#0e100e2e 38%,#0e100ebd)}.echo-card__meta{color:#f8f5efc7}.echo-card__image-overlay h3{margin:0;max-width:20ch;color:#fff;font-size:clamp(1.8rem,2.5vw,2.45rem);text-shadow:0 10px 24px rgba(0,0,0,.28)}.echo-card__body{display:flex;flex-direction:column;gap:.85rem;padding:1.4rem 1.5rem 1.55rem}.echo-card p{max-width:56rem}.echo-card__body p{font-family:var(--font-serif);font-size:1.16rem;line-height:1.7}.echo-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.8rem;color:var(--muted);padding:.25rem .6rem;border:1px solid var(--line);border-radius:999px}.article-body{padding-top:clamp(1.6rem,3vw,2.4rem);padding-bottom:var(--space-8)}.article-body .prose{max-width:44rem}.lead-intro{margin:0;color:var(--text);font-family:var(--font-serif)}.article-intro{margin:0 0 clamp(1.2rem,2vw,1.8rem) auto;max-width:30ch;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:clamp(1.45rem,3.8vw,2em);line-height:1.38;letter-spacing:-.02em;text-align:right;text-wrap:balance;hyphens:none}.article-body :where(p,ul,ol,blockquote):not(.article-intro){color:#24211deb;font-family:var(--font-serif);font-size:1.14rem;line-height:1.68;text-align:justify;text-justify:inter-word;hyphens:auto}.article-body .article-intro{text-justify:auto}.article-body h2{margin-top:var(--space-6)}.article-body blockquote{margin:var(--space-4) 0;padding-left:1rem;border-left:2px solid var(--accent);color:var(--text)}.not-found{min-height:65vh;display:grid;place-items:center;text-align:center}.home-page,.echoes-page,.article-page{background:#fff}.site-header{padding-bottom:0}.home-page .nav,.echoes-page .nav,.article-page .nav{gap:1rem;font-size:.96rem;letter-spacing:.02em}.home-page .brand,.echoes-page .brand,.article-page .brand{font-size:1.48rem}.image-hero{flex:1;min-height:0;padding:0;display:flex}.image-hero--compact{flex:0 0 auto}.image-hero--full{min-height:calc(100vh - clamp(4.5rem,9vw,6.5rem))}.image-hero__frame{width:100%;display:flex;flex:1}.image-hero__stage{position:relative;width:100%;flex:1;min-height:min(52vh,34rem);overflow:clip;background:#ebe6dc}.image-hero--full .image-hero__stage{min-height:calc(100vh - clamp(4.5rem,9vw,6.5rem))}.image-hero--compact .image-hero__stage{min-height:clamp(18rem,38vw,28rem)}.image-hero--compact .image-hero__overlay{justify-content:center;max-width:42rem;padding:clamp(2.5rem,4vw,3.5rem) 0}.image-hero--compact .image-hero__overlay h1{margin:0;max-width:none;font-size:clamp(3.3rem,7vw,5.4rem)}.image-hero__description{margin:.7rem 0 0;max-width:42rem;color:#f8f5efeb;font-family:var(--font-serif);font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.7}.article-hero__back{width:fit-content;margin-bottom:clamp(1rem,2vw,1.4rem);background:#f8f5ef1f;border-color:#f8f5ef3d;color:#f8f5ef;backdrop-filter:blur(8px)}.article-hero__meta-stack{display:flex;flex-direction:column;gap:.9rem;margin-top:1.1rem}.article-hero__meta{color:#f8f5efd6}.article-hero__tags .tag{color:#f8f5efe6;border-color:#f8f5ef3d;background:#f8f5ef1a;backdrop-filter:blur(8px)}.image-hero__image{--hero-shift-x: 0px;--hero-shift-y: 0px;--hero-overscan: 48px;position:absolute;inset:calc(var(--hero-overscan) * -1);width:calc(100% + (var(--hero-overscan) * 2));max-width:none;height:calc(100% + (var(--hero-overscan) * 2));object-fit:cover;transform:translate3d(var(--hero-shift-x),var(--hero-shift-y),0) scale(1.02);transform-origin:center;will-change:transform}.image-hero__stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#181b1894,#181b1838 32%,#181b180d 60%,#181b1808)}.image-hero__overlay-wrap{position:relative;z-index:2;display:flex;align-items:stretch;height:100%}.image-hero__overlay{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;height:100%;max-width:42rem;padding:clamp(3.25rem,5vw,4.75rem) 0;color:#f8f5ef}.home-page .image-hero__overlay{padding-bottom:clamp(4.5rem,8vw,6.75rem)}.image-hero__eyebrow{margin:0 0 .5rem;color:#f8f5efeb;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.image-hero__overlay h1{margin-bottom:.35rem;font-size:clamp(3rem,6.4vw,5.9rem);line-height:.94;letter-spacing:-.05em;text-wrap:balance;max-width:50rem}.home-page .image-hero__overlay h1{max-width:8.4ch}.article-page .image-hero__overlay h1{font-size:clamp(2.7rem,5.6vw,5rem);max-width:11ch}.image-hero__line{margin:0;max-width:28rem;color:#f8f5efe6;font-size:clamp(1rem,1.45vw,1.16rem)}.image-hero__line--jp{color:#f8f5efdb;letter-spacing:.05em;font-family:var(--font-cjk)}.image-hero__kanji{margin:-.15rem 0 0;color:#fff;font-family:var(--font-cjk);font-size:clamp(3.8rem,10vw,8.5rem);line-height:.92;letter-spacing:-.04em;text-shadow:0 10px 30px rgba(18,21,18,.22)}.echoes-intro{padding-top:clamp(1rem,2vw,1.5rem)}.echoes-page .section-heading{max-width:42rem;margin-bottom:var(--space-3)}@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr 1fr}}@media(max-width:820px){.home-page .header-inner,.echoes-page .header-inner,.article-page .header-inner{align-items:flex-start;flex-direction:column}.article-intro{max-width:26ch}.image-hero__stage,.image-hero__overlay{min-height:68vh}.image-hero--full .image-hero__stage,.article-page .image-hero__overlay{min-height:86svh}.image-hero--compact .image-hero__stage,.image-hero--compact .image-hero__overlay{min-height:24rem}.image-hero__stage:after{background:linear-gradient(180deg,#181b1833,#181b187a 52%,#181b18b8)}.image-hero__overlay{justify-content:flex-end;max-width:none}}@media(max-width:700px){section{padding:var(--space-6) 0}.button-row{flex-direction:column;align-items:stretch}.button{width:100%}.image-hero{padding-top:.5rem}.home-page .image-hero__overlay h1{max-width:7.2ch}.article-intro{max-width:22ch;line-height:1.42}.image-hero__overlay h1{max-width:12ch}.article-page .image-hero__overlay h1{max-width:11ch}}