.top-actions{display:flex;align-items:center;gap:clamp(14px,2.3vw,34px)}.account{padding:8px 10px;border:1px solid var(--rule);color:var(--muted);font:10px var(--mono);text-decoration:none;white-space:nowrap}.account:hover,.account.signed-in{border-color:var(--signal);color:var(--signal)}:root{color-scheme:dark;--background:#080a09;--ink:#e8e6df;--muted:#a3a49f;--faint:#62645f;--rule:#3a3c38;--rule-strong:#666861;--signal:#d8ff00;--sans:"Helvetica Neue","Noto Sans CJK SC","Noto Sans CJK JP",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--gutter:clamp(20px,3.6vw,56px)}*{box-sizing:border-box}html{min-width:320px;background:var(--background);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(rgb(232 230 223/2.2%) 1px,transparent 1px),linear-gradient(90deg,rgb(232 230 223/2.2%) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:20;padding:10px 14px;background:var(--signal);color:#080a09;font:12px var(--mono);transform:translateY(-150%)}.skip-link:focus{transform:none}.page{width:calc(100% - clamp(16px,2.2vw,32px));max-width:1600px;min-height:calc(100vh - clamp(16px,2.2vw,32px));margin:clamp(8px,1.1vw,16px) auto;border:1px solid var(--rule-strong);overflow:clip}.topbar,main,footer{padding-inline:var(--gutter)}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.brand{font:600 .92rem var(--mono);text-decoration:none}.language-switcher{display:flex;flex-shrink:0;gap:12px;white-space:nowrap;font:11px var(--mono)}.language-item{display:flex;gap:12px;align-items:center}.language-item i{color:var(--faint);font-style:normal}.language-switcher button{position:relative;border:0;padding:9px 0;background:none;color:var(--muted);cursor:pointer}.language-switcher button[aria-pressed=true],.language-switcher button:hover{color:var(--signal)}.language-switcher button[aria-pressed=true]:after{position:absolute;right:0;bottom:3px;left:0;height:1px;content:"";background:var(--signal)}:focus-visible{outline:1px solid var(--signal);outline-offset:5px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);grid-template-areas:"identity visual" "statement statement";column-gap:clamp(24px,3vw,52px);min-height:clamp(540px,calc(100svh - 300px),680px);padding-top:clamp(54px,8vh,112px)}.axis{position:absolute;top:48px;bottom:224px;left:var(--gutter);width:20px;color:var(--faint);font:9px var(--mono)}.axis:before{position:absolute;top:20px;bottom:0;left:12px;width:1px;content:"";background:repeating-linear-gradient(to bottom,var(--rule-strong) 0,var(--rule-strong) 4px,transparent 4px,transparent 9px)}.axis span{position:absolute;left:0;transform:translate(-9px)}.axis span:nth-child(1){top:0}.axis span:nth-child(2){top:50%}.axis span:nth-child(3){bottom:-18px}.axis i{position:absolute;top:calc(50% + 2px);left:9px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--signal)}.identity{grid-area:identity;align-self:center;padding-left:clamp(44px,6vw,92px)}h1{margin:0;font-size:clamp(2.85rem,5.55vw,6rem);font-weight:650;letter-spacing:-.062em;line-height:.93}.roles-ja{font-size:clamp(2.55rem,4.85vw,5.25rem)}.roles-en{font-size:clamp(2.5rem,4.7vw,5.1rem)}h1 span{display:block}h1 span+span{margin-top:.28em}h1 span:last-child:after{display:inline-block;width:.22em;height:.065em;margin-left:.08em;background:var(--signal);content:"";animation:cursor 1.5s steps(1,end) infinite}.world-visual{position:relative;grid-area:visual;align-self:center;aspect-ratio:1;max-width:480px;margin-left:auto}.world-visual img{width:100%;height:100%;object-fit:contain;opacity:.72;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,#000 48%,transparent 73%);mask-image:radial-gradient(circle,#000 48%,transparent 73%)}.world-visual:after{position:absolute;inset:15% 7%;content:"";background:linear-gradient(to bottom,transparent 49.6%,rgb(216 255 0/30%) 49.8%,transparent 50.2%);animation:scan 7s ease-in-out infinite alternate}.coordinates{position:absolute;top:8%;right:0;z-index:2;margin:0;color:var(--faint);font:10px/1.55 var(--mono);transition:color .18s}.coordinates.fresh{color:var(--signal)}.statement{grid-area:statement;align-self:end;display:grid;grid-template-columns:minmax(0,7fr) minmax(220px,3fr);gap:30px;padding:clamp(34px,5vw,68px) 0 clamp(44px,5vw,72px) clamp(44px,6vw,92px);border-bottom:1px solid var(--rule)}.intro{max-width:34em;margin:0;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.65}.intro:after{content:" _";color:var(--signal);animation:cursor 1.5s steps(1,end) infinite}.email{justify-self:end;align-self:end;color:var(--muted);font:12px var(--mono);text-underline-offset:5px}.email:before{content:"→ ";color:var(--signal)}.work{padding-block:clamp(52px,7vw,104px)}.section-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:0 0 22px;font:13px/1.4 var(--mono);font-weight:400}.section-heading>span:nth-child(2){height:1px;background:var(--rule)}.section-heading>span:last-child{color:var(--faint)}.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--rule);list-style:none}.project-list li{border-bottom:1px solid var(--rule)}.project-list li+li{border-left:1px solid var(--rule)}.project-link{display:grid;grid-template-columns:100px minmax(0,1fr) auto;grid-template-areas:"figure name action" "figure description action";align-items:center;column-gap:clamp(20px,2.2vw,36px);row-gap:8px;min-height:178px;padding:24px clamp(20px,2.2vw,36px);text-decoration:none;transition:background .18s}.project-link:hover{background:#d8ff0008}.project-figure{grid-area:figure;width:92px;color:var(--faint)}.project-figure svg{width:100%;stroke-width:1}.project-name{grid-area:name;align-self:end;font:600 clamp(15px,1.1vw,17px)/1.35 var(--mono)}.project-description{grid-area:description;align-self:start;color:var(--muted);font-size:13px;line-height:1.6}.project-action{grid-area:action;font:11px var(--mono);color:var(--signal)}.project-action:after{margin-left:12px;content:"↗"}footer{min-height:92px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);color:var(--faint);font:11px/1.5 var(--mono)}@keyframes cursor{50%{opacity:0}}@keyframes scan{0%{transform:translateY(-18%)}to{transform:translateY(18%)}}@media(max-width:760px){.topbar{min-height:96px;align-items:flex-start;padding-block:18px}.top-actions{align-items:flex-end;flex-direction:column;gap:2px}.hero{grid-template-columns:1fr;grid-template-areas:"visual" "identity" "statement";padding-top:24px}.identity{padding-top:0}.world-visual{width:76%;margin:0 auto 30px}.statement{grid-template-columns:1fr}.email{justify-self:start}.project-list{grid-template-columns:1fr}.project-list li+li{border-left:0}.project-link{grid-template-columns:64px 1fr auto;grid-template-areas:"figure name action" "figure description action";min-height:126px}.project-figure{grid-area:figure;width:64px}.project-name{grid-area:name}.project-description{grid-area:description}.project-action{grid-area:action;font-size:0}.project-action:after{font-size:18px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}