@font-face{font-family:"Local SF";src:local("SF Pro Text"),local("SF Pro Display"),local(".SF NS Text");unicode-range:U+0000-024F;font-display:swap}
:root{font-family:"Local SF","PingFang SC",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Microsoft YaHei",sans-serif;color:#1d1d1f;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted:#6e6e73;--accent:#0066cc}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-underline-offset:4px}button{color:inherit}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}
.global-header{height:48px;background:rgba(250,250,252,.94);position:relative;z-index:2}.global-nav{max-width:1024px;height:100%;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}.name{font-size:19px;font-weight:600;letter-spacing:-.5px;text-decoration:none}.nav-links{display:flex;align-items:center;gap:40px;font-size:12px}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-contact{font-size:12px;background:none;border:0;padding:12px 0}.nav-contact:hover{text-decoration:underline}
.personal-main{max-width:1060px;margin:0 auto;padding:0 40px}.personal-hero{min-height:calc(100svh - 48px);display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:80px;align-content:center;padding:64px 0 80px}.identity{font-size:17px;line-height:1.5;color:#6e6e73;margin:0 0 20px}h1{font-size:52px;line-height:1.2;font-weight:600;letter-spacing:-.03em;margin:0}.introduction{font-size:19px;line-height:1.8;color:#424245;max-width:640px;margin:28px 0 0;text-wrap:pretty}.belief{font-size:17px;line-height:1.8;color:#6e6e73;margin:12px 0 0}.selected-work{margin-top:40px;scroll-margin-top:32px}.selected-work h2,.direct-contact h2{font-size:17px;line-height:1.5;font-weight:600;margin:0 0 16px}.selected-work ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.selected-work li{font-size:16px;line-height:1.7}.selected-work a,.direct-contact a{color:#0066cc;text-decoration:none}.selected-work a:hover,.direct-contact a:hover{text-decoration:underline}.selected-work a:focus-visible,.direct-contact a:focus-visible{outline-offset:4px}.selected-work a span{color:#6e6e73;margin-left:6px}.work-detail{display:inline-block;color:#6e6e73;font-size:14px;margin-left:16px}.direct-contact{padding-top:48px;align-self:start;scroll-margin-top:32px}.direct-contact dl{margin:0;display:grid;gap:24px}.direct-contact dt{font-size:12px;color:#6e6e73;line-height:1.5;margin-bottom:4px}.direct-contact dd{font-size:15px;line-height:1.6;margin:0;overflow-wrap:anywhere}.button{min-height:44px;padding:11px 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:980px;font-size:17px;line-height:1.2;text-decoration:none;transition:background-color .16s,color .16s,border-color .16s}.button-primary{color:#fff;background:#0071e3}.button-primary:hover{background:#0077ed}.button-secondary{color:#0066cc;border-color:#0066cc;background:transparent}.button-secondary:hover{background:#0071e3;color:#fff}
:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.selected-work:focus:not(:focus-visible),.direct-contact:focus:not(:focus-visible){outline:none}
dialog{width:min(480px,calc(100% - 40px));padding:32px;color:#1d1d1f;background:#fff;border:0;border-radius:20px;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#0005;backdrop-filter:blur(5px)}@media(max-width:800px){.personal-main{padding:0 32px}.personal-hero{gap:40px;grid-template-columns:minmax(0,1fr) 210px}h1{font-size:44px}.introduction{font-size:17px}.belief{font-size:16px}.work-detail{display:block;margin-left:0}.direct-contact{padding-top:44px}}@media(max-width:620px){.global-nav{padding:0 24px}.nav-links{gap:24px;font-size:13px}.personal-main{padding:0 24px}.personal-hero{grid-template-columns:1fr;gap:40px;align-content:start;padding:48px 0 56px}.identity{font-size:15px;margin-bottom:16px}h1{font-size:40px;line-height:1.25}.introduction{font-size:17px;margin-top:24px}.belief{font-size:16px}.selected-work{margin-top:32px}.direct-contact{padding-top:0}.direct-contact dl{grid-template-columns:1fr 1fr;gap:20px 16px}.direct-contact dl>div:first-child{grid-column:1/-1}.work-detail{display:block}.selected-work li{font-size:15px}.direct-contact dd{font-size:14px}dialog{padding:24px}}@media(max-width:359px){h1{font-size:36px}.nav-links{gap:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}