:root{--bg:#f5f8fb;--bg-panel:#fff;--ink:#10233f;--ink-soft:#4a6079;--ink-faint:#8ba0b6;--line:#c9d8e4;--line-strong:#a8bdd0;--accent:#2a9d8f;--accent-soft:#e4f3f1;--amber:#e9a23b;--mono:"JetBrains Mono",monospace;--sans:"Noto Sans JP",sans-serif;--grid-size:42px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 32px}.grid-bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:50%}.panel{position:relative;background:var(--bg-panel);border:1px solid var(--line)}.panel .bl,.panel .br,.panel:after,.panel:before{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--ink);opacity:.55}.panel:before{left:-1px;border-right:none}.panel:after,.panel:before{top:-1px;border-bottom:none}.panel:after{right:-1px;border-left:none}.panel .bl{left:-1px;border-right:none}.panel .bl,.panel .br{bottom:-1px;border-top:none}.panel .br{right:-1px;border-left:none}.fig-tag{position:absolute;top:10px;right:16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-faint)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,248,251,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.02em}.logo span{color:var(--accent)}.nav-links{display:flex;gap:28px;list-style:none;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em}.nav-links a{color:var(--ink-soft);position:relative;padding-bottom:4px;transition:color .2s ease}.nav-links a:hover{color:var(--ink)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav-links a:hover:after{width:100%}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px;box-shadow:0 0 0 3px var(--accent-soft)}.nav-status{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft)}.hero,.nav-status{display:flex;align-items:center}.hero{position:relative;min-height:100svh;padding-top:64px;overflow:hidden}.hero-diagram{position:absolute;inset:0;z-index:0;opacity:.9}.hero-diagram svg{width:100%;height:100%}.hero-content{position:relative;z-index:2;width:100%}.eyebrow{font-family:var(--mono);font-size:13px;color:var(--accent);display:flex;align-items:center;gap:2px;margin-bottom:22px}.caret{display:inline-block;width:8px;height:16px;background:var(--accent);margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero h1{font-size:clamp(38px,6vw,76px);font-weight:900;line-height:1.25;letter-spacing:-.01em;max-width:820px}.hero h1 .accent-text{color:var(--accent)}.hero p.lead{margin-top:26px;max-width:520px;font-size:16px;color:var(--ink-soft)}.hero-cta{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.03em;padding:14px 26px;border:1px solid var(--ink);display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost:hover{background:var(--ink);color:#fff}.scroll-hint{position:absolute;bottom:28px;left:32px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);display:flex;align-items:center;gap:10px}.scroll-line{width:32px;height:1px;background:var(--ink-faint)}section{padding:120px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:24px;flex-wrap:wrap}.section-num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.1em;margin-bottom:10px;display:block}.section-title{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.01em}.section-note{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);text-align:right;max-width:260px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:start}.about-text p{color:var(--ink-soft);margin-bottom:18px;max-width:52ch}.about-text strong{color:var(--ink);font-weight:700}.stat-panel{padding:28px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);margin-top:8px;border:1px solid var(--line)}.stat{background:var(--bg-panel);padding:22px 20px}.stat-value{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--ink)}.stat-value span{color:var(--accent)}.stat-label{font-size:12.5px;color:var(--ink-soft);margin-top:6px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.skill-card{background:var(--bg-panel);padding:26px 22px}.skill-cat{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;margin-bottom:14px}.skill-list{list-style:none}.skill-list li{font-size:14.5px;padding:7px 0;border-bottom:1px dashed var(--line);color:var(--ink-soft);display:flex;justify-content:space-between}.skill-list li:last-child{border-bottom:none}.skill-list li span.bar{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.feature-card{background:var(--bg-panel);padding:26px 22px}.feature-cat{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;margin-bottom:14px}.feature-list{list-style:none}.feature-list li{font-size:14.5px;padding:7px 0;border-bottom:1px dashed var(--line);color:var(--ink-soft);display:flex;justify-content:space-between}.feature-list li:last-child{border-bottom:none}.feature-list li span.bar{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.project{padding:36px;margin-bottom:28px;display:grid;grid-template-columns:110px 1fr auto;grid-gap:32px;gap:32px;align-items:start}.project:last-child{margin-bottom:0}.project-id{font-family:var(--mono);font-size:12px;color:var(--ink-faint);padding-top:4px}.project-id .status{display:block;margin-top:10px;color:var(--accent);font-size:11px}.project-title{font-size:20px;font-weight:700;margin-bottom:10px}.project-desc{color:var(--ink-soft);font-size:14.5px;max-width:56ch;margin-bottom:16px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11px;padding:4px 10px;border:1px solid var(--line-strong);color:var(--ink-soft)}.project-metric,.tag{font-family:var(--mono)}.project-metric{text-align:right;white-space:nowrap}.project-metric .num{font-size:26px;font-weight:700;color:var(--accent)}.project-metric .lbl{font-size:10.5px;color:var(--ink-faint);margin-top:4px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line-strong)}.commit{position:relative;padding-bottom:36px}.commit:last-child{padding-bottom:0}.commit:before{content:"";position:absolute;left:-28px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.commit-meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);margin-bottom:6px}.commit-title{font-size:17px;font-weight:700;margin-bottom:6px}.commit-desc{color:var(--ink-soft);font-size:14px;max-width:60ch}.contact-panel{padding:64px 48px;text-align:center;position:relative}.stamp{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--accent);border:1px solid var(--accent);padding:6px 14px;margin-bottom:24px;transform:rotate(-2deg)}.contact-panel h2{font-size:clamp(28px,4vw,44px);font-weight:900;max-width:600px;margin:0 auto 20px;letter-spacing:-.01em}.contact-panel p{color:var(--ink-soft);max-width:440px;margin:0 auto 36px}.contact-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}footer{padding:32px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);flex-wrap:wrap;gap:12px}@media (max-width:860px){.about-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.project{grid-template-columns:1fr}.project-metric{text-align:left}.nav-links{display:none}.stat-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.skills-grid{grid-template-columns:1fr}.wrap{padding:0 20px}.contact-panel{padding:48px 24px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}