@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--above:#f3f3f1;--below:#c3c5c6;--ink:#1b1c1d;--ink-soft:#5d6062;--ink-hover:#8b8e90;--hair:#1b1c1d29;--card:#eeefeef2;--f-display:"Albert Sans", "Helvetica Neue", Arial, sans-serif;--f-ja:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--fs-mono:clamp(11px, .78vw, 14px);--fs-small:clamp(12px, .85vw, 15px);--fs-nav:clamp(12px, .9vw, 16px);--fs-body:clamp(15px, 1.12vw, 20px);--fs-page:clamp(44px, 5.4vw, 96px);--fs-home:clamp(48px, 8vw, 140px);color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);font-family:var(--f-display);background:linear-gradient(var(--above) 0 calc(var(--hz) - .5px), var(--ink) 0 calc(var(--hz) + .5px), var(--below) 0);overflow:hidden}html{--hz:60%}html[data-route=about]{--hz:93%}html[data-route=works]{--hz:7%}html[data-route=contact]{--hz:93%}a{color:inherit}#bg,#gl{width:100%;height:100%;display:block;position:fixed;inset:0}#bg{z-index:0}#gl{z-index:1;pointer-events:none}.bar{z-index:5;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + clamp(16px, 3vw, 30px)) clamp(16px, 4vw, 48px) 0;justify-content:space-between;align-items:baseline;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.name{font-weight:400;font-size:var(--fs-body);letter-spacing:.02em;text-decoration:none}.bar nav{gap:clamp(20px,1.6vw,32px);display:flex}.bar nav a{font-size:var(--fs-nav);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #0000;text-decoration:none}.bar nav a:hover,.bar nav a:focus-visible,.name:focus-visible{border-color:currentColor;outline:none}.sound{left:clamp(16px,4vw,48px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:6;font:inherit;font-family:var(--f-mono);letter-spacing:.12em;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:clamp(10px,.7vw,12px);display:flex;position:fixed}.sound i{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.sound i b{background:currentColor;width:2px;height:3px;transition:height .3s}.sound[aria-pressed=true] i b{animation:1.2s ease-in-out infinite eq}.sound i b:nth-child(2){animation-delay:.2s}.sound i b:nth-child(3){animation-delay:.45s}@keyframes eq{0%,to{height:3px}50%{height:10px}}.sound:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.home{z-index:4;pointer-events:none;margin:0;position:fixed;inset:0}.home a{pointer-events:auto;text-align:center;font-weight:200;font-size:var(--fs-home);letter-spacing:-.02em;line-height:1;text-decoration:none;transition:color .5s;position:absolute;left:50%;transform:translate(-50%)}.home a:hover,.home a:focus-visible{color:var(--ink-hover);outline:none}.home .to-about{top:24%}.home .to-works{bottom:calc(env(safe-area-inset-bottom,0px) + 9%)}html{--bar-h:76px;--foot-h:calc(env(safe-area-inset-bottom,0px) + 44px)}.page{top:var(--bar-h);bottom:var(--foot-h);z-index:3;-webkit-overflow-scrolling:touch;margin:0;position:fixed;left:0;right:0;overflow-y:auto}.inner{padding:clamp(8px,3vh,40px) clamp(16px,4vw,48px) 8vh}.page-title{font-weight:200;font-size:var(--fs-page);letter-spacing:-.02em;margin:0 0 clamp(24px,4vh,44px);line-height:1}.label{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 20px;font-weight:400}.tmp{font-family:var(--f-mono);color:var(--ink-soft);margin-top:12px;font-size:clamp(10px,.7vw,12px)}@media (prefers-reduced-motion:reduce){.home a{transition:none}}