:root{color-scheme:light;--paper: #f6f7f2;--ink: #171914;--muted: #6e7369;--line: #17191426;--accent: #526e58;--sans: "Manrope", "Noto Sans JP", sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:radial-gradient(ellipse at 10% 4%,#cddedb80,transparent 560px),radial-gradient(ellipse at 94% 18%,#dce6cc80,transparent 620px),linear-gradient(#17191408 1px,transparent 1px),linear-gradient(90deg,#17191408 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{color:var(--accent)}img{max-width:100%}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#cfddc5}.skip-link{position:fixed;top:12px;left:16px;z-index:20;padding:14px 20px;background:var(--ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0);color:#fff}.page-shell{width:min(980px,calc(100% - 64px));margin-inline:auto;padding-top:72px}.side-index{position:fixed;left:max(22px,calc((100vw - 1380px)/2));top:50%;transform:translateY(-50%);display:grid;gap:7px}.side-index a{display:flex;align-items:center;gap:12px;min-height:36px;color:var(--muted);font-size:11px;font-weight:600}.side-index span{color:var(--accent);font-family:var(--mono);font-size:10px}.side-index a:hover{color:var(--ink)}.profile-header{display:grid;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:27px;padding:42px 0 76px;min-height:260px}.avatar{display:block;width:104px;height:104px;object-fit:contain;border:1px solid var(--line);border-radius:50%;background:#ffffff85;box-shadow:0 18px 40px #17191408}.identity{min-width:0}.japanese-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;font-size:22px;font-weight:600}.japanese-name span{color:var(--muted);font-size:12px;font-weight:400}h1{margin:8px 0 13px;font-size:clamp(30px,3.8vw,50px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.role{font-size:13px;color:var(--muted)}.header-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:210px}.header-links a{border:1px solid var(--line);border-radius:999px;padding:12px 15px;background:#ffffff60;font-size:11px}.header-links a:hover{border-color:var(--accent)}.section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;padding:62px 0;border-top:1px solid #17191440;position:relative}.section:before{content:"";position:absolute;top:-1px;left:0;width:56px;border-top:1px solid var(--ink)}.section-head{position:sticky;top:28px;align-self:start}.section-head>span{display:block;margin-bottom:14px;color:var(--accent);font:11px var(--mono)}h2{font-size:27px;font-weight:600;letter-spacing:-.035em}h3{font-size:17px;font-weight:600;line-height:1.6}.introduction{margin-bottom:26px;font-size:15px;line-height:1.9}.fact-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.fact-row:first-child{border-top:1px solid var(--line)}dt{color:var(--muted);font-size:11px;line-height:1.9}dd{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.note{color:var(--muted);font-size:12px;line-height:1.9}.tech-groups{display:grid;gap:25px}.tech-group h3{margin-bottom:12px;font-size:13px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills li{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffff65;color:var(--muted);font-size:11px;line-height:1.5}.career-entry{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px;padding-bottom:38px}.career-entry:last-child{padding-bottom:0}.career-entry:not(:last-child):before{content:"";position:absolute;left:18px;top:39px;bottom:7px;border-left:1px solid var(--line)}.flow-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--accent);font:10px var(--mono)}.career-period{color:var(--muted);font-size:11px;margin:1px 0 10px;line-height:1.8}.career-description{margin:10px 0 15px;color:var(--muted);font-size:13px;line-height:1.9}.social-list li{border-bottom:1px solid var(--line)}.social-list li:first-child{border-top:1px solid var(--line)}.social-list a,.social-unconfirmed{display:grid;grid-template-columns:1fr 1fr 16px;align-items:center;gap:12px;min-height:64px;padding:12px 0;font-size:15px}.social-list small{color:var(--muted);font-size:11px}.social-unconfirmed{color:var(--muted)}.social-list a:hover{background:#ffffff50}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fffffcad}.project-image{position:relative;height:164px;padding:20px 24px 30px;display:grid;place-items:center;background:#e9eee5;border-bottom:1px solid var(--line)}.project-image img{width:100%;height:100%;min-height:0;object-fit:contain}.visual-idea{background:#f0eedf}.visual-idea img{max-width:90px}.visual-optical{background:#eeedf4}.visual-optical img{max-width:120px}.visual-politics{background:#ececf2}.image-kind{position:absolute;bottom:8px;right:10px;font-size:9px;color:var(--muted)}.project-body{padding:20px}.project-purpose{min-height:66px;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.9}.project-date{margin-top:16px;color:var(--muted);font-size:10px;line-height:1.8}.project-date time{font-family:var(--mono)}.project-links{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap;font-size:11px}.project-links a{padding-block:8px}.project-links a:hover{text-decoration:underline}.pending-image{color:var(--muted);font-size:12px}.data-note{margin-top:20px;font-size:10px;line-height:1.9;color:var(--muted)}.contact-section{border-top:1px solid var(--line);padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.contact-section h2{font-size:19px}.contact-section p{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.8}.contact-section>a{padding-block:12px;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 40px;color:var(--muted);font-size:10px}.site-footer a{padding-block:6px}@media(max-width:1370px){.side-index{display:none}}@media(max-width:760px){.page-shell{width:calc(100% - 40px);padding-top:22px}.profile-header{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:30px 0 42px}.avatar{width:80px;height:80px}.japanese-name{font-size:20px;gap:10px}.japanese-name span{font-size:11px}h1{font-size:clamp(25px,5.8vw,38px)}.role{font-size:11px}.header-links{grid-column:1 / -1;max-width:none;justify-content:flex-start}.section{grid-template-columns:1fr;gap:28px;padding:38px 0}.section-head{position:static;display:flex;align-items:baseline;gap:16px}.section-head>span{margin:0}h2{font-size:25px}.fact-row{grid-template-columns:85px minmax(0,1fr);gap:12px}.introduction{font-size:13px}.contact-section{display:block}.contact-section>a{display:inline-block;max-width:100%;margin-top:18px}}@media(max-width:480px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-image{height:190px}.project-purpose{min-height:0}.social-list a,.social-unconfirmed{grid-template-columns:1fr auto 16px}.career-entry{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}