.refined-project-index-page{--profile-ink:#1d2a3c;--profile-ink-soft:#46566a;--profile-line:#d7dde4;--profile-heading-size:clamp(2.25rem, 3.6vw, 3rem);--profile-greeting-size:clamp(1.8rem, 3vw, 2.35rem)}[data-theme=dark] .refined-project-index-page{--profile-ink:#dce4ee;--profile-ink-soft:#aab8c9;--profile-line:#313946}html:has(.refined-project-index-page){scrollbar-gutter:stable}.refined-project-motion-page .viewport-nav__projects{place-items:center;display:grid;position:relative}.refined-project-motion-page .viewport-nav__projects-trigger{min-width:44px;min-height:44px;color:var(--vp-muted);cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;font-weight:560;list-style:none;transition:color .18s;display:inline-flex;position:relative}.refined-project-motion-page .viewport-nav__projects-trigger::-webkit-details-marker{display:none}.refined-project-motion-page .viewport-nav__projects-trigger>a{min-height:44px;color:inherit;font-size:inherit;font-weight:inherit;justify-content:center;align-items:center;display:inline-flex}.refined-project-motion-page .viewport-nav__projects-trigger>a:after{content:none}.refined-project-motion-page .viewport-nav__projects-trigger:after{background:linear-gradient(90deg, var(--vp-violet), var(--vp-cyan), var(--vp-pink));content:"";transform-origin:50%;border-radius:99px;height:2px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.refined-project-motion-page .viewport-nav__projects-trigger:is(:hover,.is-active){color:var(--vp-text)}.refined-project-motion-page .viewport-nav__projects-trigger:is(:hover,.is-active):after{transform:scaleX(1)}.refined-project-motion-page .viewport-project-menu{z-index:4;border:1px solid color-mix(in srgb, var(--vp-line) 72%, transparent);background:color-mix(in srgb, var(--vp-bg) 76%, transparent);width:min(136px,100vw - 24px);box-shadow:0 12px 28px #0f172a17, inset 0 1px 0 color-mix(in srgb, var(--vp-text) 6%, transparent);opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(16px)saturate(88%);backdrop-filter:blur(16px)saturate(88%);border-radius:14px;margin:0;padding:5px;list-style:none;transition:opacity .15s,transform .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .18s;display:grid;position:absolute;top:calc(100% - 1px);left:50%;right:auto;overflow:hidden;transform:translate(-50%,-5px)}.refined-project-motion-page .viewport-nav__projects[open] .viewport-project-menu{opacity:1;pointer-events:auto;visibility:visible;transition-delay:55ms,55ms,0s;transform:translate(-50%)}.refined-project-motion-page .viewport-nav .viewport-project-menu a{min-width:0;min-height:44px;color:var(--vp-text-soft);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;transition:color .16s,background-color .16s;display:flex}.refined-project-motion-page .viewport-nav .viewport-project-menu a:after{content:none}.refined-project-motion-page .viewport-project-menu a>strong{letter-spacing:-.01em;min-width:0;font-size:.75rem;font-weight:580;line-height:1.25}.refined-project-motion-page .viewport-project-menu a:is(:hover,:focus-visible){color:var(--vp-text);background:color-mix(in srgb, var(--vp-text) 4%, transparent)}.refined-project-motion-page .viewport-project-menu a:focus-visible{outline-offset:-2px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.refined-project-motion-page .viewport-project-menu{background:var(--vp-bg)}}@media (forced-colors:active){.refined-project-motion-page .viewport-project-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:canvastext}}.refined-project-index-page .viewport-hero__copy{align-self:center}.refined-project-index-page .viewport-hero__greeting{color:var(--profile-ink-soft);font-size:var(--profile-greeting-size);letter-spacing:-.04em;font-weight:650;line-height:1.1}.refined-project-index-page .viewport-hero h1{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:clamp(6px,.8vw,12px);display:flex}.refined-project-index-page .viewport-hero h1>span{color:var(--profile-ink-soft);font-size:var(--profile-heading-size);letter-spacing:-.04em;font-weight:520;line-height:1.1}.refined-project-index-page .viewport-hero h1>strong{color:var(--profile-ink);font-size:var(--profile-heading-size)}.refined-project-index-page .viewport-hero h1 small{color:var(--vp-text);font-weight:500}.refined-project-index-page .viewport-hero__belief{color:var(--vp-text);margin-top:38px!important}.refined-project-index-page .viewport-hero__belief span:last-child{color:var(--vp-text-soft)}.refined-project-index-page .viewport-hero__belief em,.refined-project-index-page .viewport-hero__belief span:last-child em{color:var(--profile-ink)}.refined-project-index-page .viewport-hero__method{color:var(--vp-muted);margin-top:22px!important}.refined-project-index-page .viewport-hero__method :is(strong,em){color:var(--profile-ink-soft)}.refined-project-index-page .viewport-profile-card{grid-column:10/-1;justify-self:end;width:100%;max-width:300px}.refined-project-index-page .viewport-profile-card .viewport-photo{background:var(--vp-surface-soft);grid-column:auto;justify-self:stretch;width:100%;max-width:none;overflow:hidden}.refined-project-index-page .viewport-profile-card .viewport-photo:before{content:none}.refined-project-index-page .viewport-photo__image{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.refined-project-index-page .portfolio-contacts a{color:var(--vp-muted);transition:color .18s}.refined-project-index-page .portfolio-contacts__arrow{color:var(--vp-text-soft);font-size:.78rem;line-height:1;transition:color .18s,translate .18s}.refined-project-index-page .portfolio-contacts--profile{border-block:1px solid var(--vp-line);margin-top:10px}.refined-project-index-page .portfolio-contacts--profile a{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding-inline:2px;display:grid}.refined-project-index-page .portfolio-contacts--profile a+a{border-top:1px solid var(--vp-line)}.refined-project-index-page .portfolio-contacts__label{color:var(--vp-muted);font-family:var(--font-mono);letter-spacing:.11em;font-size:.5625rem;font-weight:720}.refined-project-index-page .portfolio-contacts__value{overflow-wrap:anywhere;min-width:0;color:var(--vp-text-soft);letter-spacing:-.005em;font-size:.6875rem;font-weight:560;line-height:1.4}.refined-project-index-page .viewport-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.refined-project-index-page .viewport-footer__identity{align-items:center;gap:clamp(16px,2.2vw,28px);min-width:0;display:flex}.refined-project-index-page .viewport-footer__identity>a{min-height:44px;color:var(--vp-text);align-items:center;font-size:.9375rem;font-weight:700;display:inline-flex}.refined-project-index-page .viewport-footer__identity>p{color:var(--vp-muted);font-size:.75rem}.refined-project-index-page .portfolio-contacts--footer{justify-content:flex-end;align-items:center;gap:clamp(18px,2.4vw,32px);display:flex}.refined-project-index-page .portfolio-contacts--footer a{align-items:center;gap:5px;min-height:44px;display:inline-flex}.refined-project-index-page .portfolio-contacts--footer .portfolio-contacts__plain{min-height:44px;color:var(--vp-muted);align-items:center;font-size:.6875rem;font-weight:620;display:inline-flex}.refined-project-index-page .viewport-skill--pink .viewport-data-list{margin-top:18px}.refined-project-index-page .portfolio-contacts--footer .portfolio-contacts__value{font-size:.6875rem;font-weight:620}.refined-project-index-page .viewport-skill{min-height:260px}@media (hover:hover) and (pointer:fine){.refined-project-index-page .portfolio-contacts a:hover,.refined-project-index-page .portfolio-contacts a:hover .portfolio-contacts__value{color:var(--vp-text)}.refined-project-index-page .portfolio-contacts a:hover .portfolio-contacts__arrow{color:var(--profile-ink);translate:2px -2px}}.refined-project-index-page .viewport-projects .viewport-scene__frame{align-content:center}.refined-project-index-page .project-sequence{border-block:1px solid var(--vp-line-strong);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.refined-project-index-page .project-sequence>li{--sequence-accent:var(--vp-violet);min-width:0;position:relative}.refined-project-index-page .project-sequence>li[data-tone=cyan]{--sequence-accent:var(--vp-cyan)}.refined-project-index-page .project-sequence>li[data-tone=pink]{--sequence-accent:var(--vp-pink)}.refined-project-index-page .project-sequence>li[data-tone=blue]{--sequence-accent:color-mix(in srgb, var(--vp-cyan) 62%, var(--vp-violet))}.refined-project-index-page .project-sequence>li+li{border-left:1px solid var(--vp-line)}.refined-project-index-page .project-sequence>li>a{min-height:clamp(280px,24vw,312px);color:inherit;background:0 0;grid-template-rows:auto minmax(0,1fr);gap:clamp(28px,3vw,38px);padding:clamp(26px,2.7vw,34px) clamp(22px,2.2vw,28px) clamp(24px,2.5vw,30px);transition:background-color .22s;display:grid;position:relative;overflow:hidden}.refined-project-index-page .project-sequence>li>a:before{background:linear-gradient(90deg, var(--sequence-accent), color-mix(in srgb, var(--sequence-accent) 24%, transparent));content:"";transform-origin:0;width:42px;height:2px;transition:width .26s cubic-bezier(.22,1,.36,1);position:absolute;top:-1px;left:clamp(22px,2.2vw,28px)}.refined-project-index-page .project-sequence__meta{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;display:grid}.refined-project-index-page .project-sequence__number{color:var(--sequence-accent);letter-spacing:-.045em;font-size:1.75rem;font-weight:620;line-height:1}.refined-project-index-page .project-sequence__meta small{color:var(--sequence-accent);letter-spacing:.13em;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:720;line-height:1.2;overflow:hidden}.refined-project-index-page .project-sequence__arrow{color:var(--vp-muted);font-size:1rem;line-height:1;transition:color .18s,translate .22s cubic-bezier(.22,1,.36,1)}.refined-project-index-page .project-sequence__copy{align-content:start;gap:16px;min-width:0;display:grid}.refined-project-index-page .project-sequence__copy h3{color:var(--vp-text);letter-spacing:-.038em;text-wrap:balance;margin:0;font-size:clamp(1.3rem,1.75vw,1.55rem);font-weight:680;line-height:1.28}.refined-project-index-page .project-sequence__copy p{color:var(--vp-text-soft);word-break:keep-all;margin:0;font-size:.9rem;line-height:1.72}.refined-project-index-page .project-sequence>li>a:focus-visible{z-index:1;outline:2px solid var(--sequence-accent);outline-offset:-4px}@media (hover:hover) and (pointer:fine){.refined-project-index-page .project-sequence>li>a:hover{background:color-mix(in srgb, var(--sequence-accent) 3%, transparent)}.refined-project-index-page .project-sequence>li>a:hover:before{width:76px}.refined-project-index-page .project-sequence>li>a:hover .project-sequence__arrow{color:var(--sequence-accent);translate:3px 3px}}@media (max-width:69.999rem){.refined-project-index-page .viewport-profile-card{grid-column:7/-1;max-width:220px}.refined-project-index-page .viewport-skill{min-height:260px}.refined-project-index-page .viewport-skill--pink{min-height:0}.refined-project-index-page .project-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.refined-project-index-page .project-sequence>li>a{min-height:236px;padding:26px}.refined-project-index-page .project-sequence>li:nth-child(3){border-left:0}.refined-project-index-page .project-sequence>li:nth-child(n+3){border-top:1px solid var(--vp-line)}}@media (max-width:47.999rem){.refined-project-index-page{--profile-heading-size:clamp(1.15rem, 5.7vw, 1.45rem);--profile-greeting-size:clamp(1rem, 4.9vw, 1.25rem)}.refined-project-index-page .viewport-hero__copy{align-self:start}.refined-project-motion-page .viewport-project-menu{max-height:calc(100dvh - var(--vp-header-size) - 18px);overscroll-behavior:contain;top:calc(100% - 1px);overflow-y:auto}.refined-project-motion-page .viewport-nav__projects-trigger{font-size:.75rem}.refined-project-index-page .viewport-hero h1{gap:6px}.refined-project-index-page .viewport-profile-card{grid-column:1;justify-self:center;width:min(100%,280px);max-width:none}.refined-project-index-page .viewport-skill{min-height:0}.refined-project-index-page .viewport-footer{grid-template-columns:1fr;gap:6px;display:grid}.refined-project-index-page .viewport-footer__identity{flex-wrap:wrap}.refined-project-index-page .portfolio-contacts--footer{flex-wrap:wrap;justify-content:flex-start;gap:0 clamp(16px,5vw,22px);width:100%}.refined-project-index-page .viewport-projects .viewport-scene__frame{align-content:start}.refined-project-index-page .project-sequence{grid-template-columns:1fr}.refined-project-index-page .project-sequence>li+li{border-top:1px solid var(--vp-line);border-left:0}.refined-project-index-page .project-sequence>li>a{gap:22px;min-height:0;padding:24px 2px 22px}.refined-project-index-page .project-sequence>li>a:before{left:2px}.refined-project-index-page .project-sequence__meta{grid-template-columns:42px 1fr auto}.refined-project-index-page .project-sequence__number{font-size:1.45rem}.refined-project-index-page .project-sequence__copy{padding-left:54px}.refined-project-index-page .project-sequence__copy h3{font-size:1.25rem}}@media (max-width:24.375rem){.refined-project-motion-page .viewport-nav__projects-trigger{font-size:.6875rem}}@media (max-width:35rem){.refined-project-index-page .project-common-proof__links,.refined-project-index-page .openat-semi-proof__primary-links{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.refined-project-index-page .project-common-proof__links :is(a,button),.refined-project-index-page .openat-semi-proof__primary-links :is(a,button){border-left:0;border-top:1px solid var(--vp-line);min-height:72px}.refined-project-index-page .project-common-proof__links :is(a,button):first-child,.refined-project-index-page .openat-semi-proof__primary-links :is(a,button):first-child{border-top:0}.refined-project-index-page .project-common-proof__links--3>:last-child{grid-column:auto}.refined-project-index-page .inference-benchmark-result>dl{grid-template-columns:minmax(0,1fr)}.refined-project-index-page .inference-benchmark-result>dl>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 10px}.refined-project-index-page .inference-benchmark-result>dl>div+div{border-top:1px solid var(--vp-line);border-left:0}.refined-project-index-page .inference-benchmark-result dt{min-height:0;font-size:.75rem}.refined-project-index-page .inference-benchmark-result dd{gap:8px}.refined-project-index-page .inference-benchmark-result dd span{font-size:.625rem}.refined-project-index-page .openat-inventory-contract__compact-flow{grid-template-columns:minmax(0,1fr);gap:6px}.refined-project-index-page .openat-inventory-contract__compact-flow>.openat-inventory-contract__arrow{justify-self:center;rotate:90deg}.refined-project-index-page .openat-inventory-contract__compact-flow .openat-inventory-contract__node{min-height:58px;padding:9px 8px}.refined-project-index-page :is(.openat-inventory-contract__compact-flow,.openat-inventory-contract__compact-requests) strong{font-size:.75rem}.refined-project-index-page :is(.openat-inventory-contract__compact-flow,.openat-inventory-contract__compact-requests) small{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.refined-project-motion-page .viewport-project-menu,.refined-project-index-page .portfolio-contacts :is(a,.portfolio-contacts__arrow),.refined-project-index-page .project-sequence>li>a,.refined-project-index-page .project-sequence>li>a:before,.refined-project-index-page .project-sequence__arrow{transition:none}}@media (forced-colors:active){.refined-project-index-page :is(.viewport-photo,.portfolio-contacts--profile,.portfolio-contacts--profile a+a),.refined-project-index-page .project-sequence,.refined-project-index-page .project-sequence>li{border-color:canvastext}.refined-project-index-page .project-sequence>li>a:before{background:highlight}}