:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Noto Sans JP,sans-serif;color:#1d1d1f;background:#fff;line-height:1.5;font-synthesis:none;--blue:#0071e3;--text:#1d1d1f;--muted:#6e6e73;--surface:#f5f5f7;--line:rgba(0,0,0,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--text)}a{color:inherit}.app{min-height:100vh}.section-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;height:64px;padding:0 max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:600}.brand-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#1d1d1f;color:#fff;font-size:11px}.site-header nav{display:flex;gap:30px}.site-header nav a,.header-contact{font-size:12px;text-decoration:none;color:#424245}.site-header nav a:hover{color:#000}.header-contact{justify-self:end;padding:8px 13px;color:#fff;background:var(--blue);border-radius:999px}.hero{min-height:720px;padding-block:120px 100px;display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:80px;align-items:center}.kicker{margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.01em}.hero h1{margin:0;font-size:clamp(48px,7vw,82px);line-height:1.03;letter-spacing:-.06em;font-weight:700}.hero h1 span{color:#86868b}.hero-lead{max-width:720px;margin:32px 0 0;color:var(--muted);font-size:19px;line-height:1.75;letter-spacing:.005em}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:var(--surface);color:var(--blue)}.button:hover{transform:scale(1.02)}.profile-card{padding:26px;border:1px solid var(--line);border-radius:30px;background:#f5f5f7b8;box-shadow:0 18px 60px #0000000f}.profile-monogram{display:grid;place-items:center;width:112px;height:112px;margin-bottom:24px;border-radius:30px;background:linear-gradient(145deg,#2c2c2e,#050505);color:#fff;font-size:30px;font-weight:650}.profile-card>div:nth-child(2){display:flex;flex-direction:column}.profile-card strong{font-size:20px}.profile-card span{color:var(--muted);font-size:14px}.profile-card dl{margin:26px 0 0;border-top:1px solid var(--line)}.profile-card dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0;font-weight:500}.profile-card i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#30d158}.content-section{padding-block:112px;border-top:1px solid var(--line)}.section-title{margin-bottom:52px}.section-title h2,.contact h2{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em}.section-title>p:last-child{margin:18px 0 0;color:var(--muted);font-size:17px}.about-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.about-layout p{margin-top:0;line-height:1.9}.about-intro{font-size:25px;letter-spacing:-.02em}.about-detail{color:#424245;font-size:16px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{min-height:280px;padding:28px;border-radius:28px;background:var(--surface)}.card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff;color:var(--blue);font-size:20px;box-shadow:0 2px 12px #0000000f}.skill-card h3{margin:55px 0 18px;font-size:20px}.skill-card ul{margin:0;padding:0;list-style:none;color:var(--muted);font-size:14px;line-height:1.8}.skill-card li+li{margin-top:5px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{overflow:hidden;border-radius:30px;background:var(--surface)}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-visual{min-height:260px;display:grid;place-items:center;background:linear-gradient(145deg,#e5efff,#d4dff1)}.project-card:nth-child(2) .project-visual{background:linear-gradient(145deg,#e7f4ef,#cfe8dc)}.project-card:nth-child(3) .project-visual{background:linear-gradient(145deg,#f5ede0,#ead8bd)}.project-card:nth-child(4) .project-visual{background:linear-gradient(145deg,#eee9f7,#dcd1ee)}.project-card:nth-child(5) .project-visual{background:linear-gradient(145deg,#e6f3f7,#c9e8ef)}.project-visual span{font-size:clamp(40px,7vw,82px);font-weight:700;letter-spacing:-.07em;color:#1d1d1fbf}.project-copy{padding:30px}.project-type{margin:0;color:var(--blue);font-size:11px;font-weight:600;text-transform:uppercase}.project-card h3{margin:10px 0 12px;font-size:26px;letter-spacing:-.025em}.project-copy>p:not(.project-type){margin:0;color:var(--muted);font-size:14px;line-height:1.75}.project-open{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}.project-open b{font-size:17px}.project-open:hover{text-decoration:underline;text-underline-offset:3px}.essay-section{padding-bottom:130px}.filter-row{display:flex;gap:8px;margin-bottom:28px}.filter-row button{min-height:44px;padding:0 17px;border:0;border-radius:999px;background:var(--surface);color:#424245;font:inherit;font-size:13px;cursor:pointer}.filter-row button[aria-pressed=true]{background:#1d1d1f;color:#fff}.essay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.essay-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s}.essay-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #00000014}.essay-card img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}.essay-card>div{padding:20px}.essay-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.essay-meta span{color:var(--blue);font-weight:600}.essay-card h3{margin:14px 0 9px;font-size:17px;line-height:1.45;letter-spacing:-.015em}.essay-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.essay-card>div>span:last-child{display:flex;justify-content:space-between;margin-top:18px;color:var(--blue);font-size:12px}.contact{margin-bottom:80px;padding:88px;border-radius:36px;background:#1d1d1f;color:#fff}.contact .kicker{color:#64d2ff}.contact>p:not(.kicker){margin:20px 0 28px;color:#a1a1a6}.contact .button{background:#fff;color:#1d1d1f}footer{display:flex;justify-content:space-between;padding-block:24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer a{text-decoration:none}.article-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;overflow:auto;background:#fff}.article-back{position:fixed;z-index:2;top:20px;left:24px;min-height:44px;display:flex;align-items:center;padding:0 16px;border-radius:999px;background:#f5f5f7e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;font-size:13px}.article-page{width:min(820px,calc(100% - 48px));margin:auto;padding:110px 0}.article-page header h1{margin:22px 0;font-size:clamp(42px,6vw,68px);line-height:1.12;letter-spacing:-.05em}.article-page header>p{color:var(--muted);font-size:19px;line-height:1.75}.article-page header img{width:100%;aspect-ratio:1.8;object-fit:cover;margin:44px 0 70px;border-radius:28px}.article-content{width:min(680px,100%);margin:auto}.article-content>p{margin:0;color:#424245;font-size:16px;line-height:2.05;text-align:justify}.article-content>p+p{margin-top:1.75em}.article-references{margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}.article-references .references-label{margin:0;color:var(--text);font-size:14px;font-weight:600}.article-references ol{margin:18px 0 0;padding-left:1.4em}.article-references li{padding-left:.35em;color:var(--muted);font-size:13px;line-height:1.65}.article-references li+li{margin-top:12px}.article-references a{color:var(--blue);text-underline-offset:3px}.article-references span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.article-content aside{margin-top:40px;padding:20px;border-radius:16px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.8}.latest-essay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.latest-essay-grid .essay-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.latest-essay-grid .essay-card img{height:100%;aspect-ratio:auto}.archive-link{margin-top:18px;min-height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-radius:22px;background:var(--surface);text-decoration:none;color:var(--text);transition:transform .2s}.archive-link:hover{transform:translateY(-2px)}.archive-link span{display:flex;flex-direction:column;font-size:15px;font-weight:600}.archive-link small{margin-bottom:3px;color:var(--blue);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.archive-link b{color:var(--blue);font-size:24px}.archive-page{width:min(1120px,calc(100% - 48px));margin:auto;padding:120px 0}.archive-page header{max-width:720px;margin-bottom:54px}.archive-page header h1{margin:0;font-size:clamp(42px,6vw,68px);line-height:1.08;letter-spacing:-.05em}.archive-page header>p:last-child{margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (prefers-color-scheme:dark){:root{--text:#f5f5f7;--muted:#a1a1a6;--surface:#1c1c1e;--line:rgba(255,255,255,.12);background:#000;color:#f5f5f7}.app,body,.article-overlay{background:#000}.site-header{background:#000000c7}.site-header nav a{color:#d1d1d6}.brand-avatar,.contact{background:#f5f5f7;color:#000}.profile-card{background:#1c1c1ecc}.profile-monogram{background:linear-gradient(145deg,#626267,#222)}.about-detail,.article-content>p{color:#d1d1d6}.card-icon,.essay-card{background:#2c2c2e}.project-visual span{color:#fffc}.article-back{background:#2c2c2ee6}}@media (max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:55px}.profile-card{display:grid;grid-template-columns:auto 1fr;column-gap:20px}.profile-card dl{grid-column:1/-1}.profile-monogram{margin:0}.about-layout{grid-template-columns:1fr;gap:25px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:auto}.skill-card h3{margin-top:28px}.essay-grid{grid-template-columns:repeat(2,1fr)}.latest-essay-grid{grid-template-columns:1fr}.latest-essay-grid .essay-card{display:block}.latest-essay-grid .essay-card img{height:auto;aspect-ratio:1.55}.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.section-shell{width:min(100% - 32px,1120px)}.site-header{height:56px;padding-inline:16px}.hero{padding-block:82px 72px}.hero h1{font-size:45px}.hero-lead{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.content-section{padding-block:80px}.section-title{margin-bottom:34px}.about-intro{font-size:21px}.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:auto;display:block}.project-visual{min-height:210px}.essay-grid{grid-template-columns:1fr}.archive-page{width:min(100% - 32px,1120px);padding-top:95px}.contact{padding:54px 26px;border-radius:28px}.article-page{padding-top:95px}.article-back{top:12px;left:12px}footer{gap:14px;flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.project-page{width:min(1120px,calc(100% - 48px));margin:auto;padding:110px 0}.project-page>header{max-width:820px;margin-bottom:46px}.project-page>header h1{margin:0;font-size:clamp(42px,6vw,68px);line-height:1.08;letter-spacing:-.05em}.project-page>header>p:last-child{margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.tool-embed{overflow:hidden;border:1px solid var(--line);border-radius:30px;background:var(--surface);box-shadow:0 24px 70px #00000014}.tool-embed-head{min-height:82px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.tool-embed-head>div{display:flex;flex-direction:column;gap:3px}.tool-embed-head small,.project-material small{color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tool-embed-head strong{font-size:15px}.tool-embed-head a{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}.tool-embed iframe{display:block;width:100%;height:min(760px,calc(100vh - 150px));min-height:620px;border:0;background:#fff}.project-material{margin-top:22px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:26px;background:var(--surface)}.project-material h2{margin:5px 0 8px;font-size:22px}.project-material p{margin:0;color:var(--muted);font-size:14px}.project-material .button{flex:none}@media (max-width:620px){.project-page{width:min(100% - 32px,1120px);padding-top:95px}.tool-embed-head{align-items:flex-start;flex-direction:column}.tool-embed iframe{min-height:680px;height:calc(100vh - 120px)}.project-material{align-items:flex-start;flex-direction:column}}