:root{--paper:#F1F3F6;--surface:#FFFFFF;--surface-2:#FAFBFC;--ink:#0E1726;--ink-2:#3B4757;--ink-3:#636F80;--line:#D8DEE7;--line-2:#E9EDF2;--cool:#2B62D6;--warm:#C4711A;--fill-cool:#2E6BE6;--fill-warm:#9A5510;--on-fill:#FFFFFF;--box-dark:#0E1726;--accent-ink:#9A5510;--chip:#E7ECF4;--chip-ink:#2B3A52;--shadow:0 1px 2px rgba(14,23,38,.05),0 8px 24px -12px rgba(14,23,38,.18);--gutter:28px}@media (prefers-color-scheme:dark){:root{--paper:#0B111B;--surface:#131B28;--surface-2:#0F1723;--ink:#E8EDF4;--ink-2:#AEBBCC;--ink-3:#7C8AA0;--line:#26313F;--line-2:#1C2532;--cool:#6E9CF2;--warm:#E8A44F;--fill-cool:#2C60CE;--fill-warm:#9A5510;--accent-ink:#E8A44F;--box-dark:#33415A;--chip:#1C2635;--chip-ink:#B9C7DA;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;font-size:16.5px;line-height:1.85;-webkit-font-smoothing:antialiased}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}h1,h2,h3{letter-spacing:-.02em;margin:0}h1,h2{text-wrap:balance}h3,h4{text-wrap:pretty}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--cool);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.site-head{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;height:60px}.nav nav{display:flex;gap:26px}.nav nav a{font-size:14.5px;font-weight:600;text-decoration:none;color:var(--ink-2);transition:color .15s;position:relative}.nav nav a:hover{color:var(--cool)}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:var(--cool);transform:scaleX(0);transition:transform .18s}.nav nav a:hover:after{transform:scaleX(1)}.hero-band{border-bottom:1px solid var(--line);background:var(--surface-2)}.hero{display:grid;grid-template-columns:1fr 300px;grid-gap:52px;gap:52px;align-items:center;padding:60px 0 44px}.kicker{display:inline-block;font-size:13px;letter-spacing:.16em;font-weight:700;color:var(--on-fill);background:var(--fill-warm);padding:6px 14px;border-radius:999px;margin-bottom:20px}h1{font-size:clamp(27px,4.1vw,42px);font-weight:800;line-height:1.2;letter-spacing:.01em}h1 .kana{font-size:.56em;font-weight:700;white-space:nowrap;letter-spacing:.02em}h1 .en{display:block;font-size:.62em;font-weight:700;letter-spacing:.01em;margin-top:10px}.thesis,h1 .en{color:var(--ink-2)}.thesis{margin-top:22px;font-size:clamp(16.5px,1.9vw,20px);max-width:none;width:min(100%,46ch);line-height:1.8}.thesis b{color:var(--ink);font-weight:700}.photo-frame{position:relative;border-radius:3px;overflow:hidden;background:var(--chip);box-shadow:var(--shadow)}.photo{width:100%;height:auto;aspect-ratio:1/1.06;object-fit:cover;object-position:50% 18%;display:block;filter:saturate(.96)}.photo-frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent);border-radius:3px}.hero-cta{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.btn{display:inline-block;font-size:14.5px;font-weight:700;text-decoration:none;border-radius:2px;padding:11px 22px;border:1px solid var(--line);background:var(--surface);transition:transform .15s,border-color .15s}.btn:hover{border-color:var(--cool);transform:translateY(-1px)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary,.btn.primary:hover{border-color:var(--ink)}.facts{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:6px}.fact{flex:1 1 140px;padding:15px 20px 17px;border-right:1px solid var(--line-2)}.fact:last-child{border-right:0}.fact .n{font-size:28px;font-weight:700;letter-spacing:-.03em;display:block;line-height:1.2}.fact .l{font-size:11.5px;letter-spacing:.11em;color:var(--ink-3);margin-top:3px;display:block}.spine{position:relative;padding-left:76px}.spine:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:1px;background:var(--line)}.node{position:relative;padding:64px 0 8px}.node:before{left:-48px;top:78px;width:17px;height:1px;background:var(--line)}.node:after,.node:before{content:"";position:absolute}.node:after{left:-52px;top:74px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1.5px solid var(--cool)}.idx{position:absolute;left:-48px;top:36px;font-size:10.5px;letter-spacing:.16em;color:var(--ink-3)}.eyebrow{font-size:13px;letter-spacing:.18em;color:var(--accent-ink);text-transform:uppercase;margin-bottom:12px}.eyebrow,h2{font-weight:700}h2{font-size:clamp(23px,2.7vw,30px);line-height:1.4}.lede{max-width:none;width:min(100%,86ch);margin-top:14px;font-size:16px}.lede,.page-title{color:var(--ink-2)}.page-title{font-size:clamp(25px,3.2vw,32px);font-weight:700;padding-top:52px}.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:1px;gap:1px;background:var(--line-2);border:1px solid var(--line);margin-top:24px;border-radius:2px;overflow:hidden}.area{background:var(--surface);padding:20px 20px 22px}.area h3{font-size:16px;font-weight:700}.area p{font-size:13.5px;color:var(--ink-3);margin:8px 0 0;line-height:1.75}.area.link{border-top:2px solid var(--warm)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;margin-top:26px}.works{display:flex;flex-direction:column;gap:26px;margin-top:28px}.work{background:var(--surface);border:1px solid var(--line);border-radius:3px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}a.work{text-decoration:none;display:block}a.work:hover{transform:translateY(-3px);border-color:var(--cool)}.work-hd{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between;padding:20px 22px 14px;border-bottom:1px solid var(--line-2)}.work-hd h3{font-size:19px;font-weight:700}.work-hd .sub{font-size:13px;color:var(--ink-2);margin-top:4px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;letter-spacing:.06em;padding:4px 10px;border-radius:2px;background:var(--chip);color:var(--chip-ink);white-space:nowrap}.tag.on{background:var(--fill-warm);font-weight:700}.tag.dev,.tag.on{color:var(--on-fill)}.tag.dev{background:var(--fill-cool)}.work-bd{padding:18px 22px 22px}.meta{display:flex;flex-wrap:wrap;gap:0 30px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed var(--line)}.meta div{font-size:13.5px}.meta .k{font-size:10.5px;letter-spacing:.12em;color:var(--ink-3);display:block}.meta .v{font-weight:700}.work p{margin:0 0 12px;color:var(--ink-2);font-size:15px;line-height:1.8}.work p:last-child{margin-bottom:0}.hl{margin:14px 0 0;padding:13px 15px;background:var(--surface-2);border-left:2px solid var(--warm);border-radius:0 2px 2px 0}.hl .h{font-size:11px;letter-spacing:.14em;color:var(--accent-ink);display:block;margin-bottom:5px}.hl p{font-size:14.5px;color:var(--ink-2);margin:0;line-height:1.8}figure{margin:0;border-top:1px solid var(--line-2);background:var(--surface-2)}figure img{width:100%;height:auto;display:block}figcaption{font-size:12.5px;color:var(--ink-3);padding:11px 22px 15px;line-height:1.7;border-top:1px solid var(--line-2)}.shots{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line-2)}.shots img{width:100%;height:auto;display:block;background:var(--surface)}.stack{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.chip{font-size:11.5px;padding:4px 10px;border:1px solid var(--line);border-radius:2px;background:var(--surface-2)}.chip,.note{color:var(--ink-3)}.note{margin-top:16px;font-size:14px;line-height:1.8}.more{margin-top:26px;font-size:15px}.more a{color:var(--cool);font-weight:700;text-decoration:none}.more a:hover{text-decoration:underline}.diag{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}.diag .bx{fill:var(--surface);stroke:var(--line);stroke-width:1}.diag .bx.soft{fill:var(--surface-2);stroke:var(--line)}.diag .bx.body{fill:var(--fill-cool);stroke:none}.diag .bx.accent{fill:var(--fill-warm);stroke:none}.diag .bx.muted{fill:var(--chip);stroke:var(--line)}.diag .bx.ghost{fill:none;stroke:var(--ink-3);stroke-opacity:.45}.diag .bx.now{fill:var(--ink-2);fill-opacity:.62;stroke:none}.diag text{fill:var(--ink-2);font-size:14px;font-family:inherit;text-anchor:middle}.diag .small{font-size:13.7px;fill:var(--ink-2)}.diag .strong{font-size:15.5px;font-weight:700;fill:var(--ink)}.diag .num{font-size:16.5px;font-weight:700;fill:var(--ink);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1,tabular-nums lining-nums;letter-spacing:-.01em}.diag .big{font-size:26px;font-weight:700;fill:var(--ink);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em}.diag .cap{font-size:13px;fill:var(--ink-3);letter-spacing:.14em}.diag .lead{text-anchor:start}.diag .end{text-anchor:end}.diag .rule{stroke:var(--ink-3);stroke-opacity:.22;stroke-width:1}.diag .cal,.diag .rule{fill:none;vector-effect:non-scaling-stroke}.diag .cal{stroke:var(--ink-3);stroke-width:1;opacity:.75;stroke-linecap:butt}.diag .cal-t{fill:var(--ink);font-size:14px;font-weight:700}.diag .arrow{color:var(--ink-3);opacity:.8}.diag .arrow.on{color:var(--fill-cool);opacity:1}.diag .arrow .shaft{stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round}.diag .arrow .head{fill:currentColor;stroke:none}.diag .dot{fill:var(--fill-cool)}.diag .dot.lack{fill:none;stroke:var(--ink-3);stroke-width:1.3;stroke-dasharray:2.2 2}.diag .bx.boxdark{fill:var(--box-dark);fill-opacity:.85;stroke:none}.diag .panel{fill:var(--chip);fill-opacity:.55;stroke:none}.diag .panel.on{fill:var(--fill-cool);fill-opacity:.07}.diag .tiny{fill:var(--ink-2);font-size:13px}.diag .onFill{fill:var(--on-fill);font-weight:600}.diag .edge{stroke:var(--ink-3);stroke-width:1;opacity:.7}.diag .edge.faint{opacity:.2}.diag .edge.link{opacity:.7;stroke-width:1.2}.diag .edge.cross{stroke:var(--fill-warm);opacity:.6;stroke-width:1.2}.diag .node{fill:var(--surface);stroke:var(--ink-3);stroke-width:1.3}.diag .node.hub{fill:var(--fill-warm);stroke:none}.diag .gate{stroke:var(--fill-warm);stroke-width:1.6;stroke-dasharray:3 3;opacity:.85}.diag .rise{stroke:var(--fill-warm);stroke-width:1.8;fill:none;stroke-dasharray:6 4;opacity:.9}.diag .halo{paint-order:stroke;stroke:var(--surface-2);stroke-width:3.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1px;gap:1px;background:var(--line-2);border:1px solid var(--line);margin-top:24px;border-radius:2px;overflow:hidden}.step{background:var(--surface);padding:15px 14px 17px}.step .s{font-size:10.5px;letter-spacing:.16em;color:var(--cool);display:block;margin-bottom:6px}.step .t{font-size:14.5px;font-weight:700}.step .d{font-size:12.5px;color:var(--ink-3);margin-top:5px;line-height:1.65}table{width:100%;border-collapse:collapse;margin-top:24px;font-size:15px}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}th{text-align:left;font-size:11.5px;letter-spacing:.13em;color:var(--ink-3);font-weight:600;padding:0 14px 9px 0;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 16px 15px 0;border-bottom:1px solid var(--line-2);vertical-align:top;color:var(--ink-2)}td:first-child{font-weight:700;color:var(--ink)}tr:last-child td{border-bottom:0}.tl{margin-top:24px;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:150px 1fr;grid-gap:26px;gap:26px;padding:22px 0;border-bottom:1px solid var(--line-2)}.row .yr{font-size:13px;color:var(--ink-3);letter-spacing:.03em;padding-top:3px}.row h3{font-size:17.5px;font-weight:700}.row .role{font-size:13.5px;color:var(--cool);font-weight:700;margin-top:3px}.row p{margin:9px 0 0;font-size:14.5px;color:var(--ink-2);line-height:1.85}.promo{display:inline-block;font-size:10px;letter-spacing:.1em;padding:2.5px 8px;border-radius:2px;background:var(--fill-warm);color:var(--on-fill);font-weight:700;margin-left:8px}.sm{font-size:11.5px;color:var(--ink-3)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1px;gap:1px;background:var(--line-2);border:1px solid var(--line);margin-top:24px;border-radius:2px;overflow:hidden}.skill{background:var(--surface);padding:19px 20px 21px}.skill h3{font-size:15.5px;font-weight:700}.skill .lv{font-size:11px;letter-spacing:.1em;color:var(--accent-ink);font-weight:700;display:block;margin-top:3px}.skill ul{margin:10px 0 0;padding:0;list-style:none}.skill li{font-size:13.5px;color:var(--ink-2);padding:5px 0;border-bottom:1px solid var(--line-2)}.skill li:last-child{border-bottom:0}.cert-area{display:block;font-size:11px;color:var(--ink-3);margin-top:2px;letter-spacing:.04em}.media{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:22px}.mcard{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:16px 17px 18px;display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:border-color .18s,transform .18s}a.mcard:hover{border-color:var(--cool);transform:translateY(-2px)}.mcard .yr{font-size:12px;color:var(--accent-ink);font-weight:700;letter-spacing:.08em}.mcard .ttl{font-size:15.5px;font-weight:700;line-height:1.5}.mcard .kind{font-size:12.5px;color:var(--ink-3)}.mcard .go{font-size:12.5px;color:var(--cool);font-weight:700;margin-top:2px}.mcard.award{border-left:3px solid var(--warm);background:linear-gradient(to right,color-mix(in srgb,var(--warm) 7%,transparent),transparent 45%),var(--surface)}.mcard.award .yr{letter-spacing:.1em}.sintro{margin-top:16px}.sintro-summary{font-size:16.5px;line-height:1.9;color:var(--ink);margin:0;width:min(100%,80ch)}.sintro-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1px;gap:1px;background:var(--line-2);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-top:22px}.sintro-pillar{background:var(--surface);padding:17px 19px 19px}.sintro-pillar h3{margin:0;font-size:14px;font-weight:700;line-height:1.5;color:var(--ink);letter-spacing:normal;text-wrap:pretty}.sintro-pillar p{margin:8px 0 0;font-size:12.5px;line-height:1.7;color:var(--ink-3)}.sintro-note{margin:16px 0 0;font-size:13px;color:var(--ink-2);line-height:1.75;padding-left:12px;border-left:2px solid var(--line)}.work-fig{background:var(--surface-2);border-bottom:1px solid var(--line-2);padding:26px 24px}.fig-body{display:grid;grid-template-columns:minmax(0,400px) minmax(280px,1fr);grid-gap:38px;gap:38px;align-items:center;max-width:900px;margin:0 auto}.fig-visual{min-width:0}.fig-headline{font-size:17px;font-weight:700;line-height:1.6;color:var(--ink);margin:0}.fig-caption{font-size:14px;line-height:1.8;color:var(--ink-2);margin:12px 0 0}.fig-note{font-size:12.5px;line-height:1.7;color:var(--ink-2);margin:14px 0 0;padding-left:11px;border-left:1px solid var(--line)}.work-shot{margin:0;border-bottom:1px solid var(--line-2);background:var(--surface-2)}.work-shot img{width:100%;height:auto;display:block}.wb-overview{font-size:15.5px;line-height:1.85;color:var(--ink);margin:0 0 20px;padding-left:14px;border-left:3px solid var(--line)}.wb-blocks{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line-2);border:1px solid var(--line);border-radius:3px;overflow:hidden}.wb-block{background:var(--surface);padding:16px 18px 18px}.wb-block h4{margin:0;font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.wb-block.challenge h4{color:var(--ink-3)}.wb-block.actions h4{color:var(--cool)}.wb-block.outcomes h4{color:var(--accent-ink)}.wb-block ul{margin:11px 0 0;padding:0;list-style:none}.wb-block li{font-size:14px;line-height:1.75;color:var(--ink-2);padding:5px 0 5px 17px;position:relative}.wb-block li:before{content:"";position:absolute;left:2px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--ink-3);opacity:.5}.wb-block.actions li:before{background:var(--cool);opacity:.75}.wb-block.outcomes li:before{background:var(--warm);opacity:.9}.wb-block.outcomes{margin-top:16px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(to bottom,color-mix(in srgb,var(--warm) 5%,transparent),transparent 60%),var(--surface)}.wb-block.outcomes li{color:var(--ink);font-weight:500}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1px;gap:1px;background:var(--line-2);border:1px solid var(--line);border-radius:2px;overflow:hidden;margin-top:24px}.stack-group{background:var(--surface);padding:20px 20px 22px}.stack-group h3{font-size:12px;letter-spacing:.14em;color:var(--accent-ink);font-weight:700;text-transform:uppercase}.stack-items{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.phil{margin-top:20px;max-width:none;width:min(100%,80ch);color:var(--ink-2);font-size:16px;line-height:2;white-space:pre-line}.contact-box{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.site-foot{border-top:1px solid var(--line);margin-top:76px;padding:30px 0 48px;color:var(--ink-3);font-size:13.5px}.site-foot a{color:var(--ink-2)}.site-foot .fine{margin-top:12px;font-size:12px}.site-foot p{margin:0}@media (max-width:800px){body{font-size:15.5px;line-height:1.8}.lede{font-size:15px}h2{font-size:24px}:root{--gutter:20px}.hero{grid-template-columns:1fr;gap:28px;align-items:start}.photo,.photo-frame{max-width:190px}.spine{padding-left:var(--gutter)}.idx,.node:after,.node:before,.spine:before{display:none}.node{padding-top:48px}.grid2,.shots,.wb-blocks{grid-template-columns:1fr}.work-fig{padding:16px 0 20px}.card-diag{padding:18px 0 22px}.fig-body{grid-template-columns:1fr;gap:18px}.fig-caption,.fig-headline,.fig-note{padding-inline:20px}.fig-note{margin-inline:20px;padding-inline:11px}.row{grid-template-columns:1fr;gap:4px}}