@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations")}:root{color-scheme:dark;font-family:Archivo Variable,Helvetica Neue,Arial,sans-serif;color:#f1efe8;background:#08090a;font-synthesis:none;text-rendering:optimizeLegibility;--surface-0: #08090a;--surface-1: #121315;--text: #f1efe8;--muted: #aaa79f;--line: #343538;--red: #f12a32;--cobalt: #4b79d3;--serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;--sans: "Archivo Variable", "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--japanese: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans CJK JP", Meiryo, sans-serif;--page-gutter: 4.5rem;--header-height: 4.75rem;--max-width: 100rem}*{box-sizing:border-box}html{scroll-padding-top:var(--header-height);background:var(--surface-0)}body{margin:0;min-width:20rem;min-height:100vh;overflow-x:clip;background:var(--surface-0)}body:before{position:fixed;inset:0;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");content:"";opacity:.1;pointer-events:none}button,a{color:inherit}button{font:inherit}a{text-decoration-thickness:1px;text-underline-offset:.3em}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--text);outline-offset:.3rem;box-shadow:0 0 0 4px var(--red)}::selection{color:var(--surface-0);background:var(--red)}.page{overflow:clip}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:200;padding:.75rem 1rem;color:var(--surface-0);background:var(--text);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;top:0;right:0;left:0;z-index:60;display:grid;grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr);align-items:center;gap:2rem;height:var(--header-height);padding-inline:max(var(--page-gutter),calc((100vw - var(--max-width)) / 2 + var(--page-gutter)));border-bottom:1px solid var(--line);background:#08090af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wordmark{display:flex;gap:.8rem;align-items:baseline;width:max-content;font-size:1rem;font-weight:650;text-decoration:none}.wordmark-alias{color:var(--red);font-family:var(--serif);font-size:.82rem;font-style:italic;font-weight:400}.header-location{display:flex;gap:.75rem;align-items:center;margin:0;color:var(--muted);font-family:var(--mono);font-size:.76rem;text-transform:uppercase}.header-location span{color:var(--red)}.resume-menu{position:relative;justify-self:end}.header-control{display:inline-flex;gap:1.2rem;align-items:center;justify-content:space-between;min-height:2.75rem;padding:.45rem 0;border:0;border-bottom:1px solid var(--text);border-radius:0;color:var(--text);background:transparent;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;cursor:pointer}.resume-trigger{min-width:8.5rem}.control-mark{color:var(--red);font-family:var(--sans);font-size:1.1rem}.resume-options,.compact-index-options{position:absolute;z-index:70;top:calc(100% + .8rem);right:0;width:17rem;border:1px solid var(--line);background:var(--surface-1);box-shadow:0 1.25rem 3rem #00000073}.resume-options[hidden],.compact-index-options[hidden]{display:none}.resume-options>p{margin:0;padding:1rem 1.2rem;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.72rem;text-transform:uppercase}.resume-options a{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--line);text-decoration:none}.resume-options a:last-child{border-bottom:0}.resume-options a:hover,.resume-options a:focus-visible{color:var(--surface-0);background:var(--red)}.resume-options a span:last-child{font-family:var(--mono);font-size:.7rem}.story-track{position:relative;min-height:700svh;background:var(--surface-0)}.scene-anchor{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:0;pointer-events:none}.story-stage{position:sticky;top:0;height:100svh;min-height:38rem;overflow:hidden;background:var(--surface-0);isolation:isolate}.story-stage:before{position:absolute;inset:var(--header-height) 0 0;z-index:-1;background-image:linear-gradient(to right,transparent 49.94%,rgb(52 53 56 / 32%) 50%),linear-gradient(to bottom,transparent 66.5%,rgb(52 53 56 / 24%) 66.6%);background-size:100% 100%,100% 100%;content:"";pointer-events:none}.scene-stack{position:absolute;inset:var(--header-height) 0 0;z-index:3}.story-scene{position:absolute;inset:0;display:grid;align-items:center;width:min(100%,var(--max-width));margin:0 auto;padding:2.5rem calc(var(--page-gutter) + 11rem) 5.5rem var(--page-gutter);pointer-events:none}.story-scene[data-active=true]{pointer-events:auto}.eyebrow{margin:0;color:var(--red);font-family:var(--mono);font-size:.8rem;line-height:1.5;text-transform:uppercase}h1,h2,p{letter-spacing:0}h1,h2{margin:0;font-family:var(--sans)}.intro-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(20rem,.72fr);align-items:center;gap:5rem;height:100%}.intro-copy{position:relative;z-index:3}.intro-copy .eyebrow{margin-bottom:1.4rem}h1{font-size:7rem;font-stretch:72%;font-weight:760;line-height:.78;text-transform:uppercase}h1 span{display:block;width:max-content;max-width:100%}h1 span:last-child{color:transparent;-webkit-text-stroke:1px var(--text)}.scene-description{max-width:34rem;margin:1.75rem 0 0;color:var(--text);font-family:var(--serif);font-size:1.22rem;line-height:1.6}.story-scene[data-scene=work] .scene-description{max-width:24rem}.intro-copy .scene-description{margin-left:4rem}.intro-alias{position:absolute;right:28%;bottom:14%;z-index:5;margin:0;color:var(--red);font-family:var(--serif);font-size:5rem;font-style:italic;line-height:.8}.japanese-layout{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(20rem,1.25fr);align-items:center;gap:7rem;min-height:70%}.japanese-meta{align-self:end;max-width:22rem;padding-bottom:2rem}.japanese-meta>p:not(.eyebrow){margin:1.2rem 0 0;color:var(--muted);font-family:var(--serif);font-size:1.2rem;line-height:1.55}.japanese-meta .name-order{padding-top:1.2rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.72rem;text-transform:uppercase}.japanese-name{position:relative;z-index:4;display:flex;flex-direction:row-reverse;gap:1.75rem;align-items:flex-start;justify-self:center;color:var(--text);font-family:var(--japanese);font-size:6rem;font-weight:500;line-height:1}.japanese-name span{display:block;writing-mode:vertical-rl}.japanese-name span:first-child{color:var(--red)}.archive-scene-layout{position:relative;display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:3rem;align-items:center;min-height:68%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scene-number{align-self:start;margin:2.4rem 0 0;color:var(--red);font-family:var(--mono);font-size:.85rem;writing-mode:vertical-rl}.story-scene[data-accent=cobalt] .scene-number{color:var(--cobalt)}.archive-scene-layout h2,.contact-scene-layout h2{margin-top:1.2rem;font-size:6.5rem;font-stretch:72%;font-weight:720;line-height:.86;text-transform:uppercase}.scene-status{width:max-content;max-width:100%;margin:2.2rem 0 0;padding-top:.8rem;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.75rem;text-transform:uppercase}.register-mark{align-self:end;margin:0 0 2rem;color:var(--muted);font-family:var(--mono);font-size:.72rem;writing-mode:vertical-rl}.contact-scene-layout{display:grid;align-content:center;min-height:100%}.contact-scene-layout:before{position:absolute;inset:8% 17% 12% 37%;z-index:-1;border:1px solid rgb(8 9 10 / 20%);background:var(--cobalt);content:""}.contact-scene-layout .scene-copy{position:relative;z-index:2;max-width:52rem;padding-left:8%}.contact-scene-layout h2{font-size:7.5rem}.contact-scene-layout .scene-description{max-width:30rem;color:var(--text)}.text-link{display:inline-flex;gap:.8rem;align-items:center;margin-top:2rem;padding-block:.55rem;border-bottom:1px solid currentcolor;font-family:var(--mono);font-size:.8rem;text-decoration:none;text-transform:uppercase}.text-link span{color:var(--red);font-size:1rem;transition:transform .18s ease}.text-link:hover span{transform:translate(.15rem,-.15rem)}.stage-footer{position:absolute;right:calc(var(--page-gutter) + 11rem);bottom:1.5rem;left:var(--page-gutter);display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:1rem;border-top:1px solid rgb(241 239 232 / 50%);font-family:var(--mono);font-size:.7rem;text-transform:uppercase}.stage-footer p{margin:0}.stage-footer p:nth-child(2),.stage-footer p:nth-child(3){text-align:center}.stage-footer p:last-child{text-align:right}.stage-artwork{position:absolute;inset:var(--header-height) 0 0;z-index:1;overflow:hidden;pointer-events:none}.cobalt-field{position:absolute;inset:12% 8% 17% 52%;background:var(--cobalt);opacity:.74}.stage-portrait{position:absolute;top:9%;right:max(calc(var(--page-gutter) + 10rem),calc((100vw - var(--max-width)) / 2 + var(--page-gutter) + 10rem));z-index:2;width:min(29vw,29rem);margin:0;transform-origin:center center}.portrait-frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--text);background:var(--surface-1)}.portrait-layer{position:absolute;inset:0}.portrait-layer img{display:block;width:100%;height:100%;object-fit:cover}.portrait-layer--charcoal img{filter:grayscale(1) contrast(1.35) brightness(.86)}.portrait-layer--red{background:var(--red);clip-path:inset(100% 0 0 0)}.portrait-layer--red img,.portrait-layer--cobalt img{mix-blend-mode:multiply;filter:grayscale(1) contrast(2.15) brightness(1.2)}.portrait-layer--cobalt{background:var(--cobalt);clip-path:inset(0 100% 0 0)}.halftone{position:absolute;inset:0;z-index:4;background-image:radial-gradient(circle,rgb(8 9 10 / 44%) 0 1px,transparent 1.3px);background-size:5px 5px;mix-blend-mode:multiply}.edition-mark{position:absolute;right:0;bottom:0;z-index:5;padding:.6rem .45rem;color:var(--surface-0);background:var(--red);font-family:var(--mono);font-size:.72rem;writing-mode:vertical-rl}.cherry-branch{position:absolute;right:-4%;bottom:-12%;z-index:3;width:min(70vw,72rem);height:auto;transform-origin:right bottom;mix-blend-mode:screen}.scene-rail{position:absolute;top:50%;right:max(var(--page-gutter),calc((100vw - var(--max-width)) / 2 + var(--page-gutter)));z-index:20;width:9rem;transform:translateY(-45%)}.scene-rail ol,.compact-index-options ol{margin:0;padding:0;list-style:none}.scene-rail a{display:grid;grid-template-columns:1.75rem 1fr;gap:.5rem;align-items:center;min-height:2.4rem;border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.7rem;text-decoration:none;text-transform:uppercase;transition:color .16s ease}.scene-rail a span:first-child{color:var(--line)}.scene-rail a:hover,.scene-rail a[aria-current=location]{color:var(--text)}.scene-rail a[aria-current=location] span:first-child{color:var(--red)}.compact-index{display:none}.stage-progress{position:absolute;right:max(var(--page-gutter),calc((100vw - var(--max-width)) / 2 + var(--page-gutter)));bottom:1.5rem;left:max(var(--page-gutter),calc((100vw - var(--max-width)) / 2 + var(--page-gutter)));z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;color:var(--muted);font-family:var(--mono);font-size:.68rem}.stage-progress>span:nth-child(2){display:block;height:1px;background:var(--red);transform-origin:left center}@media(max-width:75rem){:root{--page-gutter: 2.5rem}h1{font-size:5.5rem}.story-scene{padding-right:calc(var(--page-gutter) + 9.5rem)}.archive-scene-layout h2,.contact-scene-layout h2{font-size:5rem}.stage-portrait{right:calc(var(--page-gutter) + 8rem);width:min(31vw,25rem)}.cobalt-field{inset:12% 4% 17% 66%}.story-scene[data-scene=work] .scene-description{max-width:15rem}.stage-footer{right:calc(var(--page-gutter) + 9.5rem)}}@media(max-width:58rem){:root{--page-gutter: 2rem;--header-height: 4.5rem}.site-header{grid-template-columns:1fr auto;padding-inline:var(--page-gutter)}.header-location,.scene-rail{display:none}.compact-index{position:absolute;top:calc(var(--header-height) + 1rem);right:var(--page-gutter);z-index:30;display:block}.compact-index .header-control{min-width:7.5rem}.compact-index-count{color:var(--red)}.compact-index-options{top:calc(100% + .6rem)}.compact-index-options a{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;min-height:2.9rem;padding:.65rem 1rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.74rem;text-decoration:none;text-transform:uppercase}.compact-index-options a[aria-current=location]{color:var(--surface-0);background:var(--red)}.story-scene{padding:5rem var(--page-gutter) 4.5rem}.story-scene[data-scene=work] .scene-description{max-width:22rem}.intro-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,.7fr);gap:2rem}h1{font-size:4.6rem}.intro-copy .scene-description{max-width:27rem;margin-left:0}.intro-alias{right:20%;font-size:3.5rem}.stage-portrait{top:22%;right:var(--page-gutter);width:min(36vw,20rem)}.japanese-layout{grid-template-columns:minmax(13rem,.8fr) minmax(16rem,1.2fr);gap:3rem}.japanese-name{font-size:4.7rem}.archive-scene-layout{grid-template-columns:3rem minmax(0,1fr) auto;gap:1.5rem}.archive-scene-layout h2,.contact-scene-layout h2{font-size:4.5rem}.cherry-branch{right:-16%;width:88vw}.stage-footer{right:var(--page-gutter)}}@media(max-width:42rem){:root{--page-gutter: 1.25rem;--header-height: 4.25rem}.site-header{gap:1rem}.wordmark{font-size:.92rem}.wordmark-alias{display:none}.resume-trigger{min-width:7.5rem}.header-control{min-height:2.55rem;font-size:.72rem}.resume-options{position:fixed;top:calc(var(--header-height) + .75rem);right:var(--page-gutter);left:var(--page-gutter);width:auto}.compact-index{right:auto;left:var(--page-gutter)}.compact-index-options{right:auto;left:0;width:min(17rem,calc(100vw - 2.5rem))}.story-stage{min-height:34rem}.story-scene{padding:5.5rem var(--page-gutter) 4rem}.story-stage:before{background-image:linear-gradient(to bottom,transparent 69.9%,rgb(52 53 56 / 30%) 70%)}.intro-layout{display:block;padding-top:8vh}h1{font-size:3.65rem;line-height:.82}.scene-description{max-width:27rem;margin-top:1.2rem;font-size:1.08rem;line-height:1.5}.intro-copy .scene-description{max-width:19rem}.intro-alias{right:auto;bottom:10%;left:var(--page-gutter);font-size:3rem}.stage-portrait{top:auto;right:1rem;bottom:8%;width:min(52vw,14rem)}.japanese-layout{display:block;height:100%;min-height:0}.japanese-meta{position:absolute;bottom:7%;left:var(--page-gutter);max-width:9.5rem;padding:0}.japanese-meta>p:not(.eyebrow){font-size:1rem}.japanese-meta .name-order{font-size:.64rem}.japanese-name{position:absolute;top:10%;right:12%;gap:1rem;font-size:3.8rem}.archive-scene-layout{grid-template-columns:2rem minmax(0,1fr);gap:1rem;align-items:center;min-height:62%}.archive-scene-layout .scene-copy{padding-right:.5rem}.archive-scene-layout h2,.contact-scene-layout h2{font-size:3.7rem}.register-mark{position:absolute;right:0;bottom:1rem}.scene-status{width:auto;font-size:.68rem}.contact-scene-layout:before{inset:14% -10% 18% 20%}.contact-scene-layout .scene-copy{padding-left:0}.contact-scene-layout h2{font-size:4.2rem}.stage-footer{grid-template-columns:1fr 1fr;gap:.45rem 1rem;font-size:.61rem}.stage-footer p,.stage-footer p:nth-child(2),.stage-footer p:nth-child(3),.stage-footer p:last-child{text-align:left}.cherry-branch{right:-42%;bottom:-1%;width:138vw;opacity:.72}.cobalt-field{inset:20% -6% 20% 55%;opacity:.56}.stage-progress{right:var(--page-gutter);bottom:1rem;left:var(--page-gutter)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.story-stage[data-reduced-motion=true] .story-scene:not([data-active=true]){visibility:hidden;opacity:0}.story-stage[data-reduced-motion=true] .portrait-layer--red,.story-stage[data-reduced-motion=true] .portrait-layer--cobalt,.story-stage[data-reduced-motion=true] .cobalt-field{display:none}.story-stage[data-reduced-motion=true] .cherry-branch{clip-path:none;opacity:.55}.story-stage[data-active-scene=top] .cherry-branch{opacity:0}.story-stage[data-reduced-motion=true]:not([data-active-scene=top]):not([data-active-scene=hideki]) .stage-portrait{display:none}}