.portfolio-module__s8bo4W__desktop{background:var(--color-matte);width:100vw;height:100vh;overflow:hidden}@supports (height:100dvh){.portfolio-module__s8bo4W__desktop{height:100dvh}}.portfolio-module__s8bo4W__passepartout{width:100%;height:100%;padding:var(--frame-gap)}.portfolio-module__s8bo4W__homeFrame{border:1px solid var(--color-line-strong);border-radius:var(--radius-frame);background:var(--color-canvas);width:100%;height:100%;box-shadow:var(--shadow-frame);position:relative;overflow:hidden}.portfolio-module__s8bo4W__siteHeader{z-index:20;border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-canvas) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:3rem;padding:0 .9rem;display:grid;position:absolute;top:0;left:0;right:0}.portfolio-module__s8bo4W__siteHeader>p,.portfolio-module__s8bo4W__siteHeader>span,.portfolio-module__s8bo4W__wordmark,.portfolio-module__s8bo4W__hudButton,.portfolio-module__s8bo4W__graphLegend,.portfolio-module__s8bo4W__zoomControls,.portfolio-module__s8bo4W__clusterLabel,.portfolio-module__s8bo4W__nodeNumber,.portfolio-module__s8bo4W__previewMeta,.portfolio-module__s8bo4W__eyebrow,.portfolio-module__s8bo4W__modalPanel>header,.portfolio-module__s8bo4W__projectIndex,.portfolio-module__s8bo4W__detailMeta,.portfolio-module__s8bo4W__detailIndex,.portfolio-module__s8bo4W__sectionTitle>span,.portfolio-module__s8bo4W__detailMedia figcaption,.portfolio-module__s8bo4W__detailFooter{font:.66rem / 1.3 var(--font-mono);letter-spacing:.055em;text-transform:uppercase}.portfolio-module__s8bo4W__wordmark{margin:0;font-size:.72rem;font-weight:600}.portfolio-module__s8bo4W__wordmark span{color:var(--color-accent);margin-left:.25rem}.portfolio-module__s8bo4W__siteHeader>p{color:var(--color-muted);text-align:center;margin:0}.portfolio-module__s8bo4W__siteHeader>span{color:var(--color-muted);justify-self:end}.portfolio-module__s8bo4W__graphSurface{touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 50%, transparent 0 55%, var(--color-vignette) 100%), var(--color-canvas);position:absolute;inset:3rem 0 0;overflow:hidden}.portfolio-module__s8bo4W__graphSurface:active{cursor:grabbing}.portfolio-module__s8bo4W__graphStage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.portfolio-module__s8bo4W__graphEdges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portfolio-module__s8bo4W__graphEdge{fill:none;stroke:var(--color-line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:opacity var(--transition), stroke var(--transition)}.portfolio-module__s8bo4W__graphEdge.portfolio-module__s8bo4W__semantic{stroke-dasharray:2 6;opacity:.65}.portfolio-module__s8bo4W__graphEdge.portfolio-module__s8bo4W__activeEdge{stroke:var(--color-accent);opacity:.9}.portfolio-module__s8bo4W__clusterLabel{color:var(--color-faint);pointer-events:none;position:absolute}.portfolio-module__s8bo4W__clusterGenerative{top:34px;left:64px}.portfolio-module__s8bo4W__clusterSpatial{top:38px;left:920px}.portfolio-module__s8bo4W__clusterResearch{top:650px;left:70px}.portfolio-module__s8bo4W__clusterClient{top:590px;left:1050px}.portfolio-module__s8bo4W__graphNode{z-index:2;width:max-content;max-width:190px;color:var(--color-muted);background:color-mix(in srgb, var(--color-canvas) 82%, transparent);transition:color var(--transition), background var(--transition), opacity var(--transition), transform var(--transition);border-radius:.28rem;grid-template-columns:11px 25px minmax(0,auto);align-items:baseline;gap:.4rem;padding:.38rem .45rem;display:grid;position:absolute;transform:translate(-6px,-50%)}.portfolio-module__s8bo4W__graphNode:after{content:"";position:absolute;inset:-.55rem}.portfolio-module__s8bo4W__graphNode strong{letter-spacing:-.018em;font-size:.76rem;font-weight:450;line-height:1.12}.portfolio-module__s8bo4W__nodeMarker{background:var(--color-muted);width:7px;height:7px;transition:background var(--transition);border-radius:2px}.portfolio-module__s8bo4W__nodeNumber{color:var(--color-faint)}.portfolio-module__s8bo4W__graphNode:hover,.portfolio-module__s8bo4W__graphNode:focus-visible,.portfolio-module__s8bo4W__activeNode{z-index:4;color:var(--color-text);background:var(--color-surface-raised);transform:translate(-6px,-50%)scale(1.04)}.portfolio-module__s8bo4W__activeNode .portfolio-module__s8bo4W__nodeMarker,.portfolio-module__s8bo4W__graphNode:hover .portfolio-module__s8bo4W__nodeMarker,.portfolio-module__s8bo4W__graphNode:focus-visible .portfolio-module__s8bo4W__nodeMarker{background:var(--color-accent)}.portfolio-module__s8bo4W__dimmedNode{opacity:.32}.portfolio-module__s8bo4W__graphLegend{z-index:8;color:var(--color-faint);pointer-events:none;gap:1.5rem;display:flex;position:absolute;bottom:.9rem;left:.9rem}.portfolio-module__s8bo4W__projectPreview{z-index:12;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);width:min(29rem,100% - 1.8rem);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;animation:portfolio-module__s8bo4W__preview-in .18s var(--ease-out) both;grid-template-columns:10.5rem 1fr;gap:1rem;padding:.5rem;display:grid;position:absolute;bottom:3.6rem;right:.9rem}.portfolio-module__s8bo4W__previewMedia{border-radius:calc(var(--radius-md) - .18rem);background:var(--color-surface);min-height:7.4rem;position:relative;overflow:hidden}.portfolio-module__s8bo4W__previewImage{object-fit:cover}.portfolio-module__s8bo4W__mediaFallback{width:100%;height:100%;min-height:inherit;color:var(--color-accent);background:radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--color-accent) 28%, transparent), transparent 35%), linear-gradient(135deg, var(--color-surface), var(--color-canvas));place-items:center;display:grid}.portfolio-module__s8bo4W__mediaFallback span{font-size:4rem;line-height:1}.portfolio-module__s8bo4W__projectPreview>div:last-child{padding:.35rem .55rem .35rem 0}.portfolio-module__s8bo4W__previewMeta{color:var(--color-accent);margin:0 0 .8rem}.portfolio-module__s8bo4W__projectPreview h2{letter-spacing:-.035em;margin:0 0 .45rem;font-size:1.12rem;font-weight:500}.portfolio-module__s8bo4W__projectPreview>div:last-child>p:last-child{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.portfolio-module__s8bo4W__zoomControls,.portfolio-module__s8bo4W__hudActions{z-index:22;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-control);align-items:center;display:flex;position:absolute}.portfolio-module__s8bo4W__zoomControls{bottom:.9rem;right:.9rem}.portfolio-module__s8bo4W__hudActions{top:3.7rem;right:.9rem}.portfolio-module__s8bo4W__zoomControls button,.portfolio-module__s8bo4W__hudButton{border:0;border-right:1px solid var(--color-line);min-width:2.3rem;height:2rem;color:var(--color-muted);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;padding:0 .65rem}.portfolio-module__s8bo4W__zoomControls button:last-child,.portfolio-module__s8bo4W__hudButton:last-child{border-right:0}.portfolio-module__s8bo4W__zoomControls button:hover,.portfolio-module__s8bo4W__hudButton:hover{color:var(--color-text);background:var(--color-surface)}.portfolio-module__s8bo4W__modal{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);width:min(66rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-surface-raised);box-shadow:var(--shadow-modal);padding:0;overflow:hidden}.portfolio-module__s8bo4W__modal::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-module__s8bo4W__modalPanel{max-height:calc(100dvh - 2rem);overflow-y:auto}.portfolio-module__s8bo4W__modalPanel>header{z-index:2;border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:3rem;padding:0 1rem;display:flex;position:sticky;top:0}.portfolio-module__s8bo4W__modalTitle{margin:0}.portfolio-module__s8bo4W__modalPanel>header button{color:var(--color-muted);cursor:pointer;font:inherit;text-transform:inherit;background:0 0;border:0}.portfolio-module__s8bo4W__aboutPanel{grid-template-columns:minmax(17rem,.78fr) 1.22fr;display:grid}.portfolio-module__s8bo4W__aboutPortrait{background:var(--color-surface);height:calc(min(100dvh - 5rem,54rem));position:sticky;top:3rem}.portfolio-module__s8bo4W__aboutPortrait img{object-fit:cover;filter:saturate(.8)}.portfolio-module__s8bo4W__aboutCopy{padding:clamp(2rem,6vw,5rem);font-size:.92rem;line-height:1.65}.portfolio-module__s8bo4W__aboutCopy h2{letter-spacing:-.075em;margin:1rem 0;font-size:clamp(3rem,7vw,6rem);font-weight:450;line-height:.86}.portfolio-module__s8bo4W__aboutHeadline{color:var(--color-accent);margin:1.5rem 0 2.5rem;font-size:1.2rem;line-height:1.2}.portfolio-module__s8bo4W__aboutCopy section{border-top:1px solid var(--color-line);margin-top:3.5rem;padding-top:1rem}.portfolio-module__s8bo4W__aboutCopy h3{font-size:1rem;font-weight:600}.portfolio-module__s8bo4W__aboutCopy li{margin-bottom:.65rem}.portfolio-module__s8bo4W__projectIndex{display:grid}.portfolio-module__s8bo4W__projectIndex a{border-bottom:1px solid var(--color-line);min-height:3.25rem;color:var(--color-muted);transition:color var(--transition), background var(--transition);grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.portfolio-module__s8bo4W__projectIndex a:hover,.portfolio-module__s8bo4W__projectIndex a:focus-visible{color:var(--color-text);background:var(--color-surface)}.portfolio-module__s8bo4W__projectIndex strong{font:500 1rem / 1.2 var(--font-sans);letter-spacing:-.025em;text-transform:none}.portfolio-module__s8bo4W__projectPage{min-height:100vh;padding:var(--frame-gap);background:var(--color-matte)}.portfolio-module__s8bo4W__projectDetail{border:1px solid var(--color-line-strong);border-radius:var(--radius-frame);background:var(--color-surface);max-width:100rem;color:var(--color-text);box-shadow:var(--shadow-frame);animation:portfolio-module__s8bo4W__detail-in .28s var(--ease-out) both;margin:0 auto;overflow:clip}.portfolio-module__s8bo4W__detailNav{border-bottom:1px solid var(--color-line);min-height:3rem;font:.66rem / 1 var(--font-mono);letter-spacing:.055em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.portfolio-module__s8bo4W__detailNav a,.portfolio-module__s8bo4W__detailFooter a{transition:color var(--transition)}.portfolio-module__s8bo4W__detailNav a:hover,.portfolio-module__s8bo4W__detailFooter a:hover{color:var(--color-accent)}.portfolio-module__s8bo4W__detailHeader{padding:clamp(3rem,8vw,8rem) clamp(1.3rem,7vw,7rem) clamp(2.5rem,6vw,6rem)}.portfolio-module__s8bo4W__detailMeta{color:var(--color-muted);justify-content:space-between;gap:1rem;display:flex}.portfolio-module__s8bo4W__detailHeader h1{letter-spacing:-.078em;max-width:80rem;margin:clamp(2.5rem,6vw,6rem) 0 1.5rem;font-size:clamp(3.4rem,9.5vw,10rem);font-weight:450;line-height:.84}.portfolio-module__s8bo4W__detailSubtitle{max-width:58rem;color:var(--color-muted);letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,2.35vw,2rem);line-height:1.25}.portfolio-module__s8bo4W__detailHero{border-radius:var(--radius-md);background:var(--color-canvas);min-height:min(72vh,60rem);margin:0 clamp(.5rem,1.2vw,1.25rem);position:relative;overflow:hidden}.portfolio-module__s8bo4W__detailHeroImage{object-fit:cover}.portfolio-module__s8bo4W__detailBody{border-top:1px solid var(--color-line);grid-template-columns:17rem minmax(0,1fr);margin-top:clamp(3rem,8vw,8rem);display:grid}.portfolio-module__s8bo4W__detailIndex{color:var(--color-muted);align-self:start;padding:1.5rem;position:sticky;top:0}.portfolio-module__s8bo4W__detailIndexTitle{color:var(--color-text);margin:0 0 1.2rem}.portfolio-module__s8bo4W__detailIndex a{border-top:1px solid var(--color-line-soft);transition:color var(--transition);grid-template-columns:2rem 1fr;padding:.55rem 0;display:grid}.portfolio-module__s8bo4W__detailIndex a:hover{color:var(--color-accent)}.portfolio-module__s8bo4W__detailSections{border-left:1px solid var(--color-line)}.portfolio-module__s8bo4W__detailSections>section{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(9rem,.36fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);padding:clamp(3rem,7vw,7rem);scroll-margin-top:1.5rem;display:grid}.portfolio-module__s8bo4W__sectionTitle{grid-template-columns:2rem 1fr;align-content:start;gap:.5rem;display:grid}.portfolio-module__s8bo4W__sectionTitle>span{color:var(--color-accent)}.portfolio-module__s8bo4W__sectionTitle h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.35rem,2.3vw,2.35rem);font-weight:500;line-height:1}.portfolio-module__s8bo4W__sectionContent{min-width:0;font-size:clamp(.96rem,1.15vw,1.08rem);line-height:1.72}.portfolio-module__s8bo4W__sectionContent>p:first-child{margin-top:0}.portfolio-module__s8bo4W__sectionContent p,.portfolio-module__s8bo4W__sectionContent ul,.portfolio-module__s8bo4W__sectionContent ol,.portfolio-module__s8bo4W__sectionContent blockquote{max-width:68ch}.portfolio-module__s8bo4W__sectionContent a{color:var(--color-accent);text-underline-offset:.22em;text-decoration:underline}.portfolio-module__s8bo4W__sectionContent li{margin-bottom:.5rem}.portfolio-module__s8bo4W__sectionContent blockquote{border-left:2px solid var(--color-accent);color:var(--color-muted);margin-left:0;padding-left:1.5rem;font-size:1.12em}.portfolio-module__s8bo4W__sectionContent pre{border-radius:var(--radius-sm);color:var(--color-surface);background:var(--color-text);padding:1.5rem;overflow-x:auto}.portfolio-module__s8bo4W__detailMedia{width:min(74rem,100vw - 4rem);margin:3rem 0 3rem min(-10vw,-7rem)}.portfolio-module__s8bo4W__detailMedia:first-child{margin-top:0}.portfolio-module__s8bo4W__detailImage{object-fit:contain;object-position:left center;background:var(--color-canvas);width:100%;height:auto;max-height:82vh;display:block}.portfolio-module__s8bo4W__detailMedia figcaption{color:var(--color-muted);text-transform:none;padding-top:.55rem}.portfolio-module__s8bo4W__externalLinks{display:grid}.portfolio-module__s8bo4W__externalLinks a{border-top:1px solid var(--color-line);transition:color var(--transition);padding:1rem 0}.portfolio-module__s8bo4W__externalLinks a:hover{color:var(--color-accent)}.portfolio-module__s8bo4W__detailFooter{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.5rem;display:grid}.portfolio-module__s8bo4W__detailFooter a:last-child{text-align:right;justify-self:end}.portfolio-module__s8bo4W__detailFooter span{color:var(--color-muted)}@keyframes portfolio-module__s8bo4W__preview-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-module__s8bo4W__detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.portfolio-module__s8bo4W__siteHeader{grid-template-columns:1fr auto}.portfolio-module__s8bo4W__siteHeader>p,.portfolio-module__s8bo4W__graphLegend,.portfolio-module__s8bo4W__projectPreview{display:none}.portfolio-module__s8bo4W__aboutPanel{grid-template-columns:1fr}.portfolio-module__s8bo4W__aboutPortrait{height:65vw;position:relative;top:0}.portfolio-module__s8bo4W__detailBody{grid-template-columns:1fr}.portfolio-module__s8bo4W__detailIndex{display:none}.portfolio-module__s8bo4W__detailSections{border-left:0}.portfolio-module__s8bo4W__detailSections>section{grid-template-columns:1fr}.portfolio-module__s8bo4W__detailMedia{width:100%;margin-left:0}}@media (max-width:620px){.portfolio-module__s8bo4W__siteHeader,.portfolio-module__s8bo4W__detailNav{height:2.8rem;min-height:2.8rem}.portfolio-module__s8bo4W__graphSurface{inset:2.8rem 0 0}.portfolio-module__s8bo4W__hudActions{top:3.45rem}.portfolio-module__s8bo4W__siteHeader>span{font-size:.58rem}.portfolio-module__s8bo4W__hudButton{padding:0 .5rem;font-size:.58rem}.portfolio-module__s8bo4W__aboutCopy{padding:2rem 1.25rem 3rem}.portfolio-module__s8bo4W__projectIndex a{grid-template-columns:2.2rem minmax(0,1fr)}.portfolio-module__s8bo4W__projectIndex a>span:last-child{display:none}.portfolio-module__s8bo4W__detailHeader{padding:3rem 1.25rem}.portfolio-module__s8bo4W__detailHeader h1{margin-top:3rem;font-size:clamp(3.2rem,17vw,5rem)}.portfolio-module__s8bo4W__detailMeta{flex-direction:column}.portfolio-module__s8bo4W__detailHero{min-height:54vw}.portfolio-module__s8bo4W__detailSections>section{padding:3rem 1.25rem}.portfolio-module__s8bo4W__detailFooter{grid-template-columns:1fr 1fr}.portfolio-module__s8bo4W__detailFooter span{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-module__s8bo4W__graphStage,.portfolio-module__s8bo4W__graphNode,.portfolio-module__s8bo4W__graphEdge,.portfolio-module__s8bo4W__projectPreview,.portfolio-module__s8bo4W__projectDetail{transition:none;animation:none}}