:root{--background:#07111f;--foreground:#f8f4ec;--page-progress:0;--pointer-x:0;--pointer-y:0;--gutter:clamp(1.2rem, 3.5vw, 4.5rem);--font-geist-sans:Arial, Helvetica, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{-webkit-user-select:none;user-select:none}::selection{color:#08111e;background:#f6b24b}.portfolio-shell{min-height:100vh}.story-track{background:var(--background);height:1075svh;position:relative}.story-stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.site-nav{z-index:90;height:72px;padding:0 var(--gutter);color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;mix-blend-mode:difference;opacity:var(--nav-opacity,1);transform:translate3d(0, var(--nav-y,0), 0);will-change:opacity, transform;border-bottom:1px solid #ffffff57;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.65rem;display:grid;position:fixed;top:0;left:0;right:0}html:not([data-active-project="01"]) .site-nav{pointer-events:none}.site-nav p{margin:0}.brand{letter-spacing:.2em;justify-self:start;font-size:.72rem;font-weight:760}.nav-index{justify-self:end}.nav-index span{margin-left:.6rem;transition:transform .3s;display:inline-block}.nav-index:hover span{transform:translate(.2rem,.2rem)}.progress-rail{z-index:95;color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;mix-blend-mode:difference;justify-items:center;gap:.65rem;font-size:.58rem;transition:opacity .3s;display:grid;position:fixed;top:50%;right:1.35rem;transform:translateY(-50%)}html[data-footer-visible=true] .progress-rail{opacity:0;pointer-events:none}.progress-current:before{content:"01"}html[data-active-project="02"] .progress-current:before{content:"02"}html[data-active-project="03"] .progress-current:before{content:"03"}html[data-active-project="04"] .progress-current:before{content:"04"}html[data-active-project="05"] .progress-current:before{content:"05"}html[data-active-project="06"] .progress-current:before{content:"06"}html[data-active-project="07"] .progress-current:before{content:"07"}.progress-track{background:#ffffff57;width:1px;height:25vh;display:block;position:relative;overflow:hidden}.progress-track i{transform:scaleY(var(--page-progress));transform-origin:top;background:#fff;display:block;position:absolute;inset:0}.hero{z-index:8;isolation:isolate;height:100svh;min-height:100svh;transform:translate3d(0, var(--hero-exit-y,0), 0);will-change:transform;background:#07111f;position:absolute;inset:0;overflow:hidden}.hero-background{z-index:-4;object-fit:cover;object-position:58% 50%;filter:saturate(1.12)contrast(1.04)brightness(1.04);width:100%;height:100%;transform:scale(1.1) translate3d(calc(var(--pointer-x) * -64px), calc(var(--pointer-y) * -42px + var(--hero-scroll,0) * 5vh), 0);transition:transform .12s ease-out;position:absolute;inset:0}.hero-scrim{z-index:-2;background:linear-gradient(90deg,#030a1629 0%,#030a1614 34%,#030a1600 58%);position:absolute;inset:0}.hero-title-block{z-index:10;top:16vh;left:var(--gutter);color:#fffaf2;transform:translate3d(calc(var(--pointer-x) * 20px), calc(var(--pointer-y) * 14px), 0);will-change:transform;transition:transform .14s ease-out;position:absolute}.hero-title-block>p{font-family:var(--font-geist-mono), monospace;letter-spacing:.22em;margin:0 0 1.2rem;font-size:.62rem}.hero h1{letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 .25rem 2.5rem #0000005c;margin:0;font-family:Bodoni MT,Didot,Georgia,Times New Roman,serif;font-size:clamp(5rem,11.7vw,11.5rem);font-weight:400;line-height:.72}.hero h1 span{animation:1.15s cubic-bezier(.16,1,.3,1) both title-enter;display:block}.hero h1 span:nth-child(2){color:#fffaf2;margin-left:0;animation-delay:.1s}.hero-enter{color:#ff6b4d;font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;margin-top:2.6rem;font-size:.62rem;font-weight:700;transition:letter-spacing .35s,color .25s;display:inline-block}.hero-enter:hover{color:#ff9a84;letter-spacing:.24em}.projects{isolation:isolate;background:#0b1424;position:absolute;inset:0}.project{--scene-wash:#040a1752;--scene-bg:#0b1424;--meta:#ffffffdb;height:100%;transform:translate3d(0, var(--layer-exit-y,0), 0);will-change:transform;background:0 0;position:absolute;inset:0}.project:first-child{z-index:6}.project:nth-child(2){z-index:5}.project:nth-child(3){z-index:4}.project:nth-child(4){z-index:3}.project:nth-child(5){z-index:2}.project:nth-child(6){z-index:1}.project--cloud{--scene-wash:#ebe5d729;--scene-bg:#d8d2c7}.project--solar{--scene-wash:#ffdfcf14;--scene-bg:#d7b5b1}.project--nocturne{--scene-wash:#030e1a38;--scene-bg:#071c2c}.project--persona{--scene-wash:#30140c14;--scene-bg:#d85a36}.project--lumen{--scene-wash:#08133624;--scene-bg:#0b1f54}.project-stage{isolation:isolate;background:var(--scene-bg);contain:paint;height:100%;position:relative;overflow:hidden}.project-image{z-index:0;background:var(--scene-bg);will-change:transform;margin:0;position:absolute;inset:-8vh 0;overflow:hidden}.project-image--left{clip-path:polygon(0 0,38% 0,28% 100%,0 100%);transform:translate3d(var(--join-left-x,-8vw), var(--join-left-y,-1.5vh), 0)}.project-image--middle{clip-path:polygon(37.85% 0,68% 0,58% 100%,27.85% 100%)}.project-image--right{clip-path:polygon(67.85% 0,100% 0,100% 100%,57.85% 100%);transform:translate3d(var(--join-right-x,8vw), var(--join-right-y,1.5vh), 0)}.project-image img{object-fit:cover;filter:saturate(1.06)contrast(1.02);width:100%;height:100%;transform:translate3d(0, var(--parallax-y,0), 0) scale(var(--image-scale,1.12));will-change:transform;transition:filter .6s;position:absolute;inset:0}.project.is-active .project-image img{filter:saturate(1.12)contrast(1.035)}.project-tint{z-index:1;background:var(--scene-wash);pointer-events:none;position:absolute;inset:0}.project-meta{z-index:5;right:var(--gutter);left:var(--gutter);color:var(--meta);font-family:var(--font-geist-mono), monospace;letter-spacing:.15em;text-shadow:0 2px 15px #0000007a;mix-blend-mode:difference;opacity:var(--content-opacity,.16);transform:translate3d(0, var(--meta-y,2.5vh), 0);will-change:opacity, transform;grid-template-columns:1fr auto 1fr;font-size:.6rem;display:grid;position:absolute}.project-meta p{margin:0}.project-meta p:nth-child(2){justify-self:center}.project-meta p:last-child{justify-self:end}.project-meta--bottom{grid-template-columns:1fr auto;bottom:1.6rem}.project-title{z-index:6;right:var(--gutter);bottom:8.5vh;left:var(--gutter);color:#fff;text-shadow:0 .35rem 2.4rem #00000057;mix-blend-mode:difference;pointer-events:none;opacity:var(--content-opacity,.16);transform:translate3d(0, var(--title-y,6vh), 0);will-change:opacity, transform;position:absolute}.project-title h2{letter-spacing:-.075em;justify-content:space-between;align-items:flex-end;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.2rem,9vw,9rem);font-weight:400;line-height:.72;display:flex}.project-title h2 span{will-change:transform}.project-title h2 span:first-child{transform:translate3d(var(--title-left-x,-2.2vw), 0, 0)}.project-title h2 span:last-child{color:#0000;-webkit-text-stroke:1.2px white;transform:translate3d(var(--title-right-x,2.2vw), 0, 0)}.project--cloud .project-title h2{font-size:clamp(4rem,7.2vw,7.2rem)}.project--solar .project-title h2{font-size:clamp(3.8rem,6.8vw,6.8rem)}.project--nocturne .project-title h2{font-size:clamp(3.4rem,5.8vw,5.8rem)}.project--persona .project-title h2{font-size:clamp(3.8rem,6.7vw,6.7rem)}.project--cloud .project-title,.project--solar .project-title{color:#10202a;text-shadow:0 .2rem 1.8rem #ffffff94;mix-blend-mode:multiply}.project--cloud .project-title h2 span:last-child,.project--solar .project-title h2 span:last-child{-webkit-text-stroke-color:#10202a}.project--cloud .project-meta,.project--solar .project-meta{color:#10202a;text-shadow:0 1px 12px #ffffffb8;mix-blend-mode:multiply}.site-footer{z-index:0;min-height:100svh;padding:clamp(6rem, 12vh, 9rem) var(--gutter) 2rem;color:#f5fffe;isolation:isolate;background:#07111f;display:block;position:relative;overflow:hidden}.footer-flow-canvas{z-index:-2;background:#07111f;width:100%;height:100%;display:block;position:absolute;inset:0}.site-footer:after{z-index:-1;content:"";pointer-events:none;background:#ffffff14;position:absolute;inset:0}.site-footer>div{z-index:1;position:relative}.footer-kicker{color:#f5fffec7;font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;margin:0 0 2rem;font-size:.62rem}.footer-brand{color:#f5fffe;letter-spacing:-.075em;text-shadow:0 1px 20px #ffffff3d;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,9vw,9rem);line-height:.8;display:inline-block}.footer-meta{right:var(--gutter);bottom:2rem;left:var(--gutter);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-align:right;white-space:nowrap;color:#fff;justify-content:flex-end;align-items:center;gap:1.35rem;font-size:.61rem;display:flex;position:absolute!important}.footer-meta p{margin:0}.footer-meta a{border-bottom:1px solid #0000}.footer-meta a:hover{border-color:currentColor}.footer-public-security{align-items:center;gap:.42rem;display:inline-flex}.footer-public-security img{object-fit:contain;flex:none;width:1.125rem;height:1.125rem}.footer-meta>*+:before{content:"·";opacity:.45;margin-right:1.35rem}@keyframes title-enter{0%{opacity:0;transform:translateY(.8em)}}@media (width<=900px){.site-nav{grid-template-columns:1fr auto;height:64px}.site-nav p{display:none}.progress-rail{right:.65rem}.hero-title-block{top:20vh}.hero h1{font-size:clamp(4.4rem,18vw,8rem)}.project{height:100svh}.project-meta{left:1rem;right:1rem}.project-meta p:nth-child(2){display:none}.project-title{bottom:10vh;left:1rem;right:1rem}.project-title h2{font-size:clamp(3.2rem,14vw,6.5rem);line-height:.78;display:block}.project-title h2 span{display:block}.project-title h2 span:last-child{margin-left:10vw}.project-meta--bottom{bottom:1.2rem}.site-footer{grid-template-columns:1fr;gap:8rem;min-height:100svh}.footer-meta{text-align:left;white-space:normal;flex-wrap:wrap;justify-content:flex-start;row-gap:.8rem}}@media (width<=560px){:root{--gutter:1rem}.brand{letter-spacing:.12em}.progress-rail{display:none}.hero-title-block>p{font-size:.54rem}.project-meta--bottom p:first-child{display:none}.project-meta--bottom{justify-content:end}.footer-brand{font-size:17vw}}@media (height<=520px) and (width>=700px){.hero-title-block{top:18vh}.hero h1{font-size:20vh;line-height:.78}.hero-enter{margin-top:1.15rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero,.project{position:relative;inset:auto;transform:none!important}.story-track{height:auto}.story-stage{height:auto;position:relative;overflow:visible}.projects{position:relative;inset:auto}.project-image,.project-image img{transform:none!important}.project-meta,.project-title,.project-title h2 span{opacity:1!important;transform:none!important}}