@font-face{font-family:monaspaceXenon;src:url(../media/MonaspaceXenonFrozen_Regular-s.p.0a5pd6s3~ve5~.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:monaspaceXenon Fallback;src:local(Arial);ascent-override:69.55%;descent-override:14.72%;line-gap-override:7.36%;size-adjust:135.87%}.monaspacexenon_41ab6f94-module___YOgpW__className{font-family:monaspaceXenon,monaspaceXenon Fallback;font-weight:400}.monaspacexenon_41ab6f94-module___YOgpW__variable{--font-monaspace-xenon:"monaspaceXenon", "monaspaceXenon Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f1e8}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body{place-items:center;height:100dvh;display:grid}.water-stage{aspect-ratio:3000/2044;background:url(/media/yoshida_hiroshi-paper-q98.webp) 50%/contain no-repeat;justify-self:center;width:min(64vw,118dvh);display:block;position:relative;transform:translateY(-7vh)}.water-stage.is-fallback-about{background-image:none}.water-stage.is-fallback-about .artwork-frame{visibility:hidden}.artwork-frame{width:100%;height:100%;position:absolute;inset:0}.water-ripple{visibility:hidden;width:100%;height:100%;display:block}.water-ripple.is-ready{visibility:visible}.about-panel{z-index:1;color:#111;font-family:var(--font-monaspace-xenon), monospace;text-align:left;opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:minmax(0,34fr) minmax(0,52fr);align-content:start;gap:2.4em 14%;padding:8% 3% 0;font-size:.875rem;line-height:1.3;transition:opacity .65s,visibility 0s linear .65s;display:grid;position:absolute;inset:0}.about-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1s .35s,visibility}.about-fragment{min-width:0}.about-identity{grid-row:1/span 2}.about-projects,.about-experience{text-align:left;grid-column:2;justify-self:end;width:min(100%,30rem)}.time-machine{position:relative}.site-title,.about-fragment h2{font:inherit;margin:0}.site-title .about-toggle{text-transform:lowercase}.time-machine-list{gap:.6em;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:calc(100% + .9em);left:0}.time-machine-list[hidden]{display:none}.about-fragment p{margin:0}.about-fragment h2+p,.about-fragment p+p{margin-top:.9em}.about-list{gap:1.2em;margin:.9em 0 0;padding:0;list-style:none;display:grid}.about-entry-detail{margin:.25em 0 0!important}.painting-text-slot{color:#111;width:96%;min-height:clamp(2.25rem,3vw,3.25rem);font-family:var(--font-monaspace-xenon), monospace;letter-spacing:normal;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:2.4em;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex;position:absolute;top:calc(100% + clamp(.2rem,.4vw,.4rem));left:50%;transform:translate(-50%)}.painting-text-group{align-items:baseline;gap:2.4em;margin:0;display:flex}.painting-text-right{justify-content:flex-end}.about-toggle{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.text-link{color:inherit;text-underline-offset:.16em}.about-toggle:focus-visible,.text-link:focus-visible{outline-offset:.22em;outline:1px solid}@media (max-width:1100px),(max-height:560px){html,body{overflow:hidden auto}body{height:auto;min-height:100dvh;display:block}.water-stage{aspect-ratio:auto;background:0 0;flex-direction:column;width:min(100% - 2rem,36rem);margin:1rem auto 0;padding-bottom:3rem;display:flex;transform:none}.artwork-frame{aspect-ratio:3000/2044;background:url(/media/yoshida_hiroshi-paper-q98.webp) 50%/contain no-repeat;flex:none;width:100%;height:auto;position:relative;inset:auto}.water-ripple{position:absolute;inset:0}.painting-text-slot{white-space:normal;flex-direction:column;order:1;align-items:flex-start;gap:0;width:100%;min-height:0;margin-top:.5rem;font-size:1rem;position:static;transform:none}.painting-text-group{flex-wrap:wrap;align-items:center;gap:0 1.25rem}.painting-text-group>.about-toggle{display:none}.painting-text-right{justify-content:flex-start}.site-title .about-toggle,.painting-text-right>.text-link,.time-machine-list .text-link{align-items:center;min-height:44px;display:inline-flex}.time-machine-list{gap:0;margin-top:.25rem;position:static}.about-panel,.about-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;order:2;grid-template-columns:minmax(0,1fr);gap:2rem;width:100%;margin-top:1.5rem;padding:0;font-size:1rem;line-height:1.5;transition:none;display:grid;position:relative;inset:auto}.about-identity,.about-projects,.about-experience{grid-area:auto/1;justify-self:stretch;width:100%}.about-list{gap:1.25rem}.project-list .text-link{overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:44px;display:inline-flex}}@media (max-width:600px) and (orientation:portrait){.water-stage{width:100%;margin-top:0;padding:0 1rem 3rem}.artwork-frame{aspect-ratio:auto;background-position:0 100%;background-size:150%;width:calc(100% + 1.5rem);height:90vw;margin-left:-.75rem;overflow:hidden}.water-ripple{aspect-ratio:3000/2044;transform-origin:0 100%;width:100%;height:auto;inset:auto auto 0 0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.flow-toggle{display:none}.about-panel,.about-panel.is-visible{transition:none}}