:root{--color-paper: oklch(94.6% .012 83);--color-paper-2: oklch(91.8% .015 78);--color-ink: oklch(18% .012 70);--color-ink-soft: oklch(39% .018 70);--color-line: oklch(77% .018 75);--color-line-strong: oklch(54% .02 70);--color-accent: oklch(63% .19 39);--color-accent-deep: oklch(49% .16 36);--color-live: oklch(60% .14 147);--color-white: oklch(99% .004 80);--color-focus: oklch(55% .18 252);--font-display: "Space Grotesk", "Noto Sans JP", sans-serif;--font-body: "Noto Sans JP", sans-serif;--font-mono: "Space Mono", monospace;--page-gutter: clamp(1rem, 3vw, 3rem);--content-width: 1480px;--radius-sm: .35rem;--radius-md: .75rem;--transition-fast: .15s ease;--transition-medium: .32s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}button{color:inherit}::selection{background:var(--color-accent);color:var(--color-white)}.page-shell{width:min(100%,var(--content-width));margin:0 auto;border-inline:1px solid var(--color-line);min-width:0}.topbar{position:sticky;top:0;z-index:20;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--page-gutter);border-bottom:1px solid var(--color-line);background:color-mix(in oklch,var(--color-paper) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.topnav,.footer-links,.project-actions{display:flex;align-items:center}.brand{gap:.7rem;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.12em;white-space:nowrap}.brand-dot{width:.72rem;height:.72rem;border-radius:999px;background:var(--color-accent);flex:0 0 auto}.topnav{gap:clamp(1rem,3vw,2.4rem)}.topnav a,.footer-links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.topnav a,.footer-links a,.project-links a,.text-link{transition:color var(--transition-fast)}.topnav a:hover,.footer-links a:hover,.project-links a:hover,.text-link:hover{color:var(--color-accent-deep)}.hero{display:grid;grid-template-columns:minmax(4rem,.16fr) minmax(0,1fr);min-height:min(860px,calc(100svh - 66px));border-bottom:1px solid var(--color-line)}.hero-rail{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem 0 2.3rem;border-right:1px solid var(--color-line);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.11em;color:var(--color-ink-soft);writing-mode:vertical-rl;text-orientation:mixed}.hero-copy{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5.5rem) var(--page-gutter) clamp(2.5rem,5vw,4.5rem)}.eyebrow,.section-kicker,.status-line,.project-mark,.poster-meta,.platforms,.project-status,.project-seq,.project-links{font-family:var(--font-mono)}.eyebrow,.section-kicker{margin:0;font-size:.68rem;letter-spacing:.12em;line-height:1.2;color:var(--color-ink-soft)}.hero h1{margin:auto 0;padding-block:clamp(3rem,9vw,8rem);font-family:var(--font-display);font-size:clamp(4rem,10.8vw,10.8rem);font-weight:600;line-height:.84;letter-spacing:-.07em;font-style:normal;overflow-wrap:anywhere;min-width:0}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--color-accent);padding-left:clamp(0rem,8vw,9rem)}.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;border-top:1px solid var(--color-line);padding-top:1.35rem}.hero-lede{max-width:42rem;margin:0;font-size:clamp(.95rem,1.3vw,1.1rem);color:var(--color-ink-soft)}.hero-counts-link{display:grid;justify-items:end;gap:.65rem;min-width:0}.hero-counts-link:hover{color:var(--color-accent-deep)}.hero-counts{margin:0;display:flex;gap:clamp(1rem,3vw,2.5rem)}.hero-counts div{display:grid;gap:.1rem}.hero-counts dt{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3rem);line-height:1;letter-spacing:-.05em}.hero-counts dd{margin:0;font-family:var(--font-mono);font-size:.62rem;color:var(--color-ink-soft);text-transform:uppercase;white-space:nowrap}.hero-counts-cta{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.featured{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:720px;border-bottom:1px solid var(--color-line)}.featured-copy{min-width:0;padding:clamp(2.2rem,5vw,5rem) var(--page-gutter);display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--color-line)}.status-line{margin:auto 0 1.4rem;font-size:.68rem;letter-spacing:.08em;display:flex;gap:.55rem;align-items:center}.pulse{position:relative;display:inline-block;width:.6rem;height:.6rem;border-radius:999px;background:var(--color-live)}.pulse:after{content:"";position:absolute;inset:-.3rem;border:1px solid var(--color-live);border-radius:inherit;animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%{opacity:.8;transform:scale(.6)}80%,to{opacity:0;transform:scale(1.4)}}.featured h2,.index-head h2,.origin h2{margin:0;font-family:var(--font-display);font-style:normal;font-weight:600;letter-spacing:-.055em;overflow-wrap:anywhere;min-width:0}.featured h2{font-size:clamp(4rem,8vw,8.5rem);line-height:.9}.featured-one-liner{max-width:31rem;margin:2rem 0 0;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.55;font-weight:600}.featured-note{max-width:35rem;margin:1.2rem 0 0;color:var(--color-ink-soft)}.project-actions{gap:1.4rem;margin-top:2rem}.text-link{display:inline-flex;align-items:center;min-height:2.75rem;padding-bottom:.1rem;border-bottom:1px solid var(--color-ink);font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.tree-poster{position:relative;min-width:0;overflow:clip;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.4rem,3vw,2.5rem);background:var(--color-accent);color:var(--color-white)}.poster-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.62rem;letter-spacing:.06em;z-index:2}.poster-title{position:relative;z-index:2;margin:auto 0 0;font-family:var(--font-display);font-size:clamp(6rem,13vw,13rem);font-weight:700;line-height:.72;letter-spacing:-.085em;overflow-wrap:anywhere}.poster-caption{position:relative;z-index:2;max-width:23rem;margin:2rem 0 0 auto;font-family:var(--font-mono);font-size:.7rem;line-height:1.7;text-transform:uppercase}.branch-map{position:absolute;top:10%;right:-2%;width:min(72%,620px);aspect-ratio:1 / .9;opacity:.95}.branch,.node{position:absolute}.branch{height:2px;background:var(--color-white);transform-origin:left center}.branch-a{width:46%;left:26%;top:50%;transform:rotate(-32deg)}.branch-b{width:38%;left:26%;top:50%;transform:rotate(21deg)}.branch-c{width:30%;left:57%;top:24%;transform:rotate(38deg)}.node{min-width:3.5rem;min-height:3.5rem;padding:.5rem;border:2px solid var(--color-white);border-radius:999px;display:grid;place-items:center;font-family:var(--font-mono);font-size:.58rem;font-weight:700;background:var(--color-accent)}.node-root{left:18%;top:41%;min-width:5rem;min-height:5rem;font-size:1.25rem}.node-1{left:59%;top:12%}.node-2{left:57%;top:57%}.node-3{left:80%;top:33%}.principle{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(15rem,.45fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(3rem,7vw,7rem) var(--page-gutter);border-bottom:1px solid var(--color-line);align-items:start}.principle-line{margin:0;font-family:var(--font-display);font-size:clamp(2.3rem,5vw,5rem);font-weight:600;line-height:1.05;letter-spacing:-.055em}.principle-line span{color:var(--color-accent)}.principle-note{margin:.3rem 0 0;color:var(--color-ink-soft)}.index-section{border-bottom:1px solid var(--color-line)}.index-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:clamp(3rem,6vw,6rem) var(--page-gutter) clamp(2rem,4vw,3.5rem);align-items:end}.index-head h2{margin-top:1.4rem;font-size:clamp(3rem,7vw,7.5rem);line-height:.92}.index-dek{max-width:34rem;margin:1.35rem 0 0;color:var(--color-ink-soft)}.filter-wrap{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;max-width:30rem}.filter-button{min-height:2.65rem;border:1px solid var(--color-line-strong);border-radius:999px;background:transparent;padding:.45rem .9rem;font-family:var(--font-mono);font-size:.66rem;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.filter-button:hover{transform:translateY(-1px);border-color:var(--color-ink)}.filter-button.active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.project-list{border-top:1px solid var(--color-line)}.project-row{display:grid;grid-template-columns:4.5rem 8.5rem minmax(0,1fr) minmax(8.5rem,.24fr);min-width:0;border-bottom:1px solid var(--color-line);transition:background var(--transition-medium)}.project-row:last-child{border-bottom:0}.project-row:hover{background:var(--color-paper-2)}.project-seq,.project-meta,.project-main,.project-links{padding:clamp(1.5rem,3vw,2.6rem) clamp(.9rem,2vw,1.6rem)}.project-seq,.project-meta,.project-main{border-right:1px solid var(--color-line)}.project-seq{font-size:.62rem;color:var(--color-ink-soft)}.project-meta{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.62rem}.project-status{width:fit-content;color:var(--color-live);letter-spacing:.06em;white-space:nowrap}.project-status.archived{color:var(--color-ink-soft)}.project-main{min-width:0}.project-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.project-main h3{margin:0;min-width:0;font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,3.75rem);font-weight:600;line-height:1;letter-spacing:-.045em;font-style:normal;overflow-wrap:anywhere}.project-mark{flex:0 0 auto;font-size:.56rem;letter-spacing:.05em;color:var(--color-ink-soft);white-space:nowrap}.project-one-liner{margin:1.2rem 0 0;font-size:clamp(1rem,1.55vw,1.28rem);font-weight:600}.project-note{max-width:55rem;margin:.75rem 0 0;color:var(--color-ink-soft);font-size:.9rem}.platforms{display:flex;gap:.45rem;margin-top:1.25rem;flex-wrap:wrap}.platforms span{border:1px solid var(--color-line);border-radius:999px;padding:.18rem .5rem;font-size:.55rem;text-transform:uppercase}.project-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem;font-size:.63rem}.project-links a,.project-links span{white-space:nowrap}.project-links span{color:var(--color-ink-soft)}.origin{padding:clamp(3rem,7vw,7rem) var(--page-gutter);background:var(--color-ink);color:var(--color-paper)}.origin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.65fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin-top:clamp(3rem,8vw,7rem)}.origin h2{font-size:clamp(3.4rem,8vw,8.5rem);line-height:.9}.origin-grid>div{max-width:34rem}.origin-grid p{margin:0 0 1.4rem;color:var(--color-line)}.origin-grid strong{color:var(--color-paper)}.origin .text-link{color:var(--color-paper);border-color:var(--color-paper)}.origin .text-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.footer{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;min-height:100px;padding:1.5rem var(--page-gutter);background:var(--color-ink);color:var(--color-paper);border-top:1px solid var(--color-line-strong)}.footer>div:first-child{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em}.footer p{margin:0;font-family:var(--font-mono);font-size:.66rem;color:var(--color-line)}.footer-links{justify-content:flex-end;gap:1.4rem}@media(max-width:980px){.featured{grid-template-columns:minmax(0,1fr)}.featured-copy{min-height:600px;border-right:0;border-bottom:1px solid var(--color-line)}.tree-poster{min-height:640px}.principle{grid-template-columns:minmax(0,1fr)}.principle-note{grid-column:1}.project-row{grid-template-columns:3.5rem 7rem minmax(0,1fr)}.project-main{border-right:0}.project-links{grid-column:3;padding-top:0;flex-direction:row;flex-wrap:wrap;border-left:1px solid var(--color-line)}.origin-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.page-shell{border-inline:0}.topbar{min-height:58px}.topnav{gap:1rem}.topnav a:nth-child(2){display:none}.hero{min-height:760px;grid-template-columns:2.9rem minmax(0,1fr)}.hero-rail{padding-block:1.25rem;font-size:.52rem}.hero h1{font-size:clamp(3.7rem,17vw,7.5rem);line-height:.88;padding-block:3rem}.hero h1 span:last-child{padding-left:0}.hero-bottom{grid-template-columns:minmax(0,1fr);align-items:start}.hero-lede br{display:none}.hero-counts{width:100%;justify-content:space-between}.hero-counts-link{width:100%;justify-items:stretch}.hero-counts-cta{text-align:right}.featured-copy{min-height:auto}.status-line{margin-top:5rem}.featured h2{font-size:clamp(3.8rem,17vw,7rem)}.tree-poster{min-height:560px}.poster-title{font-size:clamp(5.4rem,27vw,9rem)}.branch-map{width:88%;right:-10%}.principle{grid-template-columns:minmax(0,1fr);gap:2rem}.principle-note{grid-column:1;max-width:34rem}.index-head{grid-template-columns:minmax(0,1fr);align-items:start}.filter-wrap{justify-content:flex-start;max-width:none}.project-row{grid-template-columns:3.2rem minmax(0,1fr)}.project-seq{grid-row:1 / span 3}.project-meta,.project-main,.project-links{grid-column:2;border-left:0;border-right:0}.project-meta{flex-direction:row;align-items:center;border-bottom:1px solid var(--color-line);padding-bottom:.9rem}.project-main{padding-top:1.2rem}.project-title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.project-links{border-top:1px solid var(--color-line);padding-top:1rem}.origin-grid{margin-top:3.5rem}.footer{grid-template-columns:1fr auto}.footer p{display:none}}@media(max-width:414px){:root{--page-gutter: 1rem}.brand{font-size:.72rem}.topnav a{font-size:.63rem}.hero{grid-template-columns:2.35rem minmax(0,1fr)}.hero-copy{padding-left:.9rem;padding-right:.9rem}.hero h1{font-size:clamp(3.25rem,18.8vw,4.85rem);letter-spacing:-.065em}.hero-counts dt{font-size:2rem}.featured-one-liner{font-size:1.15rem}.tree-poster{min-height:470px}.node{min-width:3rem;min-height:3rem}.node-root{min-width:4rem;min-height:4rem}.principle-line{font-size:clamp(2rem,11vw,3rem)}.index-head h2,.origin h2{font-size:clamp(2.85rem,14vw,4rem)}.filter-wrap{gap:.4rem}.filter-button{min-height:2.45rem;padding-inline:.7rem;font-size:.6rem}.project-row{grid-template-columns:2.7rem minmax(0,1fr)}.project-seq,.project-meta,.project-main,.project-links{padding-left:.75rem;padding-right:.75rem}.project-main h3{font-size:2rem}.footer{grid-template-columns:minmax(0,1fr);gap:1.2rem}.footer-links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}