:root{--left-pane-width:minmax(21rem, 34vw);--pane-padding:clamp(1rem, 2vw, 2.15rem);--content-max:58rem;--menu-line-thickness:2.25px;--menu-line-width:15rem;--menu-line-gap:.2rem;--menu-line-opacity:.72;--menu-line-selected-opacity:1;--menu-line-pull:18;--menu-line-stiffness:.16;--menu-line-damping:.82;--menu-arrow-width:.78rem;--menu-arrow-height:1.14rem;--menu-arrow-gap:.15rem;--menu-arrow-opacity:1;--circuit-ring-size:min(92vw, 96rem);--circuit-ring-center-x:50%;--circuit-ring-center-y:50%;--circuit-ring-base-rotation:0deg;--circuit-ring-section-rotation:0deg;--circuit-ring-step-duration:560;--circuit-ring-start-ratchet-duration:360;--circuit-ring-gakkon-duration:78;--circuit-ring-shake-duration:330;--circuit-ring-ratchet-angle:2.4;--circuit-ring-overshoot-angle:4.2;--circuit-ring-shake-angle:.85;--content-viewport-height:100dvh;color-scheme:light;--color-ink:#273630;--color-page:#dcebe0;--color-panel:#eef0e8;--color-accent-primary:#6e9d91;--color-accent-warm:#b97860;--color-accent-earth:#c4a960;--color-accent-deep:#607d72;--color-accent-green:#87aa7a;--menu-line-color:color-mix(in srgb, var(--color-ink) 31%, transparent);--menu-line-selected-color:var(--color-accent-deep);--menu-arrow-selected-color:var(--color-accent-warm);--menu-arrow-follow-color:var(--color-accent-primary);--card-surface:#f5f4ec;--card-border:color-mix(in srgb, var(--color-ink) 19%, transparent);--card-shadow:#44534d5e;--circuit-ring-opacity:.105;--circuit-ring-filter:sepia(.14) saturate(.65) hue-rotate(92deg) brightness(.8);--circuit-ring-blend-mode:multiply}html[data-color-theme]{color-scheme:light;--color-panel:var(--color-page);--menu-line-color:color-mix(in srgb, var(--color-ink) 38%, transparent);--menu-line-selected-color:var(--color-accent-deep);--menu-arrow-selected-color:var(--color-accent-warm);--menu-arrow-follow-color:var(--color-accent-primary);--card-surface:color-mix(in srgb, white 72%, var(--color-page));--card-border:color-mix(in srgb, var(--color-ink) 18%, transparent);--card-shadow:color-mix(in srgb, var(--color-ink) 88%, transparent);--circuit-ring-opacity:.12;--circuit-ring-filter:none;--circuit-ring-blend-mode:normal}html[data-color-theme=original]{--color-ink:#17163f;--color-page:#fff8ee;--color-accent-primary:#43d9d1;--color-accent-warm:#ff8c84;--color-accent-earth:#ffd166;--color-accent-deep:#7857ff;--color-accent-green:#8fd694;--menu-arrow-follow-color:#82c8e8}html[data-color-theme=aqua-signal]{--color-ink:#10243e;--color-page:#f4fbf7;--color-accent-primary:#00c9b7;--color-accent-warm:#ff6b6b;--color-accent-earth:#ffd166;--color-accent-deep:#5a4cff;--color-accent-green:#8bd17c;--menu-arrow-follow-color:#4aaed8;--circuit-ring-opacity:.105}html[data-color-theme=blueprint]{--color-ink:#132a4a;--color-page:#edf5ff;--color-accent-primary:#2ba6ff;--color-accent-warm:#f45b69;--color-accent-earth:#ffd166;--color-accent-deep:#6658ff;--color-accent-green:#6fcf97;--menu-arrow-follow-color:#2ba6ff;--circuit-ring-opacity:.105}html[data-color-theme=amber-circuit]{--color-ink:#30221d;--color-page:#fff6e6;--color-accent-primary:#2ca58d;--color-accent-warm:#e85d4a;--color-accent-earth:#f2b544;--color-accent-deep:#7856a8;--color-accent-green:#78b86f;--menu-arrow-follow-color:#4fae9c;--circuit-ring-opacity:.11}html[data-color-theme=punk-pastel]{--color-ink:#281a43;--color-page:#fff0f5;--color-accent-primary:#2fd4c8;--color-accent-warm:#ff5f85;--color-accent-earth:#ffd75e;--color-accent-deep:#8957ff;--color-accent-green:#a3df70;--menu-arrow-follow-color:#56bedf;--circuit-ring-opacity:.105}html[data-color-theme=mono-signal]{--color-ink:#202020;--color-page:#f6f3ec;--color-accent-primary:#6c6c6c;--color-accent-warm:#d34444;--color-accent-earth:#b79636;--color-accent-deep:#343434;--color-accent-green:#6f8d71;--menu-arrow-follow-color:#777}html[data-color-theme=moss-paper]{--color-ink:#26352c;--color-page:#eeeadd;--color-panel:#e5e1d4;--color-accent-primary:#648777;--color-accent-warm:#aa6d50;--color-accent-earth:#b69a59;--color-accent-deep:#526c58;--color-accent-green:#738e60;--menu-line-color:color-mix(in srgb, var(--color-ink) 34%, transparent);--card-surface:#f4f0e5;--card-border:color-mix(in srgb, var(--color-ink) 22%, transparent);--card-shadow:#4a3f316b;--circuit-ring-opacity:.11;--circuit-ring-filter:sepia(.28) saturate(.76) hue-rotate(78deg) brightness(.8);--circuit-ring-blend-mode:multiply}html[data-color-theme=sage-linen]{--color-ink:#263229;--color-page:#e3ead9;--color-panel:#f5f0e4;--color-accent-primary:#6f9683;--color-accent-warm:#b86f52;--color-accent-earth:#c4a457;--color-accent-deep:#62785b;--color-accent-green:#8fab79;--menu-line-color:color-mix(in srgb, var(--color-ink) 32%, transparent);--card-surface:#faf6ea;--card-border:color-mix(in srgb, var(--color-ink) 20%, transparent);--card-shadow:#46504461;--circuit-ring-opacity:.105;--circuit-ring-filter:sepia(.2) saturate(.72) hue-rotate(72deg) brightness(.8);--circuit-ring-blend-mode:multiply}html[data-color-theme=olive-sand]{--color-ink:#333629;--color-page:#efe7d2;--color-panel:#e4e1c5;--color-accent-primary:#7d9672;--color-accent-warm:#b96d4f;--color-accent-earth:#c3a052;--color-accent-deep:#74774c;--color-accent-green:#97a35f;--menu-line-color:color-mix(in srgb, var(--color-ink) 32%, transparent);--card-surface:#f7f0dc;--card-border:color-mix(in srgb, var(--color-ink) 21%, transparent);--card-shadow:#51483266;--circuit-ring-opacity:.11;--circuit-ring-filter:sepia(.38) saturate(.82) hue-rotate(42deg) brightness(.78);--circuit-ring-blend-mode:multiply}html[data-color-theme=meadow-clay]{--color-ink:#293626;--color-page:#e8efd5;--color-panel:#f6efdc;--color-accent-primary:#75a184;--color-accent-warm:#c77751;--color-accent-earth:#cfaa53;--color-accent-deep:#688053;--color-accent-green:#9bbb69;--menu-line-color:color-mix(in srgb, var(--color-ink) 31%, transparent);--card-surface:#fbf5e2;--card-border:color-mix(in srgb, var(--color-ink) 19%, transparent);--card-shadow:#4b52355c;--circuit-ring-opacity:.1;--circuit-ring-filter:sepia(.18) saturate(.86) hue-rotate(68deg) brightness(.82);--circuit-ring-blend-mode:multiply}html[data-color-theme=graphite-signal]{color-scheme:dark;--color-ink:#e4e8e7;--color-page:#111517;--color-panel:#151a1d;--color-accent-primary:#62c8d0;--color-accent-warm:#d98574;--color-accent-earth:#c6ad68;--color-accent-deep:#93a8ad;--color-accent-green:#80a989;--menu-line-color:color-mix(in srgb, var(--color-ink) 27%, transparent);--menu-line-selected-color:var(--color-accent-primary);--card-surface:#1a2023;--card-border:color-mix(in srgb, var(--color-accent-primary) 24%, transparent);--card-shadow:#080b0c;--circuit-ring-opacity:.135;--circuit-ring-filter:invert(1) brightness(1.08) contrast(.72) saturate(.45) sepia(.08) hue-rotate(145deg);--circuit-ring-blend-mode:screen}html[data-color-theme=forest-signal]{color-scheme:dark;--color-ink:#e7e2d4;--color-page:#101511;--color-panel:#171d18;--color-accent-primary:#82aa96;--color-accent-warm:#b7795d;--color-accent-earth:#c0a36b;--color-accent-deep:#91b47b;--color-accent-green:#769767;--menu-line-color:#b7bda94d;--menu-arrow-selected-color:var(--color-accent-earth);--card-surface:#1b241c;--card-border:color-mix(in srgb, var(--color-accent-deep) 25%, transparent);--card-shadow:#070a07;--circuit-ring-opacity:.145;--circuit-ring-filter:invert(1) brightness(1.02) contrast(.7) sepia(.42) saturate(.88) hue-rotate(62deg);--circuit-ring-blend-mode:screen}html[data-color-theme=cyberpunk-neon]{color-scheme:dark;--color-ink:#f4f7ff;--color-page:#09091a;--color-accent-primary:#00f0ff;--color-accent-warm:#ff2bd6;--color-accent-earth:#ffe84a;--color-accent-deep:#9a6bff;--color-accent-green:#35ff98;--menu-line-color:color-mix(in srgb, var(--color-accent-primary) 46%, transparent);--menu-line-selected-color:var(--color-accent-warm);--menu-arrow-selected-color:var(--color-accent-earth);--card-surface:#12142c;--card-border:color-mix(in srgb, var(--color-accent-primary) 36%, transparent);--card-shadow:color-mix(in srgb, var(--color-accent-warm) 72%, transparent);--circuit-ring-opacity:.18;--circuit-ring-filter:invert(1) brightness(1.35) contrast(.82) saturate(1.35);--circuit-ring-blend-mode:screen}html[data-color-theme=tokyo-night]{color-scheme:dark;--color-ink:#e8ecff;--color-page:#111827;--color-accent-primary:#65d1ff;--color-accent-warm:#ff7ab2;--color-accent-earth:#e9c46a;--color-accent-deep:#8b7cff;--color-accent-green:#7ce7c4;--menu-line-color:#7aa2f785;--menu-line-selected-color:#bb9af7;--menu-arrow-selected-color:#ff9e64;--menu-arrow-follow-color:#7dcfff;--card-surface:#1a2337;--card-border:#7aa2f757;--card-shadow:#060a13;--circuit-ring-opacity:.16;--circuit-ring-filter:invert(1) brightness(1.25) contrast(.8) sepia(.08) hue-rotate(178deg);--circuit-ring-blend-mode:screen}html[data-color-theme=terminal-green]{color-scheme:dark;--color-ink:#d9ffe8;--color-page:#06110a;--color-accent-primary:#00ff9c;--color-accent-warm:#ff6262;--color-accent-earth:#c9ff4a;--color-accent-deep:#7dffb2;--color-accent-green:#00d978;--menu-line-color:color-mix(in srgb, var(--color-accent-primary) 42%, transparent);--menu-line-selected-color:var(--color-accent-earth);--menu-arrow-selected-color:var(--color-accent-primary);--menu-arrow-follow-color:#71ffd0;--card-surface:#0b2113;--card-border:color-mix(in srgb, var(--color-accent-primary) 34%, transparent);--card-shadow:#001d0d;--circuit-ring-opacity:.17;--circuit-ring-filter:invert(1) brightness(1.25) contrast(.78) sepia(1) saturate(2.2) hue-rotate(82deg);--circuit-ring-blend-mode:screen}html[data-color-theme=carbon-red]{color-scheme:dark;--color-ink:#f1f1f1;--color-page:#121212;--color-accent-primary:#a7b0ba;--color-accent-warm:#ff3b30;--color-accent-earth:#f0bd4f;--color-accent-deep:#d5d5d5;--color-accent-green:#78bd7b;--menu-line-color:color-mix(in srgb, var(--color-ink) 26%, transparent);--menu-line-selected-color:var(--color-accent-warm);--menu-arrow-follow-color:#b9c2ca;--card-surface:#1c1c1c;--card-border:#3b3b3b;--card-shadow:#050505;--circuit-ring-opacity:.15;--circuit-ring-filter:invert(1) brightness(1.15) contrast(.78);--circuit-ring-blend-mode:screen}*{box-sizing:border-box}html{background:var(--color-page);color:var(--color-ink);scroll-behavior:smooth;font-family:Inter,Noto Sans JP,system-ui,sans-serif}body{background:var(--color-page);min-width:320px;margin:0;overflow:hidden}a{color:inherit;text-underline-offset:.18em}.portfolio-shell{grid-template-columns:var(--left-pane-width) minmax(0, 1fr);background:var(--color-page);width:100%;min-width:0;max-width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.profile-panel,.content-panel{min-height:0}.shell-circuit-ring-anchor{pointer-events:none;height:0;transform:translate3d(var(--circuit-ring-center-x), var(--circuit-ring-center-y), 0);will-change:transform;z-index:0;width:0;position:absolute;top:0;left:0}.shell-circuit-ring-rotor{filter:var(--circuit-ring-filter);max-width:none;mix-blend-mode:var(--circuit-ring-blend-mode);opacity:var(--circuit-ring-opacity);pointer-events:none;transform:translate(-50%, -50%) rotate(calc(var(--circuit-ring-base-rotation) + var(--circuit-ring-section-rotation)));transform-origin:50%;user-select:none;width:var(--circuit-ring-size);will-change:transform, width;display:block;position:absolute}.profile-panel{z-index:2;background:0 0;position:relative;overflow:visible}.profile-panel__inner{min-height:100%;padding:var(--pane-padding);z-index:1;grid-template-rows:auto auto minmax(min-content,1fr);gap:clamp(.65rem,1vh,1.2rem);display:grid;position:relative}.identity{justify-items:start;gap:.6rem;max-width:16.5rem;text-decoration:none;display:grid;position:relative}.identity__name{letter-spacing:-.08em;font-size:clamp(2.55rem,min(5.6vw,8.3dvh),4.8rem);font-weight:900;line-height:.88}.identity__role{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.76rem,min(.9rem,1.85dvh),.9rem);font-weight:700}.identity__business{color:color-mix(in srgb, var(--color-ink) 60%, transparent);letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.7rem,min(.84rem,1.7dvh),.84rem)}.primary-menu{align-self:start;margin-top:.9rem}.primary-menu ul{align-content:start;gap:.22rem;margin:0;padding:0;list-style:none;display:grid}.primary-menu li{display:block}.primary-menu__item--detached{margin-top:clamp(.55rem,1.35dvh,.9rem)}.primary-menu__item--detached>a{opacity:.62;transition:opacity .18s}.primary-menu__item--detached>a:hover,.primary-menu__item--detached>a:focus-visible,.primary-menu__item--detached>a[aria-current=page],.primary-menu__item--detached>a.is-current,.primary-menu__item--detached>a.is-scroll-current{opacity:1}.primary-menu a{align-items:center;gap:var(--menu-line-gap);min-height:clamp(1.72rem,4.25dvh,2.2rem);min-width:var(--menu-line-width);grid-template-columns:max-content auto;width:max-content;text-decoration:none;display:grid;position:relative}.primary-menu__labels{min-height:clamp(1.02rem,2.55dvh,1.35rem);min-width:var(--menu-line-width);width:max-content;display:grid;position:relative;overflow:hidden}.primary-menu__label-en,.primary-menu__label-ja{letter-spacing:-.055em;white-space:nowrap;grid-area:1/1;width:max-content;font-size:clamp(.86rem,min(1.22vw,2.35dvh),1.38rem);font-weight:900;line-height:1.02;transition:transform .18s,opacity .18s,color .18s}.primary-menu__label-en{opacity:1;transform:translateY(0)}.primary-menu__label-ja{opacity:0;transform:translateY(110%)}.primary-menu__line{height:clamp(.68rem,1.9dvh,1rem);min-width:var(--menu-line-width);grid-column:1/-1;width:100%;display:block}.primary-menu__line path{fill:none;opacity:var(--menu-line-opacity);stroke:var(--menu-line-color);stroke-linecap:round;stroke-width:var(--menu-line-thickness);vector-effect:non-scaling-stroke}.primary-menu__chevrons{align-items:center;gap:var(--menu-arrow-gap);opacity:0;justify-self:end;transition:opacity .18s,transform .18s;display:inline-flex;transform:translate(-.2rem)}.primary-menu__chevrons span{border-bottom:calc(var(--menu-arrow-height) / 2) solid transparent;border-left:var(--menu-arrow-width) solid currentColor;border-top:calc(var(--menu-arrow-height) / 2) solid transparent;color:var(--menu-arrow-selected-color);width:0;height:0;display:inline-block}.primary-menu a:hover .primary-menu__label-en,.primary-menu a:focus-visible .primary-menu__label-en,.primary-menu a.is-scroll-current .primary-menu__label-en{opacity:0;transform:translateY(-110%)}.primary-menu a:hover .primary-menu__label-ja,.primary-menu a:focus-visible .primary-menu__label-ja,.primary-menu a.is-scroll-current .primary-menu__label-ja{opacity:1;transform:translateY(0)}.primary-menu a[aria-current=page] .primary-menu__chevrons,.primary-menu a.is-current .primary-menu__chevrons,.primary-menu a.is-scroll-current .primary-menu__chevrons{opacity:var(--menu-arrow-opacity);transform:translate(0)}.primary-menu a.is-scroll-current .primary-menu__chevrons span{color:var(--menu-arrow-follow-color)}.primary-menu a[aria-current=page] .primary-menu__line path,.primary-menu a.is-current .primary-menu__line path{opacity:var(--menu-line-selected-opacity);stroke:var(--menu-line-selected-color)}.primary-menu a:focus-visible{outline:3px solid var(--color-accent-deep);outline-offset:.25rem}.primary-menu--hierarchical{align-self:start}.hierarchy-menu__heading{width:min(100%, var(--menu-line-width));gap:.25rem;margin-bottom:.95rem;display:grid}.hierarchy-menu__eyebrow,.development-status,.home-hero__eyebrow,.home-hud h2,.home-section__eyebrow,.route-content__eyebrow,.content-card__meta,.hierarchy-menu__back{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hierarchy-menu__eyebrow{opacity:.55;font-size:.58rem;font-weight:700}.hierarchy-menu__title{letter-spacing:-.05em;font-size:clamp(1.45rem,2vw,2rem);font-weight:900;line-height:1;text-decoration:none}.hierarchy-menu__title:hover,.hierarchy-menu__title:focus-visible{color:var(--color-accent-deep);outline:none}.hierarchy-menu__title-ja{opacity:.66;font-size:.72rem}.hierarchy-menu__back{align-items:center;gap:.45rem;margin-top:.85rem;font-size:.68rem;font-weight:800;text-decoration:none;display:inline-flex}.hierarchy-menu__back:hover,.hierarchy-menu__back:focus-visible{color:var(--color-accent-deep);outline-offset:.25rem;outline:2px solid}.profile-panel__footer{align-self:end;min-width:0}.development-status{border-top:1px solid color-mix(in srgb, var(--color-ink) 26%, transparent);opacity:.62;overflow-wrap:anywhere;gap:clamp(.12rem,.4dvh,.2rem);min-width:0;padding-top:clamp(.42rem,1.2dvh,.65rem);font-size:clamp(.49rem,1.25dvh,.57rem);display:grid}.development-status strong{font-size:clamp(.59rem,1.5dvh,.7rem)}.content-panel{z-index:2;background:0 0;position:relative;overflow:hidden}.content-panel__scroll{height:100%;padding:var(--pane-padding);scrollbar-gutter:stable;background:0 0;overflow-y:auto}.home-sections,.route-content{gap:clamp(2.2rem,6vh,4rem);display:grid}.section-block,.route-content{min-height:calc(var(--content-viewport-height) - (var(--pane-padding) * 2))}.home-hero{grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);align-items:end;gap:clamp(2rem,4vw,4rem);display:grid}.home-hero__main{align-self:center;max-width:46rem}.home-hero__eyebrow{margin:0 0 1.5rem;font-size:.75rem}.home-hero h1,.home-section h2,.route-content h1{letter-spacing:-.08em;margin:0 0 1.2rem;font-size:clamp(3.4rem,8vw,7.6rem);line-height:.9}.home-hero__owner{margin:0 0 .2rem;font-size:1.2rem}.home-hero__role{margin:0;font-size:.85rem}.home-hero__message{margin:2.7rem 0 0;font-size:clamp(1.1rem,1.8vw,1.55rem);line-height:1.85}.home-hud{gap:1.25rem;max-width:16.5rem;padding-bottom:.25rem;display:grid}.home-hud section{border-left:.24rem solid var(--color-accent-primary);padding-left:1rem}.home-hud h2{margin:0 0 .45rem;font-size:.72rem}.home-hud p{margin:0}.home-section{border-top:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);align-content:start;padding-top:clamp(1.5rem,4vh,2.5rem)}.home-section__header{max-width:var(--content-max)}.home-section__eyebrow,.route-content__eyebrow{margin:0 0 1.25rem;font-size:.75rem}.home-section__label-ja{opacity:.75;margin:-.3rem 0 1.4rem;font-size:1rem}.home-section__summary,.route-content__summary{max-width:48rem;margin:0 0 1.7rem;font-size:clamp(1.15rem,1.9vw,1.6rem);line-height:1.75}.home-section__body,.route-content__body,.route-content__markdown{max-width:var(--content-max);line-height:1.95}.home-section__body p,.route-content__body p,.route-content__markdown p{margin:0 0 1.15rem}.home-section__cta,.route-content__home{margin:1.75rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:700}.route-content__markdown{border-left:.25rem solid var(--color-accent-primary);margin-top:2.5rem;padding-left:1.25rem}.route-content__markdown h1{letter-spacing:0;margin:0 0 1rem;font-size:1.45rem;line-height:1.3}.card-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;max-width:min(100%,72rem);margin-top:2rem;display:grid}.content-card{background:var(--card-surface);border:1px solid var(--card-border);box-shadow:.45rem .45rem 0 0 var(--card-shadow);gap:.75rem;min-height:12rem;padding:1.5rem;text-decoration:none;display:grid}.content-card:hover,.content-card:focus-visible{box-shadow:.65rem .65rem 0 0 var(--card-shadow);transform:translate(-.15rem,-.15rem)}.content-card__meta{opacity:.7;font-size:.62rem}.content-card strong{letter-spacing:-.04em;font-size:clamp(1.2rem,2vw,1.8rem)}.content-card p{margin:0;line-height:1.75}@media (height<=860px) and (width>=821px){.profile-panel__inner{gap:clamp(.32rem,.85dvh,.58rem);padding-top:clamp(.65rem,1.5dvh,1rem);padding-bottom:clamp(.65rem,1.5dvh,1rem)}.identity{gap:clamp(.28rem,.72dvh,.45rem)}.primary-menu ul{gap:0}.primary-menu a{gap:clamp(.06rem, .25dvh, var(--menu-line-gap))}}@media (height<=760px) and (width>=821px){.content-panel{overflow:hidden}.content-panel__scroll{height:100%;overflow:hidden auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (height<=900px) and (width>=821px){.profile-panel{overflow:hidden}.profile-panel__inner{scrollbar-gutter:stable;gap:clamp(.38rem,.8dvh,.65rem);height:100%;min-height:0;overflow:hidden auto}.identity__name{font-size:clamp(2.35rem,4.8vw,3.95rem)}.primary-menu__label-en,.primary-menu__label-ja{font-size:clamp(.86rem,min(1.18vw,2.15dvh),1.28rem)}.primary-menu a{min-height:clamp(1.68rem,3.8dvh,2rem)}.profile-panel__footer{margin-top:clamp(.5rem,1.4dvh,.9rem)}}.primary-menu,.primary-menu ul,.primary-menu li{overflow:visible}.primary-menu__label-ja{padding-right:.35rem}.primary-menu a,.primary-menu__labels,.primary-menu__label-en,.primary-menu__label-ja{white-space:nowrap;max-width:none}.primary-menu a{overflow:visible}.primary-menu__labels{overflow:visible hidden}.color-lab{gap:.48rem;display:grid}.color-lab__label,.color-lab__current{letter-spacing:.09em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.color-lab__label{margin:0;font-size:.72rem}.color-lab__options{flex-wrap:wrap;align-items:center;gap:.58rem;max-width:15rem;padding:.18rem 0;display:flex}.color-lab__option{appearance:none;background:linear-gradient(135deg, var(--swatch-page) 0 50%, var(--swatch-accent) 50% 100%);border:1px solid color-mix(in srgb, var(--color-ink) 38%, transparent);cursor:pointer;border-radius:999px;width:1.08rem;height:1.08rem;padding:0;position:relative}.color-lab__option:hover,.color-lab__option:focus-visible{outline:2px solid var(--color-ink);outline-offset:.16rem}.color-lab__option.is-selected:after{border:2px solid var(--color-ink);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:-.28rem}.color-lab__current{opacity:.68;min-height:.8rem;font-size:.62rem}.color-lab__option--celadon{--swatch-page:#dcebe0;--swatch-accent:#6e9d91}.color-lab__option--original{--swatch-page:#fff8ee;--swatch-accent:#7857ff}.color-lab__option--aqua{--swatch-page:#f4fbf7;--swatch-accent:#00c9b7}.color-lab__option--blueprint{--swatch-page:#edf5ff;--swatch-accent:#2ba6ff}.color-lab__option--amber{--swatch-page:#fff6e6;--swatch-accent:#e85d4a}.color-lab__option--punk{--swatch-page:#fff0f5;--swatch-accent:#ff5f85}.color-lab__option--mono{--swatch-page:#f6f3ec;--swatch-accent:#343434}.color-lab__option--moss{--swatch-page:#eeeadd;--swatch-accent:#738e60}.color-lab__option--sage{--swatch-page:#e3ead9;--swatch-accent:#8fab79}.color-lab__option--olive{--swatch-page:#efe7d2;--swatch-accent:#74774c}.color-lab__option--meadow{--swatch-page:#e8efd5;--swatch-accent:#9bbb69}.color-lab__option--graphite{--swatch-page:#111517;--swatch-accent:#62c8d0}.color-lab__option--forest{--swatch-page:#101511;--swatch-accent:#91b47b}.color-lab__option--cyberpunk{--swatch-page:#09091a;--swatch-accent:#ff2bd6}.color-lab__option--tokyo{--swatch-page:#111827;--swatch-accent:#7aa2f7}.color-lab__option--terminal{--swatch-page:#06110a;--swatch-accent:#00ff9c}.color-lab__option--carbon{--swatch-page:#121212;--swatch-accent:#ff3b30}.contact-links{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;max-width:min(100%,72rem);display:grid}.contact-link-card{background:var(--card-surface);border:1px solid var(--card-border);box-shadow:.4rem .4rem 0 0 var(--card-shadow);gap:.7rem;min-height:11.5rem;padding:1.4rem;text-decoration:none;transition:box-shadow .16s,transform .16s;display:grid}.contact-link-card:hover,.contact-link-card:focus-visible{box-shadow:.62rem .62rem 0 0 var(--card-shadow);outline:3px solid var(--color-accent-deep);outline-offset:.2rem;transform:translate(-.14rem,-.14rem)}.contact-link-card__meta{letter-spacing:.08em;opacity:.68;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem}.contact-link-card strong{letter-spacing:-.055em;font-size:clamp(1.35rem,2.4vw,2.15rem);line-height:1}.contact-link-card>span:last-child{align-self:end;line-height:1.65}.contact-form{background:color-mix(in srgb, var(--card-surface) 78%, transparent);border:1px solid var(--card-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:58rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.contact-form__status,.contact-form__consent,.contact-form__actions,.contact-form__field--wide{grid-column:1/-1}.contact-form__status{border-left:.28rem solid var(--color-accent-warm);letter-spacing:.06em;padding:.6rem 0 .6rem .9rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700}.contact-form__field{gap:.5rem;display:grid}.contact-form__field>span{font-weight:800}.contact-form__field em{color:var(--color-accent-warm);margin-left:.35rem;font-size:.7rem;font-style:normal}.contact-form input,.contact-form textarea{background:color-mix(in srgb, white 54%, var(--color-page));border:1px solid color-mix(in srgb, var(--color-ink) 38%, transparent);color:var(--color-ink);font:inherit;border-radius:0;width:100%;min-width:0;padding:.78rem .85rem}.contact-form textarea{resize:vertical;line-height:1.7}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-accent-deep);outline:3px solid color-mix(in srgb, var(--color-accent-primary) 34%, transparent);outline-offset:1px}.contact-form__consent{align-items:flex-start;gap:.7rem;line-height:1.7;display:flex}.contact-form__consent input{flex:none;width:1.15rem;height:1.15rem;margin-top:.25rem}.contact-form__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.contact-form__actions button{background:var(--color-ink);color:var(--color-page);letter-spacing:.08em;border:0;padding:1rem 1.25rem;font:800 .82rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.contact-form__actions button:disabled{cursor:not-allowed;opacity:.45}.contact-form__actions p{opacity:.7;margin:0;font-size:.8rem}.privacy-policy{gap:2rem;max-width:58rem;display:grid}.privacy-policy section{border-top:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent);padding-top:1.2rem}.privacy-policy h2{letter-spacing:-.04em;margin:0 0 .85rem;font-size:clamp(1.25rem,2vw,1.65rem)}.privacy-policy p,.privacy-policy li{line-height:1.95}.privacy-policy p{margin:0 0 .8rem}.privacy-policy ul{margin:0;padding-left:1.4rem}.privacy-policy__date{opacity:.68;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;margin-top:1.4rem!important}@media (width<=760px){.contact-form{grid-template-columns:minmax(0,1fr)}.contact-form__status,.contact-form__consent,.contact-form__actions,.contact-form__field--wide{grid-column:1}}.project-index{gap:clamp(3rem,8vh,5.5rem);max-width:min(100%,74rem);margin-top:clamp(2rem,5vh,3.5rem);display:grid}.project-group{gap:clamp(1rem,2.5vh,1.5rem);display:grid}.project-group__header{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);padding-bottom:.8rem}.project-group h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1}.project-group__header p{opacity:.68;margin:.35rem 0 0;font-size:.75rem}.project-card-list{gap:clamp(1rem,2.2vh,1.45rem);display:grid}.project-card{background:var(--card-surface);border:1px solid var(--card-border);box-shadow:.38rem .38rem 0 0 var(--card-shadow);gap:clamp(1rem,2.4vw,1.6rem);padding:clamp(1.15rem,2.3vw,1.8rem);text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s,background-color .18s;display:grid;position:relative;overflow:hidden}.project-card:before{background:var(--color-accent-primary);content:"";transform-origin:0;height:.3rem;transition:transform .22s;position:absolute;inset:0 0 auto;transform:scaleX(.2)}.project-group[data-project-group=products] .project-card:before{background:var(--color-accent-green)}.project-group[data-project-group=selected-works] .project-card:before{background:var(--color-accent-warm)}.project-group[data-project-group=in-development] .project-card:before{background:var(--color-accent-earth)}.project-card:hover,.project-card:focus-visible{border-color:color-mix(in srgb, var(--color-accent-deep) 52%, var(--card-border));box-shadow:.58rem .58rem 0 0 var(--card-shadow);outline:none;transform:translate(-.14rem,-.14rem)}.project-card:hover:before,.project-card:focus-visible:before{transform:scaleX(1)}.project-card__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid}.project-card strong{letter-spacing:-.06em;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(1.45rem,3vw,2.8rem);font-weight:900;line-height:1.02}.project-card__arrow{color:var(--color-accent-deep);margin-top:.15rem;font-size:1.35rem;font-weight:900;line-height:1;transition:transform .18s}.project-card:hover .project-card__arrow,.project-card:focus-visible .project-card__arrow{transform:translate(.18rem,-.18rem)}.project-card__content{grid-template-columns:minmax(12rem,.72fr) minmax(0,1.28fr);align-items:stretch;gap:clamp(1rem,2.5vw,1.8rem);display:grid}.project-card__content--text-only{grid-template-columns:minmax(0,1fr)}.project-card__media{aspect-ratio:16/9;background:color-mix(in srgb, var(--color-panel) 75%, var(--card-surface));border:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent);display:block;overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;display:block}.project-card__summary{align-self:center;max-width:58rem;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.8;display:block}.project-index--compact .project-card{padding:clamp(1rem,2vw,1.5rem)}.project-index--compact .project-card strong{font-size:clamp(1.35rem,2.55vw,2.35rem)}.project-index--compact .project-card__summary{font-size:clamp(.92rem,1.1vw,1.04rem)}.project-detail{min-height:calc(var(--content-viewport-height) - (var(--pane-padding) * 2));gap:clamp(3rem,8vh,6rem);max-width:min(100%,76rem);display:grid}.project-detail__header{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);padding-bottom:clamp(2rem,5vh,3.4rem)}.project-detail__eyebrow{opacity:.7;margin:0 0 1.4rem;font-size:.68rem}.project-detail h1{letter-spacing:-.075em;overflow-wrap:anywhere;text-wrap:balance;max-width:70rem;margin:0;font-size:clamp(2.8rem,7vw,7rem);line-height:.92}.project-detail__layout{gap:clamp(2.8rem,7vh,5rem);display:grid}.project-detail__overview,.project-detail__scope,.project-detail__media{grid-template-columns:2.3rem minmax(0,1fr);gap:clamp(1rem,2vw,1.8rem);max-width:58rem;display:grid}.project-detail__section-index{color:var(--color-accent-warm);margin:.15rem 0 0;font-size:.68rem;font-weight:900}.project-detail h2{margin:0 0 1.25rem;font-size:.75rem}.project-detail__overview p,.project-detail__media p{margin:0 0 1.1rem;font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.95}.project-detail__scope ul{gap:0;margin:0;padding:0;list-style:none;display:grid}.project-detail__scope li{border-top:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent);padding:.8rem .2rem;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.55}.project-detail__scope li:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent)}.project-detail__footer{padding-bottom:1rem;font-size:.78rem;font-weight:800}.project-detail__footer a{text-decoration:none}.project-detail__footer a:hover,.project-detail__footer a:focus-visible{color:var(--color-accent-deep);outline-offset:.25rem;outline:2px solid}@media (width<=820px){.project-index{gap:3.2rem}.project-detail h1{font-size:clamp(2.45rem,13.5vw,5.3rem)}.project-detail__overview,.project-detail__scope,.project-detail__media{grid-template-columns:1.7rem minmax(0,1fr)}.project-card__content{grid-template-columns:minmax(0,1fr)}.project-card strong{font-size:clamp(1.35rem,8vw,2.35rem)}.project-card__summary{line-height:1.72}}@media (prefers-reduced-motion:reduce){.project-card,.project-card:before,.project-card__arrow{transition-duration:.01ms!important}}:root{--mobile-shell-min-height:32rem;--mobile-panel-transition-duration:.42s;--mobile-panel-tab-height:3.15rem;--mobile-panel-tab-menu-width:5.65rem;--mobile-panel-tab-content-width:7.25rem;--mobile-panel-tab-notch:.72rem}.mobile-panel-switches{display:none}@media (width<=820px){html{scroll-behavior:auto}body{min-width:320px;overflow-x:hidden}.portfolio-shell{height:100dvh;min-height:var(--mobile-shell-min-height);--menu-line-width:min(15rem, calc(100vw - 6.5rem));width:100%;min-width:0;display:block;overflow:hidden}.profile-panel,.content-panel{will-change:transform;width:100%;min-height:0;transition:none;position:absolute;inset:0;overflow:hidden}.profile-panel{transform:translate(-100%)}.content-panel{transform:translate(0,0)}.portfolio-shell[data-mobile-ready=true] .profile-panel,.portfolio-shell[data-mobile-ready=true] .content-panel{transition:transform var(--mobile-panel-transition-duration) cubic-bezier(.3, .72, .25, 1)}.portfolio-shell[data-mobile-view=menu] .profile-panel{transform:translate(0,0)}.portfolio-shell[data-mobile-view=menu] .content-panel{transform:translate(100%)}.profile-panel,.content-panel{touch-action:pan-y}.profile-panel__inner{overscroll-behavior-y:contain;scrollbar-gutter:auto;flex-direction:column;gap:clamp(.9rem,2.8vh,1.45rem);height:100%;min-height:0;padding:clamp(1rem,4.8vw,1.6rem) clamp(3.6rem,12vw,4.7rem) clamp(1.5rem,7vw,3rem) clamp(1.1rem,5vw,1.8rem);display:flex;overflow:hidden auto}.identity{max-width:100%}.identity__name{font-size:clamp(2.75rem,14vw,4.3rem)}.primary-menu{flex:none;width:100%}.primary-menu ul{gap:.38rem}.primary-menu a{grid-template-columns:minmax(0,1fr) auto;width:min(100%,24rem);min-width:0}.primary-menu__labels,.primary-menu__line{width:100%;min-width:0}.primary-menu__label-en,.primary-menu__label-ja{font-size:clamp(1rem,5vw,1.42rem)}.profile-panel__footer{margin-top:auto;padding-top:clamp(1rem,4vh,2.2rem)}.content-panel__scroll{overscroll-behavior-y:contain;scrollbar-gutter:auto;height:100%;padding:clamp(1.15rem,5vw,1.8rem) clamp(1rem,4.5vw,1.7rem) clamp(2.5rem,10vw,5rem) clamp(3.7rem,13vw,4.8rem);overflow:hidden auto}.home-sections,.route-content{gap:clamp(2.5rem,10vh,5rem)}.section-block,.route-content{min-height:calc(var(--content-viewport-height) - 3rem)}.home-hero{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2.2rem,10vw,4.5rem)}.home-hero__main{align-self:start}.home-hero h1,.home-section h2,.route-content h1{overflow-wrap:anywhere;font-size:clamp(2.65rem,15vw,5.4rem)}.home-hero__message,.home-section__summary,.route-content__summary{font-size:clamp(1rem,4.7vw,1.35rem)}.home-hud{width:100%;max-width:none}.card-grid,.contact-links{grid-template-columns:minmax(0,1fr)}.content-card,.contact-link-card{min-height:0}.contact-form{grid-template-columns:minmax(0,1fr)}.contact-form__status,.contact-form__consent,.contact-form__actions,.contact-form__field--wide{grid-column:1}.portfolio-shell[data-mobile-ready=true] .mobile-panel-switches{pointer-events:none;z-index:8;display:block;position:absolute;inset:0}.mobile-panel-switch{appearance:none;background:var(--color-ink);color:var(--color-panel);cursor:pointer;height:var(--mobile-panel-tab-height);letter-spacing:.075em;pointer-events:auto;text-transform:uppercase;white-space:nowrap;border:0;flex-direction:row;justify-content:center;align-items:center;gap:.42rem;padding:0 .85rem;font:900 .78rem/1 Inter,Noto Sans JP,system-ui,sans-serif;transition:background-color .16s,color .16s,opacity .16s,transform .22s;display:flex;position:absolute;top:50%}.mobile-panel-switch:after{background:var(--color-accent-primary);content:"";opacity:.85;width:calc(100% - 1.35rem);height:.18rem;position:absolute;top:0}.mobile-panel-switch:hover,.mobile-panel-switch:focus-visible{background:var(--color-accent-deep);color:var(--color-panel)}.mobile-panel-switch:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-accent-warm) 86%, white);outline:none}.mobile-panel-switch>span{justify-content:center;align-items:center;height:1em;line-height:1;display:inline-flex}.mobile-panel-switch__arrow{color:var(--color-accent-warm);letter-spacing:0;flex:none;width:.46rem;height:.72rem;font-size:0;position:relative}.mobile-panel-switch__arrow:before{box-sizing:border-box;content:"";border:.15rem solid;border-width:.15rem .15rem 0 0;width:.5rem;height:.5rem;position:absolute;top:50%;left:50%}.mobile-panel-switch--menu .mobile-panel-switch__arrow:before{transform:translate(-62%,-50%)rotate(45deg)}.mobile-panel-switch--content .mobile-panel-switch__arrow:before{transform:translate(-38%,-50%)rotate(225deg)}.mobile-panel-switch--menu{clip-path:polygon(0 0, calc(100% - var(--mobile-panel-tab-notch)) 0, 100% 50%, calc(100% - var(--mobile-panel-tab-notch)) 100%, 0 100%);filter:drop-shadow(.22rem .24rem 0 color-mix(in srgb, var(--color-ink) 25%, transparent));width:var(--mobile-panel-tab-menu-width);padding-left:.78rem;padding-right:1.08rem;left:0;transform:translateY(-50%)}.mobile-panel-switch--content{clip-path:polygon(var(--mobile-panel-tab-notch) 0, 100% 0, 100% 100%, var(--mobile-panel-tab-notch) 100%, 0 50%);filter:drop-shadow(-.22rem .24rem 0 color-mix(in srgb, var(--color-ink) 25%, transparent));width:var(--mobile-panel-tab-content-width);padding-left:1.08rem;padding-right:.78rem;right:0;transform:translate(120%,-50%)}.portfolio-shell[data-mobile-view=menu] .mobile-panel-switch--menu{opacity:0;pointer-events:none;transform:translate(-120%,-50%)}.portfolio-shell[data-mobile-view=menu] .mobile-panel-switch--content{opacity:1;pointer-events:auto;transform:translateY(-50%)}.portfolio-shell[data-mobile-view=content] .mobile-panel-switch--content{opacity:0;pointer-events:none}}@media (width<=420px){:root{--mobile-panel-tab-height:2.95rem;--mobile-panel-tab-menu-width:5.35rem;--mobile-panel-tab-content-width:6.85rem}.content-panel__scroll{padding-left:3.35rem}.profile-panel__inner{padding-right:3.35rem}}@media (width<=820px) and (prefers-reduced-motion:reduce){.portfolio-shell[data-mobile-ready=true] .profile-panel,.portfolio-shell[data-mobile-ready=true] .content-panel,.mobile-panel-switch{transition-duration:.01ms}}