:root{--void: #040706;--surface: #090d09;--surface-2: #0e130d;--text: #ccddc8;--text-dim: #587055;--text-dead: #1f2b1e;--blown: #b4d0a4;--flicker: #5ddb6a;--monitor: #88bec8;--grain-tint: #8ab88a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--text);font-family:Syne Mono,monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--text-dead);color:var(--text)}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 3px)}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;mix-blend-mode:soft-light;opacity:.21;width:100vw;height:100vh}#transition-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;background:var(--blown);opacity:0;pointer-events:none}.edge-line{position:fixed;z-index:9990;pointer-events:none;display:flex;align-items:center;justify-content:center}#edge-top{top:0;left:0;right:0;height:1px;background:var(--text-dead);opacity:.4}#edge-bottom{bottom:0;left:0;right:0;height:1px;background:var(--text-dead);opacity:.4}#edge-left{left:0;top:0;bottom:0;width:1px;background:var(--text-dead);opacity:.4;flex-direction:column}#edge-right{right:0;top:0;bottom:0;width:1px;background:var(--text-dead);opacity:.4;flex-direction:column}.edge-line.active{opacity:1;background:var(--text-dim)!important}.edge-arrow{font-family:Syne Mono,monospace;font-size:8px;color:var(--text-dim);opacity:0;transition:opacity .2s;position:absolute}#edge-top .edge-arrow{top:4px}#edge-bottom .edge-arrow{bottom:4px}#edge-left .edge-arrow{left:4px}#edge-right .edge-arrow{right:4px}.edge-line.active .edge-arrow{opacity:1}#cursor{position:fixed;top:0;left:0;z-index:10002;pointer-events:none;will-change:transform}.cur-seg{position:absolute;background:var(--blown);opacity:.55;transition:width .15s ease,height .15s ease,top .15s ease,left .15s ease,opacity .15s ease}.cur-t{width:1px;height:10px;left:0;top:-12px}.cur-b{width:1px;height:10px;left:0;top:2px}.cur-l{width:10px;height:1px;left:-12px;top:0}.cur-r{width:10px;height:1px;left:2px;top:0}#cursor.on-interactive .cur-t{height:6px;top:-8px;opacity:.25}#cursor.on-interactive .cur-b{height:6px;top:2px;opacity:.25}#cursor.on-interactive .cur-l{width:6px;left:-8px;opacity:.25}#cursor.on-interactive .cur-r{width:6px;left:2px;opacity:.25}#audio-toggle{position:fixed;bottom:1.5rem;left:1.5rem;z-index:9995;background:none;border:none;font-family:Syne Mono,monospace;font-size:9px;letter-spacing:.2em;color:var(--text-dead);padding:0;transition:color .2s}#audio-toggle:hover{color:var(--text-dim)}#section-nav{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9995;display:flex;align-items:center;gap:1.4rem}.snav{background:none;border:none;font-family:Syne Mono,monospace;font-size:12px;letter-spacing:.22em;color:var(--text-dead);padding:0;transition:color .2s;text-transform:lowercase}.snav:hover,.snav.active{color:var(--text-dim)}#viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden}#canvas-root{position:absolute;top:0;left:0;width:180vw;height:170vh;will-change:transform}.node{position:absolute;transform:translate(-50%,-50%)}.kanji{position:absolute;font-family:"Noto Serif JP",serif;font-weight:200;color:var(--text-dead);line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate(-50%,-50%)}#hero-name{font-family:"Noto Serif JP",serif;font-weight:200;font-size:clamp(3.5rem,10vw,8rem);letter-spacing:.35em;color:var(--text);opacity:0;white-space:nowrap;line-height:1}#hero-role{font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.4em;color:var(--text-dim);margin-top:2.5rem;opacity:0}#hero-loc{font-family:Syne Mono,monospace;font-size:9px;letter-spacing:.3em;color:var(--text-dead);margin-top:1.5rem;opacity:0}.cluster{position:absolute;transform:translate(-50%,-50%);min-width:230px;opacity:0}.section-id{font-family:Syne Mono,monospace;font-size:9px;letter-spacing:.3em;color:var(--text-dim);margin-bottom:1.8rem}.entry{margin-bottom:0}.entry-title{font-family:"Noto Serif JP",serif;font-weight:200;font-size:1.3rem;color:var(--text);line-height:1.4}.entry-row{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.entry-year{font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.3em;color:var(--text-dim)}.trigger{font-size:13px;color:var(--text-dim);transition:color .2s,transform .2s;line-height:1}.trigger:hover{color:var(--text);transform:scale(1.2)}.dot-sep{font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.4em;color:var(--text-dead);margin:1rem 0}#photo-strip-wrap{position:absolute;transform:translateY(-50%);overflow:hidden;opacity:0}#photo-strip{display:flex;gap:16px;padding:24px 48px;will-change:transform}.photo-frame{flex:0 0 auto;border:3px solid var(--void);transform:rotate(var(--rot, 0deg));filter:contrast(1.08) saturate(.78) brightness(.92);transition:transform .25s ease,filter .25s ease}.photo-frame:hover{transform:rotate(0)!important;filter:contrast(1.08) saturate(.78) brightness(1)}.photo-inner{width:200px;height:140px;background:var(--surface-2);position:relative;overflow:hidden}.photo-inner img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer!important}.photo-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(180,208,164,.04) 0%,transparent 60%),radial-gradient(ellipse at 30% 40%,rgba(88,112,85,.08) 0%,transparent 70%)}.photo-cap{font-family:Syne Mono,monospace;font-size:9px;color:var(--text-dead);padding:5px 2px 2px;letter-spacing:.15em}#bio{text-align:center;opacity:0;max-width:500px}#bio-headline{font-family:"Noto Serif JP",serif;font-weight:200;font-size:clamp(1.4rem,3.5vw,2.2rem);color:var(--text);line-height:2.4}#bio-sub1{font-family:Syne Mono,monospace;font-size:11px;color:var(--text-dim);line-height:2;margin-top:3rem;letter-spacing:.06em}#bio-sub2{font-family:Syne Mono,monospace;font-size:10px;color:var(--text-dead);line-height:2;margin-top:.5rem;letter-spacing:.1em}#bio-resume{display:inline-block;margin-top:1.2rem;font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.25em;color:var(--text-dim);transition:color .2s}#bio-resume:hover{color:var(--text)}#contact{text-align:center;opacity:0}#contact-phrase{font-family:"Noto Serif JP",serif;font-weight:200;font-size:1rem;color:var(--text-dim);margin-bottom:2rem;letter-spacing:.08em}#contact-email{display:block;font-family:"Noto Serif JP",serif;font-weight:200;font-size:1.6rem;color:var(--text);transition:color .2s;margin-bottom:1.5rem;white-space:nowrap}#contact-email:hover{color:var(--blown)}#contact-links{font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.25em;color:var(--text-dim);display:flex;gap:.75rem;justify-content:center;align-items:center}.cl{color:var(--text-dim);transition:color .2s}.cl:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--text-dim)}.cl-sep{color:var(--text-dead)}.type-bracket{font-family:Syne Mono,monospace;font-size:.42em;color:var(--text-dim);letter-spacing:normal;vertical-align:.14em}.type-char{display:inline}.type-char.cycling{color:var(--flicker);opacity:.75}.type-char.settled{color:var(--text)}#footer-year{position:absolute;transform:translate(-50%);font-family:Syne Mono,monospace;font-size:9px;color:var(--text-dead);letter-spacing:.2em;opacity:0}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9993;background:#040706ed;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}#overlay.open{opacity:1;pointer-events:all}#overlay-inner{max-width:460px;width:100%;padding:2.5rem;text-align:center;position:relative;z-index:1}#ol-title{font-family:"Noto Serif JP",serif;font-weight:200;font-size:clamp(2rem,5vw,3.5rem);color:var(--text);line-height:1.1;margin-bottom:1.5rem}#ol-year{font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.3em;color:var(--text-dim);margin-bottom:2rem}#ol-desc{font-family:Syne Mono,monospace;font-size:12px;line-height:2;color:var(--text-dim);margin-bottom:1.5rem}#ol-video{margin:2rem 0}#ol-video iframe{width:100%;aspect-ratio:16/9;border:none;opacity:.88}#ol-meta{font-family:Syne Mono,monospace;font-size:10px;color:var(--text-dead);letter-spacing:.12em;margin-bottom:3rem}#ol-close{font-family:Syne Mono,monospace;font-size:9px;letter-spacing:.3em;color:var(--text-dead)}.ol-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:1.5rem 0}.ol-photo{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:contrast(1.05) saturate(.8) brightness(.9);transition:filter .2s,transform .2s}.ol-photo:hover{filter:contrast(1.05) saturate(.9) brightness(1);transform:scale(1.02)}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#040706f5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}#lightbox.open{opacity:1;pointer-events:all}#lightbox-img{max-width:90vw;max-height:88vh;object-fit:contain;display:block;filter:contrast(1.05) saturate(.85);transform:scale(.96);transition:transform .25s ease}#lightbox.open #lightbox-img{transform:scale(1)}#frames-label{position:absolute;font-family:Syne Mono,monospace;font-size:9px;letter-spacing:.3em;color:var(--text-dim);pointer-events:none;transform:translateY(-50%);opacity:0}#contact-form{margin-top:1.8rem;margin-bottom:2rem;width:260px}#contact-form input[name=botcheck]{position:absolute;left:-9999px;width:0;height:0;opacity:0;pointer-events:none}.cf-field{margin-bottom:1rem}.cf-input{width:100%;background:none;border:none;border-bottom:1px solid var(--text-dead);color:var(--text);font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.15em;padding:.4rem 0;outline:none;transition:border-color .2s}.cf-input::placeholder{color:var(--text-dead);letter-spacing:.15em}.cf-input:focus{border-bottom-color:var(--text-dim)}.cf-textarea{resize:none;height:64px;line-height:1.8}.cf-footer{display:flex;align-items:center;gap:1.2rem;margin-top:1.2rem}.cf-submit{background:none;border:none;font-family:Syne Mono,monospace;font-size:10px;letter-spacing:.25em;color:var(--text-dim);padding:0;transition:color .2s}.cf-submit:hover:not(:disabled){color:var(--text)}.cf-submit:disabled{opacity:.4}#cf-result{font-family:Syne Mono,monospace;font-size:9px;letter-spacing:.15em}#cf-result.cf-ok{color:var(--flicker)}#cf-result.cf-err{color:#c97070}@media (hover: none){#cursor{display:none}*,*:before,*:after{cursor:auto!important}}@media (max-width: 768px){#viewport{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#canvas-root{position:relative!important;width:100%!important;height:auto!important;will-change:auto;transform:none!important;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem 8rem;gap:4rem}.kanji,.edge-line{display:none}.node,.cluster{position:static!important;transform:none!important;width:100%!important;max-width:420px;min-width:0!important}#hero{padding-top:12vh;text-align:center}#hero-name{font-size:clamp(2rem,10vw,3.5rem);letter-spacing:.2em}#hero-role{margin-top:1.5rem}#photo-strip-wrap{position:static!important;transform:none!important;width:calc(100% + 3rem)!important;margin-left:-1.5rem;overflow:hidden}#photo-strip{padding:16px 24px}.photo-inner{width:160px;height:110px}#footer-year{position:static!important;transform:none!important;text-align:center;opacity:1}#bio{text-align:center}#bio-sub1{font-size:12px;line-height:2}#contact{text-align:center}#contact-email{font-size:1rem;white-space:normal;word-break:break-all}#contact-links{flex-wrap:wrap;justify-content:center;gap:.5rem}#overlay{align-items:flex-start;overflow-y:auto;padding:2rem 0}#overlay-inner{padding:1.5rem 1.25rem;max-width:100%}#ol-title{font-size:clamp(1.6rem,7vw,2.5rem)}#section-nav{gap:.9rem;bottom:1rem;right:1rem}.snav{font-size:11px;padding:.4rem .15rem}#audio-toggle{bottom:1rem;left:1rem;padding:.4rem}}