:root{color-scheme:dark;--rgb-bg: 5, 7, 10;--rgb-ink: 242, 245, 247;--rgb-accent: 127, 182, 255;--rgb-accent-deep: 90, 162, 255;--rgb-white: 255, 255, 255;--rgb-black: 0, 0, 0;--rgb-surface: 6, 8, 11;--rgb-panel: 15, 19, 25;--rgb-stat: 10, 14, 19;--rgb-office: 7, 10, 14;--rgb-office-hover: 18, 24, 32;--rgb-btn-hover: 20, 30, 44;--rgb-tab: 6, 9, 13;--rgb-halo-a: 226, 242, 255;--rgb-halo-b: 150, 200, 255;--rgb-halo-c: 70, 130, 220;--rgb-glow-soft: 150, 190, 255;--rgb-ink-soft: 219, 226, 234;--rgb-ink-rest: 205, 212, 220;--rgb-ink-body: 185, 194, 204;--rgb-ink-mid: 154, 162, 171;--rgb-ink-muted: 139, 147, 157;--rgb-ink-note: 125, 133, 143;--rgb-ink-dim: 91, 99, 108;--rgb-ink-faint: 111, 119, 127;--rgb-ink-stat: 170, 179, 189;--rgb-ink-tel: 204, 212, 221;--rgb-ink-spec: 194, 202, 211;--rgb-on-ink: 6, 9, 13;--rgb-on-accent: 4, 7, 12;--rgb-hero-mid: 211, 218, 226;--rgb-hero-lo: 148, 157, 167;--rgb-media: 42, 50, 59;--rgb-media-deep: 11, 15, 19;--rgb-spec-cell: 8, 11, 15;--rgb-3d-concrete: 28, 34, 41;--rgb-3d-steel: 58, 66, 75;--rgb-3d-frame: 43, 51, 60;--rgb-3d-dust: 143, 153, 164;--rgb-3d-core: 191, 224, 255;--rgb-3d-hemi-sky: 75, 85, 97;--rgb-3d-hemi-ground: 7, 9, 13;--rgb-3d-key: 220, 230, 242;--rgb-3d-rim: 111, 157, 214;--rgb-3d-travel: 168, 198, 234;--rgb-3d-marker: 70, 86, 106;--rgb-3d-cage: 111, 139, 168;--color-bg: rgb(var(--rgb-bg));--color-ink: rgb(var(--rgb-ink));--color-ink-strong: rgb(var(--rgb-white));--color-ink-soft: rgb(var(--rgb-ink-soft));--color-ink-rest: rgb(var(--rgb-ink-rest));--color-ink-body: rgb(var(--rgb-ink-body));--color-ink-mid: rgb(var(--rgb-ink-mid));--color-ink-muted: rgb(var(--rgb-ink-muted));--color-ink-note: rgb(var(--rgb-ink-note));--color-ink-dim: rgb(var(--rgb-ink-dim));--color-ink-faint: rgb(var(--rgb-ink-faint));--color-ink-stat: rgb(var(--rgb-ink-stat));--color-ink-tel: rgb(var(--rgb-ink-tel));--color-ink-spec: rgb(var(--rgb-ink-spec));--color-on-ink: rgb(var(--rgb-on-ink));--color-on-accent: rgb(var(--rgb-on-accent));--color-accent: rgb(var(--rgb-accent));--color-accent-deep: rgb(var(--rgb-accent-deep));--color-hero-hi: rgb(var(--rgb-white));--color-hero-mid: rgb(var(--rgb-hero-mid));--color-hero-lo: rgb(var(--rgb-hero-lo));--color-media: rgb(var(--rgb-media));--color-media-deep: rgb(var(--rgb-media-deep));--color-spec-cell: rgb(var(--rgb-spec-cell));--color-line: rgba(var(--rgb-white), .12);--color-white: rgb(var(--rgb-white));--color-black: rgb(var(--rgb-black));--color-3d-bg: rgb(var(--rgb-bg));--color-3d-concrete: rgb(var(--rgb-3d-concrete));--color-3d-steel: rgb(var(--rgb-3d-steel));--color-3d-frame: rgb(var(--rgb-3d-frame));--color-3d-dust: rgb(var(--rgb-3d-dust));--color-3d-core: rgb(var(--rgb-3d-core));--color-3d-accent: rgb(var(--rgb-accent-deep));--color-3d-hemi-sky: rgb(var(--rgb-3d-hemi-sky));--color-3d-hemi-ground: rgb(var(--rgb-3d-hemi-ground));--color-3d-key: rgb(var(--rgb-3d-key));--color-3d-rim: rgb(var(--rgb-3d-rim));--color-3d-travel: rgb(var(--rgb-3d-travel));--color-3d-marker: rgb(var(--rgb-3d-marker));--color-3d-cage: rgb(var(--rgb-3d-cage));--color-3d-core-inner: rgb(var(--rgb-white));--bg: var(--color-bg);--ink: var(--color-ink);--ink-mid: var(--color-ink-mid);--ink-dim: var(--color-ink-dim);--line: var(--color-line);--accent: var(--color-accent);--ff-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Meiryo", sans-serif;--ff-en: "Inter", ui-sans-serif, system-ui, sans-serif;--ff-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--pad: clamp(18px, 3.2vw, 48px);--page-max: 1080px;--header-h: 88px;--ease-precise: cubic-bezier(.16, 1, .3, 1);--ease-draw: cubic-bezier(.77, 0, .175, 1);--z-scene: 10;--z-fx: 5;--z-hud: 20;--z-tabs: 22;--z-chrome: 30;--z-loader: 40}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--ff-ja);-webkit-font-smoothing:antialiased}::selection{background:rgba(var(--rgb-accent),.3)}.chrome{position:fixed;inset:0 auto auto 0;width:100%;height:var(--header-h);z-index:var(--z-chrome);pointer-events:none}.chrome .brand,.chrome .site-nav{pointer-events:auto}.site-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--pad);mix-blend-mode:difference;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand__mark{width:16px;height:16px;border:2px solid var(--ink);position:relative}.brand__mark:after{content:"";position:absolute;inset:3px 3px auto auto;width:6px;height:6px;background:var(--ink)}.brand__ja{font-weight:900;font-size:15px;letter-spacing:.14em}.brand__en{font-family:var(--ff-en);font-size:10px;font-weight:400;letter-spacing:.3em;color:var(--ink-mid);padding-left:12px;border-left:1px solid var(--line)}.site-nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);font-family:var(--ff-en);font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--ink-mid)}.site-nav button,.site-nav a{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;cursor:pointer}.site-nav button:hover,.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}@media(max-width:1080px){.site-nav{letter-spacing:.16em}}@media(max-width:900px){.site-nav button:not(.site-nav__keep),.site-nav a:not(.site-nav__keep){display:none}}@media(max-width:720px){.brand__en{display:none}}html{scroll-behavior:smooth}body.is-subpage{cursor:auto;min-height:100%;overscroll-behavior-y:auto;overflow-x:hidden}body.is-subpage .site-header{padding-top:18px;padding-bottom:18px}.sub-fx{position:fixed;inset:0;pointer-events:none;z-index:var(--z-fx)}.sub-fx--grain{opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}.page{position:relative;z-index:1;width:min(var(--page-max),calc(100% - var(--pad) * 2));margin:0 auto;padding:64px 0 0}.page-heading{margin:0 0 22px;font-family:var(--ff-en);font-size:11px;font-weight:500;letter-spacing:.32em;color:var(--accent);animation:riseIn .68s var(--ease-precise) .78s both}.page-heading span{color:var(--ink-dim);letter-spacing:.2em}.page-lead{margin:0 0 clamp(36px,4vw,48px);max-width:38em;font-size:clamp(13px,1.15vw,15px);line-height:2.15;letter-spacing:.1em;color:var(--color-ink-stat);animation:riseIn .7s var(--ease-precise) .92s both}.page-section{padding:clamp(48px,6vh,80px) 0;border-bottom:1px solid var(--line)}.page-section--lead{padding-top:4px}.page-section:last-of-type{border-bottom:0}.section-label{display:flex;align-items:baseline;gap:14px;margin:0 0 clamp(36px,5vw,56px)}.section-label__en{font-family:var(--ff-en);font-size:10px;font-weight:500;letter-spacing:.32em;color:var(--accent)}.section-label__ja{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--ink-dim)}.site-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:16px;width:min(var(--page-max),calc(100% - var(--pad) * 2));margin:0 auto;padding:40px 0 calc(var(--pad) + 12px);border-top:1px solid var(--line);font-family:var(--ff-en);font-size:10px;letter-spacing:.22em;color:var(--ink-dim)}[data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .78s var(--ease-precise) var(--stagger, 0ms),transform .78s var(--ease-precise) var(--stagger, 0ms)}[data-reveal=left]{transform:translate3d(-22px,18px,0)}[data-reveal=right]{transform:translate3d(22px,18px,0)}[data-reveal].is-in{opacity:1;transform:none}.hairline{display:block;width:100vw;max-width:none;height:1px;margin:0 0 28px calc(50% - 50vw);background:rgba(var(--rgb-white),.38);transform-origin:left center;animation:hairlineDraw .82s var(--ease-draw) both}@keyframes hairlineDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes riseIn{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}.is-settled .page-heading,.is-settled .page-lead,.is-settled .hairline{animation:none;opacity:1;transform:none}@media(max-width:720px){.site-footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],[data-reveal].is-in{opacity:1;transform:none;transition:none}.hairline{animation:none;transform:none}.page-heading,.page-lead{opacity:1;animation:none}}.page--gallery{width:min(1240px,calc(100% - var(--pad) * 2))}.blueprint-defs{position:absolute;width:0;height:0;overflow:hidden}@property --scan{syntax: "<number>"; inherits: true; initial-value: 0;}.gallery{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(96px,14vh,168px);scroll-margin-top:calc(var(--header-h) + 16px)}.project{--scan: 0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(240px,.82fr);gap:clamp(28px,4.4vw,64px);align-items:end;scroll-margin-top:calc(var(--header-h) + 16px)}.project:nth-child(2n){grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr)}.project:nth-child(2n) .project__media{order:2}.project:nth-child(2n) .project__copy{order:1}.project__media{position:relative;margin:0;overflow:hidden;aspect-ratio:16 / 10;background:var(--color-media-deep);isolation:isolate;touch-action:none;cursor:crosshair}.project__stack{position:absolute;inset:0;z-index:0}.project__media:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(var(--rgb-accent),.16) 0 1px,transparent 1px 22px),repeating-linear-gradient(to right,rgba(var(--rgb-accent),.12) 0 1px,transparent 1px 22px);mix-blend-mode:screen;opacity:calc(1 - var(--scan))}.project__media:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(var(--rgb-accent),.22);mix-blend-mode:color;opacity:calc((1 - var(--scan)) * .85);clip-path:inset(calc(var(--scan) * 100%) 0 0 0)}.project__plate{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}.project__plate--after{z-index:0;filter:saturate(1.1) contrast(1.1) brightness(1.04)}.project__plate--before{z-index:1;filter:grayscale(1) contrast(1.14) brightness(.88)}.project__scratch{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;touch-action:none}.project__media.is-covered .project__plate--before{visibility:hidden}.reveal__hint{position:absolute;z-index:5;top:16px;right:18px;display:grid;font-family:var(--ff-mono);font-size:12px;letter-spacing:.2em;color:rgb(var(--rgb-white));pointer-events:none;transition:opacity .45s cubic-bezier(.2,0,0,1)}.reveal__hint-a,.reveal__hint-b{grid-area:1 / 1;padding:6px 11px;border:1px solid rgba(var(--rgb-white),.4);background:rgba(var(--rgb-bg),.62)}.reveal__hint-b,.project__media.is-scratching .reveal__hint{opacity:0}.project__scan{position:absolute;left:-6%;right:-6%;top:0;z-index:4;height:0;pointer-events:none;opacity:0;border-top:1px solid rgb(var(--rgb-white));border-bottom:1px solid rgb(var(--rgb-accent));box-shadow:0 0 4px rgba(var(--rgb-white),1),0 0 14px rgba(var(--rgb-accent),.95),0 0 36px rgba(var(--rgb-accent),.55);mix-blend-mode:screen}.project.is-scanning .project__scan{opacity:1}.project__scan:before,.project__scan:after{content:"";position:absolute;left:0;right:0;height:14px;pointer-events:none}.project__scan:before{bottom:100%;background:linear-gradient(to top,rgba(var(--rgb-accent),.28),transparent)}.project__scan:after{top:100%;height:1px;background:rgba(var(--rgb-white),.35)}.project__trace{position:absolute;inset:10px;z-index:4;pointer-events:none;background:linear-gradient(rgb(var(--rgb-white)),rgb(var(--rgb-white))) 0 0 / 0 1px no-repeat,linear-gradient(rgb(var(--rgb-white)),rgb(var(--rgb-white))) 100% 0 / 1px 0 no-repeat,linear-gradient(rgb(var(--rgb-white)),rgb(var(--rgb-white))) 100% 100% / 0 1px no-repeat,linear-gradient(rgb(var(--rgb-white)),rgb(var(--rgb-white))) 0 100% / 1px 0 no-repeat;opacity:.82}.project:hover .project__trace,.project:focus-within .project__trace{animation:reticleRun .78s cubic-bezier(.77,0,.175,1) forwards}@keyframes reticleRun{0%{background-size:0 1px,1px 0,0 1px,1px 0}28%{background-size:100% 1px,1px 0,0 1px,1px 0}52%{background-size:100% 1px,1px 100%,0 1px,1px 0}76%{background-size:100% 1px,1px 100%,100% 1px,1px 0}to{background-size:100% 1px,1px 100%,100% 1px,1px 100%}}.project__index{position:absolute;z-index:5;top:16px;left:18px;font-family:var(--ff-mono);font-size:10px;letter-spacing:.28em;color:var(--ink);padding:5px 9px;border:1px solid rgba(var(--rgb-white),.28);background:rgba(var(--rgb-bg),.5);transition:border-color .45s var(--ease-precise),color .45s var(--ease-precise)}.project:hover .project__index,.project:focus-within .project__index{border-color:rgba(var(--rgb-white),.72);color:rgb(var(--rgb-white))}.project__copy{--par-copy: 0px;padding-bottom:6px;transform:translate3d(0,var(--par-copy),0)}.project__cat{margin:0 0 14px;font-family:var(--ff-mono);font-size:10px;font-weight:400;letter-spacing:.28em;color:var(--accent);min-height:1.4em}.project__title{margin:0;min-height:2.6em;font-size:clamp(1.35rem,2.6vw,2.05rem);font-weight:900;letter-spacing:.1em;line-height:1.4;color:#ecf0f4e6;transition:color .45s var(--ease-precise),text-shadow .5s var(--ease-precise),letter-spacing .55s cubic-bezier(.16,1,.3,1)}.project__title.is-decoding,.project__cat.is-decoding,.project__spec dd.is-decoding{font-family:var(--ff-mono);font-weight:400;letter-spacing:.06em;color:rgba(var(--rgb-accent),.78)}.project:hover .project__title,.project:focus-within .project__title{color:rgb(var(--rgb-white));letter-spacing:.14em;text-shadow:0 0 1px rgba(var(--rgb-white),.9),0 0 18px rgba(var(--rgb-white),.28),0 0 42px rgba(var(--rgb-accent),.22)}.project__spec{margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}.project__spec div{display:grid;grid-template-columns:4.5em 1fr;gap:12px;font-size:12px;letter-spacing:.08em}.project__spec dt{font-family:var(--ff-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-dim)}.project__spec dd{margin:0;font-weight:700;color:var(--ink);min-height:1.3em}@media(max-width:820px){.project,.project:nth-child(2n){grid-template-columns:1fr}.project:nth-child(2n) .project__media,.project:nth-child(2n) .project__copy{order:0}.project__title{min-height:0}}@media(prefers-reduced-motion:reduce){.project{--scan: 1}.project__copy{transform:none}.project__media:before,.project__media:after,.project__scan,.project__scratch,.project__plate--before,.reveal__hint{display:none}.project__title.is-decoding,.project__cat.is-decoding,.project__spec dd.is-decoding{font-family:inherit;font-weight:900;color:inherit}.project__trace,.project:hover .project__trace{animation:none;background-size:100% 1px,1px 100%,100% 1px,1px 100%}.project__media{cursor:auto;touch-action:pan-y}}