@layer reset{*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;margin:0}img{max-width:100%;display:block}}@layer base{@font-face{font-family:Shippori Mincho B1;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/shippori-mincho-b1-ja.woff)format("woff")}:root{--background:#f7f4ef;--foreground:#2b1e1a;--accent:#bd1818;background:var(--background);color:var(--foreground);font-family:Baskervville,Georgia,serif}@media (prefers-color-scheme:dark){:root{--background:#312c24;--foreground:#e6dab8}}body{background:var(--background);min-height:100svh;color:var(--foreground)}:lang(ja){font-family:Shippori Mincho B1,serif}}@layer components{.portfolio{min-height:100svh}.showcase{position:relative}.showcase__stage{--copy-row:clamp(11rem, 25svh, 14rem);--stage-gap:clamp(1rem, 2.5svh, 2rem);--stage-gutter:clamp(1.5rem, 5vw, 5rem);grid-template-rows:minmax(0, 1fr) var(--copy-row);height:100svh;padding:var(--stage-gutter);row-gap:var(--stage-gap);display:grid;position:sticky;top:0}.showcase__visual{z-index:1;place-items:center;min-height:0;display:grid;position:relative}.showcase__visual>*{grid-area:1/1;min-block-size:0}.wordmark{color:inherit;z-index:1;gap:clamp(.55rem,1.8vw,1.5rem);inline-size:min(100%,56rem);text-decoration:none;transition:opacity .5s,transform .5s;display:grid}.wordmark__line,.wordmark svg{inline-size:100%;display:block}.wordmark svg{block-size:auto}.wordmark .leo-variable{block-size:clamp(4rem,15vw,8.5rem)}.wordmark:focus-visible{outline-offset:.5rem;outline:2px solid}.project-visual{opacity:0;pointer-events:none;z-index:2;place-items:center;block-size:100%;min-block-size:0;inline-size:min(100%,44rem);transition:opacity .5s,transform .5s;display:grid;position:relative;overflow:hidden;transform:translateY(1rem)}.project-visual img{object-fit:contain;block-size:100%;inline-size:100%;position:absolute;inset:0}.project-visual[aria-disabled]{cursor:default}.showcase[data-active-slide] .wordmark{opacity:0;pointer-events:none;transform:scale(.985)}.showcase[data-active-slide] .project-visual{opacity:1;pointer-events:auto;transform:none}.project-visual.is-changing,.intro-copy.is-changing,.slide-copy.is-changing{opacity:0}.showcase__copy{z-index:3;justify-self:center;align-items:end;min-block-size:0;inline-size:min(100%,44rem);display:grid;position:relative}.showcase__copy>*{grid-area:1/1;align-self:end}.intro-copy,.slide-copy{opacity:1;max-inline-size:33rem;font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.1;transition:opacity .24s}.showcase[data-active-slide] .intro-copy,.showcase:not([data-active-slide]) .slide-copy{opacity:0}.slide-copy p{margin:0}.slide-copy__title{font-size:1.35em;margin-block-end:.2em!important}.slide-copy__meta{align-items:center;gap:.75rem;display:flex}.slide-copy__meta a{color:inherit;place-items:center;margin-inline-start:auto;display:grid}.site-icon{block-size:1.1em;inline-size:1.1em;display:block}.site-icon--external{font-family:Arial,sans-serif;font-size:1.35em;line-height:.8}.slide-picker{z-index:4;align-content:center;gap:.35rem;padding:.5rem;display:grid;position:absolute;top:50%;right:clamp(.65rem,2vw,2rem);overflow:visible;transform:translateY(-50%)}.picker-button{color:var(--foreground);cursor:pointer;background:0 0;border:0;place-items:center;width:.7rem;height:.7rem;padding:0;display:grid;position:relative}.picker-button:after{content:"";opacity:.36;background:currentColor;border-radius:50%;width:.35rem;height:.35rem;transition:opacity .2s,transform .2s}.picker-button[aria-current]:after,.picker-button:hover:after{opacity:1;transform:scale(1.55)}.picker-button:focus-visible{outline-offset:.22rem;outline:1px solid}.picker-preview{background:var(--background);box-shadow:0 .35rem 1.5rem color-mix(in srgb, var(--foreground) 18%, transparent);opacity:0;pointer-events:none;text-align:start;gap:.35rem;inline-size:10rem;padding:.45rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;right:calc(100% + 1rem);transform:translate(.4rem)}.picker-preview img{aspect-ratio:16/10;object-fit:cover;inline-size:100%}.picker-preview--wordmark{font-size:.8rem;line-height:.85}.picker-button:hover .picker-preview,.picker-button:focus-visible .picker-preview{opacity:1;transform:none}.showcase__triggers{pointer-events:none;position:relative}.slide-trigger{height:100svh}.site-footer{justify-content:space-between;align-items:end;gap:2rem;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.15;display:flex}.about-english{max-inline-size:44rem}.about-english p,.site-footer p{margin:0}.about-english p+p{margin-block-start:.8em}.about-english a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}.contact{grid-template-rows:1fr auto;min-height:100svh;padding:clamp(1.5rem,5vw,5rem);display:grid;position:relative}.contact__eyebrow{margin:0 0 .35em;font-size:clamp(1.1rem,1.7vw,1.5rem)}.contact h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,8vw,8rem);font-weight:400;line-height:.87}.contact a{color:inherit}.contact__x{place-self:center}.contact__x .site-icon{block-size:clamp(2rem,5vw,3.5rem);inline-size:clamp(2rem,5vw,3.5rem)}.contact .site-footer{align-items:end;padding:0;font-size:clamp(1rem,1.4vw,1.25rem)}@media (width<=480px){.showcase__stage{--copy-row:16rem;--stage-gutter:1.25rem}.contact{padding:1.25rem}.site-footer{flex-direction:column;align-items:start;gap:1.5rem}.contact .site-footer{align-items:start}.showcase__visual{padding-inline-end:1.5rem}}@media (prefers-reduced-motion:reduce){.wordmark,.project-visual,.slide-copy,.intro-copy{transition:none}}}@font-face{font-family:Baskervville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baskervville-latin-ext-400-normal-s7btT58A.woff2)format("woff2"),url(/assets/baskervville-latin-ext-400-normal-VPcGIfr7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Baskervville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baskervville-latin-400-normal-CJh9xaYG.woff2)format("woff2"),url(/assets/baskervville-latin-400-normal-2IAHzyi6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}