@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500;600;700&display=swap";:root{--canvas:#131821;--font-display:"Noto Sans JP", "Inter", sans-serif;--font-body:"Inter", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sm:.25rem;--radius-md:.5rem;--rule:1px;--dur-fast:.15s;--dur-base:.26s;--ease-out:cubic-bezier(.2, 0, 0, 1)}.app-shell{--paper:#131821;--paper-raised:#1b222e;--ink:#eef0ef;--ink-muted:#abb4c1;--line:#3c4858;--accent:#7798c7;--accent-ink:#10151d;--portrait-stamp:#f9f8f5;--focus:#c8d8ff;--swatch-aoi:#7798c7;--swatch-kumo:#506b8a;--swatch-yozora:#9b91c3}.app-shell[data-theme=kumo]{--paper:#eeece7;--paper-raised:#f7f5f1;--ink:#252a32;--ink-muted:#666d76;--line:#b8bdc2;--accent:#506b8a;--accent-ink:#f9f8f5;--portrait-stamp:#f9f8f5;--focus:#244f78}.app-shell[data-theme=yozora]{--paper:#181723;--paper-raised:#242331;--ink:#f0eff3;--ink-muted:#b7b2c0;--line:#4a4657;--accent:#9b91c3;--accent-ink:#17151e;--portrait-stamp:#f9f8f5;--focus:#d5ccff}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{background:var(--paper);min-height:100vh;color:var(--ink)}.skip-link{top:var(--space-3);left:var(--space-3);z-index:20;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-ink);transition:transform var(--dur-fast) var(--ease-out);text-decoration:none;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,.hero,.about-section,.areas-section,.focus-section,.stack-section,.contact-section{width:min(100% - 3rem,76rem);margin:0 auto}.site-header{align-items:center;gap:var(--space-5);border-bottom:var(--rule) solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;min-height:5rem;display:grid}.wordmark{color:var(--ink);font-family:var(--font-mono);font-size:.94rem;font-weight:500;text-decoration:none}.wordmark span{color:var(--accent)}.site-nav{justify-content:center;gap:clamp(.75rem,2vw,1.75rem);min-width:0;display:flex}.site-nav a{color:var(--ink-muted);font-family:var(--font-mono);transition:color var(--dur-fast) var(--ease-out);font-size:.7rem;line-height:1;text-decoration:none}.site-nav a:hover{color:var(--ink)}.header-controls,.theme-switcher,.language-switcher{align-items:center;display:flex}.header-controls{gap:var(--space-3)}.theme-switcher{gap:var(--space-1)}.theme-option{min-height:2.5rem;padding:0 var(--space-2);border:var(--rule) solid transparent;border-radius:var(--radius-sm);color:var(--ink-muted);font-family:var(--font-mono);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:.38rem;font-size:.72rem;line-height:1;display:inline-flex}.theme-option:hover,.theme-option[aria-pressed=true]{border-color:var(--line);color:var(--ink)}.theme-option[aria-pressed=true]{background:var(--paper-raised)}.theme-option:active,.hero-link:active,.contact-link:active{transform:scale(.96)}.theme-swatch{border-radius:50%;width:.62rem;height:.62rem}.theme-swatch.aoi{background:var(--swatch-aoi)}.theme-swatch.kumo{background:var(--swatch-kumo)}.theme-swatch.yozora{background:var(--swatch-yozora)}.language-switcher{padding-left:var(--space-3);border-left:var(--rule) solid var(--line);gap:.1rem}.language-option{border:var(--rule) solid transparent;border-radius:var(--radius-sm);width:2.25rem;min-height:2.5rem;color:var(--ink-muted);font-family:var(--font-mono);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;place-items:center;padding:0;font-size:.7rem;line-height:1;display:grid}.language-option:hover,.language-option[aria-pressed=true]{border-color:var(--line);color:var(--ink)}.language-option[aria-pressed=true]{background:var(--paper-raised)}.language-option:active{transform:scale(.96)}.hero{min-height:calc(100svh - 5rem);padding:var(--space-8) 0;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.hero-copy{max-width:37rem}.hero-location{align-items:center;gap:var(--space-1);margin:0 0 var(--space-5);color:var(--ink-muted);font-family:var(--font-mono);font-size:.75rem;line-height:1.4;display:flex}.hero h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:var(--space-5);color:var(--ink);font-family:var(--font-display);letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(3.35rem,7vw,6.85rem);font-weight:700;line-height:.98}.hero-role{margin-bottom:var(--space-3);color:var(--ink);font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:600;line-height:1.25}.hero-intro{max-width:34ch;margin-bottom:var(--space-6);color:var(--ink-muted);text-wrap:pretty;font-size:1rem;line-height:1.65}.hero-link,.contact-link{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);border:var(--rule) solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-size:.82rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.hero-link:hover{background:var(--paper-raised);color:var(--ink)}.hero-portrait{background:var(--accent);min-height:clamp(26rem,52vw,39rem);position:relative;overflow:hidden}.hero-portrait img{object-fit:cover;object-position:60% center;filter:grayscale()contrast(1.2);mix-blend-mode:multiply;opacity:.83;width:100%;height:100%;display:block;position:absolute;inset:0}.portrait-stamp{right:var(--space-4);bottom:var(--space-4);color:var(--portrait-stamp);font-family:var(--font-display);writing-mode:vertical-rl;font-size:1.45rem;font-weight:700;position:absolute}.quote-trigger{top:var(--space-3);left:var(--space-3);z-index:2;border:var(--rule) solid var(--accent-ink);border-radius:var(--radius-sm);background:var(--paper-raised);width:2.5rem;height:2.5rem;color:var(--ink);font-family:var(--font-display);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;padding:0;font-size:1rem;font-weight:600;line-height:1;display:grid;position:absolute}.quote-trigger:hover,.quote-trigger[aria-expanded=true]{background:var(--accent);color:var(--accent-ink)}.quote-trigger:active{transform:scale(.96)}.portrait-quote{z-index:1;padding:var(--space-6);background:color-mix(in srgb, var(--paper) 94%, transparent);color:var(--ink);font-family:var(--font-display);text-wrap:balance;align-items:flex-end;margin:0;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:600;line-height:1.7;display:flex;position:absolute;inset:0}.portrait-quote p{max-width:18ch;margin:0}.about-section,.areas-section,.focus-section,.stack-section{border-top:var(--rule) solid var(--line);padding:clamp(4rem,10vw,8rem) 0}.section-label{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;line-height:1.4}.about-section{gap:var(--space-6);grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr);display:grid}.about-body{grid-template-columns:minmax(0,1fr) minmax(15rem,.72fr);gap:clamp(2rem,7vw,6rem);display:grid}.about-body h2,.section-heading h2,.contact-section h2{color:var(--ink);font-family:var(--font-display);letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(1.8rem,4vw,3.55rem);font-weight:600;line-height:1.13}.about-body p{margin-bottom:var(--space-4);color:var(--ink-muted);font-size:1rem;line-height:1.7}.about-body p:last-child{margin-bottom:0}.areas-list{border-top:var(--rule) solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.area-item{min-width:0;padding:var(--space-5) var(--space-5) var(--space-5) 0}.area-item+.area-item{padding-left:var(--space-5);border-left:var(--rule) solid var(--line)}.area-item h3{margin-bottom:var(--space-4);color:var(--ink);font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.25}.area-item p{margin-bottom:var(--space-3);color:var(--ink-muted);font-size:.92rem;line-height:1.65}.area-item p:last-child{margin-bottom:0}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-6);margin-bottom:clamp(2rem,5vw,4rem);display:flex}.section-heading h2{max-width:17ch;font-size:clamp(1.7rem,3.6vw,3rem)}.focus-list{border-top:var(--rule) solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.focus-list li{gap:var(--space-4);min-width:0;padding:var(--space-5) var(--space-5) var(--space-5) 0;grid-template-columns:auto minmax(0,1fr);display:grid}.focus-list li+li{padding-left:var(--space-5);border-left:var(--rule) solid var(--line)}.focus-list span{color:var(--accent);font-family:var(--font-mono);font-size:.72rem}.focus-list h3,.stack-group h3{margin-bottom:var(--space-2);color:var(--ink);font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.3}.focus-list p,.stack-group p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.62}.stack-list{border-top:var(--rule) solid var(--line)}.stack-group{align-items:start;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:var(--rule) solid var(--line);grid-template-columns:minmax(10rem,.38fr) minmax(0,1fr);display:grid}.stack-group h3{margin-bottom:var(--space-1)}.stack-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{border:var(--rule) solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-mono);padding:.4rem .6rem;font-size:.72rem;line-height:1.2}.contact-section{align-items:end;gap:var(--space-6);border-top:var(--rule) solid var(--line);grid-template-columns:minmax(10rem,.42fr) minmax(0,1fr) auto;padding:clamp(4rem,9vw,7rem) 0;display:grid}.contact-section h2{max-width:15ch}.contact-section>p{max-width:26ch;color:var(--ink-muted);margin:0;font-size:.95rem;line-height:1.6}.contact-link{white-space:nowrap}.contact-link:hover{background:var(--paper-raised);color:var(--ink)}@media (width<=64rem){.site-header{grid-template-columns:auto auto;justify-content:space-between}.site-nav{display:none}.hero{gap:var(--space-6)}.about-body{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(14rem,.8fr)}.contact-section{grid-template-columns:minmax(0,1fr) auto}.contact-section .section-label{grid-column:1/-1}}@media (width<=48rem){.site-header,.hero,.about-section,.areas-section,.focus-section,.stack-section,.contact-section{width:min(100% - 2rem,76rem)}.site-header{min-height:4rem}.hero{gap:var(--space-6);min-height:auto;padding:var(--space-7) 0;grid-template-columns:1fr}.hero-copy{max-width:none}.hero h1{font-size:clamp(3.15rem,13vw,5.4rem)}.hero-portrait{min-height:27rem}.about-section,.about-body,.contact-section{grid-template-columns:1fr}.about-section{gap:var(--space-4)}.about-body{gap:var(--space-5)}.section-heading{align-items:flex-start;gap:var(--space-3);flex-direction:column}.focus-list,.areas-list{gap:var(--space-5);grid-template-columns:1fr}.area-item,.area-item+.area-item{padding:0 0 var(--space-5);border:0;border-bottom:var(--rule) solid var(--line)}.area-item:last-child{border-bottom:0;padding-bottom:0}.focus-list li,.focus-list li+li{padding:0 0 var(--space-5);border:0;border-bottom:var(--rule) solid var(--line)}.focus-list li:last-child{border-bottom:0;padding-bottom:0}.stack-group{gap:var(--space-4);grid-template-columns:1fr}.contact-section{align-items:start;gap:var(--space-5)}.contact-link{justify-content:space-between;width:100%}}@media (width<=31rem){.header-controls{gap:var(--space-1)}.theme-name{display:none}.theme-option{justify-content:center;width:1.75rem;min-height:2rem;padding:0}.language-switcher{padding-left:var(--space-1);gap:0}.language-option{width:1.75rem;min-height:2rem;font-size:.62rem}.hero-portrait{min-height:23rem}.about-section,.areas-section,.focus-section,.stack-section,.contact-section{padding:var(--space-7) 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}