:root{color-scheme:dark;--bg: #060f33;--bg-deep: #04091f;--surface: rgba(6, 15, 51, .58);--panel: #0a1746;--panel-raised: #10205c;--text: #f2eee4;--muted: #9fb0d6;--accent: #e85a30;--cream: #ffe2aa;--on-accent: #05091f;--ripple-base: #0a1a5c;--ripple-lit: #1b3bff;--line: rgba(242, 238, 228, .16);--line-strong: rgba(242, 238, 228, .42);--max: 1120px;--font-sans: "Helvetica Neue", "Noto Sans JP", Arial, sans-serif;--font-display: "Arial Black", "Helvetica Neue", "Noto Sans JP", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:transparent;isolation:isolate}.ripple-field{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg);overflow:hidden}.ripple-field>div{position:absolute;inset:0}.ripple-base{background:radial-gradient(120% 90% at 78% 8%,rgba(27,59,255,.16),transparent 55%),url(/server-tile.svg) repeat;background-size:auto,132px 132px;opacity:.09}.ripple-wave{background:radial-gradient(circle 200px at var(--x, 50%) var(--y, 50%),rgba(27,59,255,.5),transparent 72%),url(/server-tile.svg) repeat;background-size:auto,132px 132px;opacity:0;filter:url(#ripple-wave);mask-image:radial-gradient(circle 220px at var(--x, 50%) var(--y, 50%),#000 0%,rgba(0,0,0,.35) 45%,transparent 72%);transition:opacity .5s ease}.ripple-field.is-active .ripple-wave{opacity:.9}.ripple-field.is-lite .ripple-wave{filter:none}.ripple-defs{position:absolute;width:0;height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.ripple-wave{display:none}}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--on-accent)}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--accent);color:var(--on-accent)}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--cream);outline-offset:4px}.site-header{max-width:var(--max);margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-inline:1px solid var(--line);background:#120618c7}.brand{display:flex;align-items:center;gap:.85rem;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;border:1px solid var(--line-strong);color:var(--cream);font:800 .64rem/1 var(--font-mono);letter-spacing:.08em}.brand-copy{display:grid;gap:.15rem}.brand-text{font-size:.92rem;font-weight:900;letter-spacing:-.015em}.brand-sub{color:var(--muted);font:.58rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.site-nav{display:flex;gap:1.6rem}.site-nav a{display:grid;gap:.15rem;color:inherit;font-size:.78rem;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.site-nav a span{color:var(--accent);font:.56rem/1 var(--font-mono)}.status-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem;padding:.45rem max(1.5rem,calc((100vw - var(--max)) / 2 + 1.5rem));background:#ffe2aa0d;color:var(--muted);font:.58rem/1.2 var(--font-mono);letter-spacing:.04em}.status-link{color:var(--muted);text-decoration:none;transition:color .18s ease}.status-link:hover,.status-link:focus-visible{color:var(--accent)}.hero,.page-hero,.section,.detail{max-width:var(--max);margin:0 auto;padding-inline:1.5rem;border-inline:1px solid var(--line)}.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:4rem;align-items:end;padding-block:6rem 4rem;overflow:hidden;background:linear-gradient(180deg,#1206186b,#120618c7)}.hero-copy{min-width:0;position:relative;z-index:1}.eyebrow{margin:0 0 1rem;color:var(--accent);font:700 .68rem/1.4 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.hero-title{max-width:780px;margin:0;font:800 clamp(2.2rem,5vw,4.9rem)/1.02 var(--font-sans);letter-spacing:-.035em;overflow-wrap:anywhere}.hero-title span{display:block}.hero-title .is-index-line{margin-top:.25rem;color:var(--text);font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,3rem);font-weight:800;letter-spacing:-.02em}.hero-title .is-route-line{max-width:13ch;margin-top:.4rem;color:var(--cream)}.hero-yura-title{margin:0 0 1.15rem;overflow:visible}.hero-yura-title yura-type{--yura-size: clamp(1.45rem, 2.2vw, 2.3rem);--yura-color: var(--cream);--yura-scale: 5;display:block;width:100%;max-width:100%}.hero-catch,.lead{max-width:700px;margin:2rem 0 .8rem;font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:700;line-height:1.55;letter-spacing:-.01em;overflow-wrap:anywhere}.hero-subcopy{max-width:620px;margin:0;color:var(--muted);font-size:.95rem;line-height:1.85;overflow-wrap:anywhere}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-width:210px;padding:1rem 1.15rem;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:800 .72rem/1 var(--font-mono);text-decoration:none;text-transform:uppercase}.button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.text-link{display:inline-block;font-size:.78rem;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}.hero .text-link{color:var(--text)}.text-link.light{color:var(--cream)}.server-monitor{align-self:end;border:1px solid var(--line);border-radius:0;background:#120618b8;box-shadow:0 18px 50px #00000047;font-family:var(--font-sans)}.server-monitor-head{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);color:var(--muted);font:.62rem/1.4 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.server-monitor-head b{color:var(--accent);font-weight:700}.server-core{min-height:auto;display:grid;gap:.35rem;padding:1.25rem 1rem;text-align:left;border-bottom:1px solid var(--line)}.server-core span,.server-core small{position:relative;z-index:1}.server-core span{color:var(--cream);font-family:var(--font-mono);font-size:1rem;font-weight:800;letter-spacing:-.02em}.server-core small{color:var(--muted);font:.56rem/1.4 var(--font-mono);letter-spacing:.08em}.server-monitor dl{margin:0;display:grid;border-top:1px solid var(--line)}.server-monitor dl div{min-width:0;display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.server-monitor dl div:last-child{border-bottom:0}.server-monitor dt{color:var(--muted);font-size:.72rem}.server-monitor dd{margin:0;color:var(--text);font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.page-hero{min-height:340px;display:grid;grid-template-columns:1.35fr .65fr;gap:4rem;align-items:end;padding-block:5rem 3rem;border-bottom:1px solid var(--line);background:var(--surface)}.page-hero>*{min-width:0}.page-hero h1{margin:0;font:800 clamp(3.5rem,8vw,6.5rem)/1 var(--font-sans);letter-spacing:-.045em}.page-hero>p{max-width:470px;margin:0 0 .6rem;color:var(--muted);font-size:1.05rem;line-height:1.75}.section{padding-block:5rem;background:var(--surface)}.section.alt{max-width:none;padding-inline:max(1.5rem,calc((100vw - var(--max)) / 2 + 1.5rem));border-block:1px solid var(--line-strong);background:var(--panel)}.section-title{margin-bottom:3rem;display:grid;grid-template-columns:1.35fr .65fr;gap:4rem;align-items:end;border-bottom:1px solid var(--line-strong);padding-bottom:1.2rem}.section-title>*{min-width:0}.section-title h2,.manifesto h2{margin:0;font:800 clamp(2.2rem,4.5vw,4rem)/1.1 var(--font-sans);letter-spacing:-.035em}.section-title>p{max-width:440px;margin:0;color:var(--muted);line-height:1.7}.home-intro{display:grid;grid-template-columns:.4fr 1.2fr .7fr;gap:3rem;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.home-intro-copy{margin:0;font-size:clamp(1.5rem,3.2vw,3rem);font-weight:700;line-height:1.28;letter-spacing:-.025em}.home-intro-copy strong{color:var(--cream)}.home-facts{margin:0;display:grid;align-content:start;gap:1.1rem}.home-facts div{padding-top:.65rem;border-top:1px solid var(--line)}.home-facts dt{color:var(--muted);font:.58rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.home-facts dd{margin:.35rem 0 0;font-size:.84rem;font-weight:800}.directory-index{max-width:none;padding-inline:max(1.5rem,calc((100vw - var(--max)) / 2 + 1.5rem));background:var(--panel);color:var(--text);border-block:1px solid var(--line-strong)}.directory-index header{max-width:var(--max);margin:0 auto 2rem;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.directory-index h2{margin:0;font:800 clamp(2.2rem,4.5vw,4rem)/1.1 var(--font-sans);letter-spacing:-.035em}.directory-index header>p{max-width:440px;margin:0;color:var(--muted);line-height:1.7}.terminal-prompt{margin:0 0 1rem;color:var(--cream);font:.66rem/1.4 var(--font-mono)}.directory-table{max-width:var(--max);margin:0 auto;border-top:1px solid var(--line)}.directory-row{display:grid;grid-template-columns:.35fr 1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.directory-row span{color:var(--muted);font-size:.82rem;line-height:1.6}.directory-row strong{color:var(--text);font:700 .9rem/1.4 var(--font-mono)}.directory-row b{color:var(--accent);font-size:.72rem;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3rem 2rem}.project-card{grid-column:span 6}.project-card:nth-child(3n){grid-column:span 6}.project-card a{height:100%;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:1.5rem;padding:1rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;text-decoration:none}.project-cover{aspect-ratio:1;overflow:hidden;border:1px solid var(--line-strong);background:var(--bg-deep)}.project-cover img{width:100%;height:100%;object-fit:cover}.fallback-cover{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background:var(--bg-deep);color:var(--text);overflow:hidden}.fallback-cover:before{content:"";position:absolute;width:68%;aspect-ratio:1;right:-25%;top:15%;border:1px solid rgba(255,226,170,.38);border-radius:50%;box-shadow:0 0 0 18px #ffe2aa0d,0 0 0 55px #ffe2aa0a}.is-featured .fallback-cover{background:var(--panel-raised)}.fallback-cover span,.fallback-cover strong{position:relative;z-index:1}.fallback-cover strong{max-width:85%;font:800 clamp(1.7rem,3vw,3rem)/1.05 var(--font-sans);letter-spacing:-.04em;overflow-wrap:anywhere}.cover-index,.cover-type{color:var(--cream);font:.56rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.project-info{align-self:end;border-top:1px solid var(--line-strong);padding-top:.8rem}.project-type{display:flex;justify-content:space-between;gap:1rem;margin:0 0 1rem;color:var(--muted);font:.56rem/1.3 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}.project-info h3,.log-card h3{margin:0 0 .8rem;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.025em}.project-info>p,.log-card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.65}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.2rem 0 0;padding:0;list-style:none}.tag-list li{border:1px solid var(--line);border-radius:99px;padding:.32rem .55rem;color:var(--muted);font:.55rem/1 var(--font-mono);text-transform:uppercase}.card-arrow{display:inline-block;margin-top:1.5rem;color:var(--accent);font:700 .62rem/1 var(--font-mono);text-transform:uppercase}.log-grid{display:grid;border-top:1px solid var(--line-strong)}.log-card{border-bottom:1px solid var(--line-strong)}.log-card a{display:grid;grid-template-columns:.2fr 1fr auto;gap:2rem;align-items:start;padding:1.6rem 0;color:inherit;text-decoration:none}.log-number{color:var(--accent);font:900 clamp(2.4rem,5vw,4.5rem)/.9 var(--font-display);letter-spacing:-.04em}.log-copy{display:grid;grid-template-columns:.32fr 1fr 1fr;gap:1.5rem;align-items:start}.log-copy .project-type{display:block}.log-copy h3{font-size:clamp(1.3rem,2.3vw,2.15rem)}.log-copy .tag-list{grid-column:2 / -1}.log-card .card-arrow{margin:0}.manifesto{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end;margin-block:4rem;padding-block:4rem;border-block:1px solid var(--line);background:var(--panel-raised);color:var(--text)}.manifesto .eyebrow{color:var(--accent)}.manifesto p:not(.eyebrow){max-width:500px;margin:0 0 2rem;color:var(--muted);line-height:1.8}.detail{padding-block:4rem 7rem;background:var(--surface)}.back-link{display:inline-block;margin-bottom:4rem;color:var(--muted);font:.64rem/1 var(--font-mono);text-decoration:none;text-transform:uppercase}.detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:4rem;align-items:end;padding-bottom:4rem;border-bottom:1px solid var(--line-strong)}.detail-hero h1,.article-header h1{margin:0;font:800 clamp(2.8rem,6vw,5.8rem)/1.08 var(--font-sans);letter-spacing:-.045em;overflow-wrap:anywhere}.detail-cover{aspect-ratio:1;border:1px solid var(--line-strong);overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-strong)}.detail-meta>div{min-width:0;padding:1.5rem;border-right:1px solid var(--line-strong)}.detail-meta>div:first-child{border-left:1px solid var(--line-strong)}.detail-meta h2{margin:1.5rem 0 .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.detail-meta p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.detail-meta .meta-sub{margin-top:.75rem;color:var(--cream);font:.58rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.meta-number,.panel-number{color:var(--accent)!important;font:700 .58rem/1 var(--font-mono)!important}.link-row{display:flex;flex-wrap:wrap;gap:1rem}.link-row a{color:var(--cream);font-weight:800}.article-layout{display:grid;grid-template-columns:.25fr 1fr;gap:4rem;margin-top:5rem}.article-layout aside{color:var(--muted);font-size:.75rem;line-height:1.6}.article-layout aside p:last-child{max-width:180px}.article-body,.prose{max-width:720px;font-size:1rem;line-height:1.9}.article-body h2,.prose h2{margin:4rem 0 1.2rem;padding-top:1rem;border-top:1px solid var(--line);font:800 clamp(1.6rem,3vw,2.5rem)/1.25 var(--font-sans);letter-spacing:-.025em}.article-body h2:first-child{margin-top:0}.article-body li,.prose li{margin-bottom:.7rem}.article-header{max-width:1030px;padding-bottom:4rem;border-bottom:1px solid var(--line-strong)}.about-lead{display:grid;grid-template-columns:.55fr 1fr;gap:5rem;border-bottom:1px solid var(--line-strong)}.about-name{margin:0;font-size:1.4rem;font-weight:900;letter-spacing:-.015em}.about-name span{display:block;margin-top:.5rem;color:var(--accent);font:.58rem/1.4 var(--font-mono);text-transform:uppercase}.about-lead>p:last-child{margin:0;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:700;line-height:1.32;letter-spacing:-.025em}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding-block:1px;background:var(--line-strong)}.about-panel{min-height:320px;padding:2rem;background:var(--panel)}.about-panel.dark{background:var(--cream);color:var(--on-accent)}.about-panel h2{margin:3.5rem 0 1rem;font:800 clamp(1.7rem,3vw,2.7rem)/1.15 var(--font-sans);letter-spacing:-.03em}.about-panel p,.about-panel li{color:var(--muted);line-height:1.75}.about-panel.dark p{color:#1c0a14c7}.about-panel.dark .panel-number{color:#a13a1c!important}.contact-list{display:grid;padding-top:0}.contact-list a{min-width:0;display:grid;grid-template-columns:.15fr .45fr minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line-strong);color:inherit;text-decoration:none}.contact-list a span{color:var(--accent);font:.62rem/1 var(--font-mono)}.contact-list a strong{font:800 clamp(1.7rem,3vw,2.8rem)/1.15 var(--font-sans);letter-spacing:-.03em}.contact-list a small{min-width:0;color:var(--muted);font:.72rem/1.5 var(--font-mono);overflow-wrap:anywhere}.contact-list a b{font-size:1.8rem;font-weight:400}.site-footer{max-width:var(--max);margin:0 auto;padding:4rem 1.5rem;border:1px solid var(--line);border-bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:var(--bg-deep);color:var(--text)}.footer-title{margin:0;font:800 clamp(2.5rem,5vw,4.5rem)/1 var(--font-sans);letter-spacing:-.045em}.footer-meta{align-self:end;justify-self:end;max-width:360px}.footer-meta p:first-child{font-size:1.2rem;font-weight:700;line-height:1.35}.small{color:var(--muted);font:.58rem/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.05em}@media(max-width:900px){.site-header{align-items:flex-start}.site-nav{gap:.8rem}.hero,.page-hero,.section-title,.manifesto,.detail-hero,.home-intro,.about-lead{grid-template-columns:1fr}.directory-index header{grid-template-columns:1fr}.hero{min-height:auto;gap:3rem}.server-monitor{max-width:560px}.page-hero{min-height:44vh;gap:2rem}.project-card,.project-card:nth-child(3n){grid-column:span 12}.log-copy{grid-template-columns:1fr;gap:.7rem}.log-copy .tag-list{grid-column:auto}.article-layout{grid-template-columns:1fr;gap:2rem}.article-layout aside p:last-child{max-width:500px}}@media(max-width:660px){.site-header{display:grid;gap:1rem;padding:1rem}.site-nav{width:100%;justify-content:space-between}.site-nav a span,.brand-sub{display:none}.status-strip span:nth-child(n+2){display:none}.hero,.page-hero,.section,.detail{padding-inline:1rem}.hero{padding-block:4rem}.hero-title{font-size:clamp(2.15rem,9vw,3.2rem)}.hero-title .is-index-line{font-size:clamp(1.15rem,6.4vw,1.55rem)}.hero-title .is-route-line{max-width:9ch}.hero-yura-title yura-type{--yura-size: clamp(1.15rem, 5vw, 1.45rem);--yura-scale: 4}.hero-catch{font-size:1rem}.hero-subcopy{font-size:.92rem}.directory-index{padding-inline:1rem}.directory-row{grid-template-columns:1fr auto;gap:.7rem}.directory-row span{grid-column:1 / -1}.page-hero{padding-block:4rem 2rem}.page-hero h1{font-size:clamp(3.6rem,20vw,4.6rem)}.section{padding-block:4rem}.section.alt{padding-inline:1rem}.section-title{gap:1.3rem}.section-title h2{overflow-wrap:anywhere}.project-grid{grid-template-columns:1fr;gap:2rem}.project-card,.project-card:nth-child(3n){grid-column:1}.project-card a{grid-template-columns:1fr}.log-card a{grid-template-columns:.2fr 1fr;gap:1rem}.log-card .card-arrow{display:none}.detail{padding-block:3rem 5rem}.detail-hero{gap:2rem;padding-bottom:2rem}.detail-meta,.about-grid,.site-footer{grid-template-columns:1fr}.detail-meta>div,.detail-meta>div:first-child{border-left:1px solid var(--line-strong);border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.about-panel{min-height:300px}.contact-list a{grid-template-columns:.2fr minmax(0,1fr) auto;gap:1rem}.contact-list a small{grid-column:2 / -1}.site-footer{gap:2rem;padding:3rem 1rem}.footer-meta{justify-self:start}}.reveal{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}.reveal.is-visible{opacity:1;transform:none}.project-card .project-cover,.project-card .card-arrow,.log-card,.contact-list a,.button{transition:transform .25s ease,color .25s ease,background-color .25s ease,border-color .25s ease}.project-card:is(:hover,:focus-within) .project-cover{transform:none}.project-card:is(:hover,:focus-within) .card-arrow,.log-card:is(:hover,:focus-within) .card-arrow{transform:translate(5px)}.log-card:is(:hover,:focus-within),.contact-list a:is(:hover,:focus-visible){background:#ffe2aa0f}.button:is(:hover,:focus-visible){transform:translateY(-2px)}.button.primary:is(:hover,:focus-visible){background:var(--cream);border-color:var(--cream)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.project-card .project-cover,.project-card .card-arrow,.log-card,.contact-list a,.button{opacity:1;transform:none;transition:none}}