:root{color-scheme:dark;--bg: #000;--text: #f4f4f4;--muted: #8d8d8d;--line: rgba(255, 255, 255, .16);--line-strong: rgba(255, 255, 255, .34);--red: #ff2626;--nav-height: 5rem;--scroll-progress: 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;scroll-snap-type:y mandatory;background:#000}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at calc(65% - var(--scroll-progress) * 18%) 35%,rgba(255,255,255,.08),transparent 26rem),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),#000;background-size:auto,92px 92px,92px 92px,auto;color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,38,38,.12),transparent 18%),linear-gradient(180deg,rgba(0,0,0,.96),transparent 24%,rgba(0,0,0,.9))}button,a{color:inherit;font:inherit}a{text-decoration:none}.scene{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;pointer-events:none}.topbar{position:fixed;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:minmax(13rem,1fr) auto;align-items:center;min-height:var(--nav-height);border-bottom:1px solid var(--line);background:#000000db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.55rem;min-height:var(--nav-height);padding:0 1.5rem;border-right:1px solid var(--line);font-family:Courier New,ui-monospace,monospace;font-size:clamp(.9rem,1.3vw,1.15rem);letter-spacing:0;white-space:nowrap}.brand strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:760;letter-spacing:.12em}.brand>span:not(.brand-mark){color:var(--red);font-weight:800}.brand-mark{position:relative;flex:0 0 auto;width:2rem;height:2rem;border:1px solid var(--red)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:50%;top:50%;width:1.45rem;height:1px;background:#fff}.brand-mark:before{transform:translate(-50%,-50%) rotate(45deg)}.brand-mark:after{transform:translate(-50%,-50%) rotate(-45deg)}.section-nav{display:flex;align-items:stretch;justify-content:flex-end;height:var(--nav-height);overflow-x:auto}.nav-link{position:relative;display:grid;place-items:center;min-width:7.4rem;padding:0 1.2rem;border-left:1px solid var(--line);color:#cfcfcf;font-family:Courier New,ui-monospace,monospace;font-size:.78rem;letter-spacing:0;transition:color .16s ease,background .16s ease}.nav-link:after{content:"";position:absolute;left:50%;bottom:1.05rem;width:.42rem;height:.42rem;border-radius:50%;background:currentColor;opacity:.72;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:var(--red);background:#ff262614}.nav-link.active:after{box-shadow:0 0 1rem var(--red);opacity:1}.page{position:relative;z-index:2;padding-top:var(--nav-height)}.portfolio-section{min-height:calc(100vh - var(--nav-height));scroll-snap-align:start;scroll-margin-top:var(--nav-height);border-bottom:1px solid var(--line)}.section-shell{position:relative;display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(16rem,.65fr) minmax(20rem,.9fr);gap:clamp(1.4rem,4vw,4.5rem);min-height:calc(100vh - var(--nav-height));padding:clamp(2rem,5vw,5rem);overflow:hidden}.section-shell:before,.section-shell:after{content:"";position:absolute;pointer-events:none}.section-shell:before{inset:12% auto 12% clamp(1rem,4vw,4rem);width:1px;background:linear-gradient(transparent,var(--red),transparent)}.section-shell:after{right:-7rem;bottom:-7rem;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.13);transform:rotate(45deg)}.section-copy{align-self:center;padding-left:clamp(1rem,2vw,2rem)}.section-index{margin:0 0 1.1rem;color:var(--red);font-family:Courier New,ui-monospace,monospace;font-size:.78rem}.section-copy h1{max-width:9ch;margin:0;color:#fff;font-size:clamp(3.1rem,8vw,8rem);font-weight:660;line-height:.86;letter-spacing:0}.section-summary{max-width:29rem;margin:1.35rem 0 0;color:#c8c8c8;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.68;white-space:pre-line}.visual-panel{position:relative;align-self:stretch;min-height:24rem}.visual-panel:before{content:"";position:absolute;inset:8% 7%;border:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.09) 1px,transparent 1px),#ffffff05;background-size:1.35rem 1.35rem;transform:skewY(-7deg)}.visual-panel--disabled:before,.visual-panel--disabled:after{content:none}.bio-portrait-stack{position:absolute;inset:19% 5% auto;z-index:2;width:90%;height:auto;aspect-ratio:1;background:#060606;border:1px solid var(--line-strong);box-shadow:1.35rem 1.35rem #ff262624;overflow:hidden;isolation:isolate}.bio-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bio-portrait-base{z-index:2}.bio-portrait-glitch{z-index:3;mix-blend-mode:screen;opacity:0}.bio-portrait-stack:before,.bio-portrait-stack:after,.bio-glitch-band{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background-image:url(/assets/bio-portrait-glitch.jpg);background-size:cover;background-position:center;mix-blend-mode:screen;opacity:0}.bio-portrait-stack:before{clip-path:polygon(0 18%,100% 14%,100% 29%,0 33%);transform:translate3d(-1.1rem,.1rem,0);animation:bio-slice-one 9.2s steps(1,end) infinite}.bio-portrait-stack:after{clip-path:polygon(0 61%,100% 55%,100% 72%,0 76%);transform:translate3d(.9rem,-.1rem,0);animation:bio-slice-two 10.8s steps(1,end) infinite}.bio-glitch-band{z-index:5;border-top:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,38,38,.42)}.bio-glitch-band-one{clip-path:polygon(0 39%,100% 37%,100% 45%,0 48%);transform:translate(.75rem);animation:bio-band-one 8.6s steps(1,end) infinite}.bio-glitch-band-two{clip-path:polygon(0 78%,100% 75%,100% 83%,0 86%);transform:translate(-.6rem);animation:bio-band-two 12.4s steps(1,end) infinite}.section-bio .visual-panel:after{content:"";position:absolute;inset:15% 0 14% 18%;z-index:1;border:1px solid rgba(255,38,38,.62);transform:rotate(7deg)}.section-bio .visual-panel--disabled:after{content:none}.construct{position:absolute;inset:15% 9%;transform-style:preserve-3d;transform:perspective(780px) rotateX(58deg) rotate(-39deg)}.construct span{position:absolute;border:1px solid rgba(255,255,255,.58);background:#00000047}.construct span:nth-child(1){inset:6% 18% 24% 2%}.construct span:nth-child(2){inset:24% 2% 9% 32%;border-color:#ff2626bd}.construct span:nth-child(3){inset:0 46% 42% 24%;transform:translateZ(4.3rem)}.construct span:nth-child(4){inset:58% 18% 2% 48%;transform:translateZ(2.2rem);background:#ff262629}.construct-film{transform:perspective(780px) rotateX(62deg) rotate(24deg)}.construct-code{transform:perspective(780px) rotateX(54deg) rotate(-11deg)}.construct-bio{transform:perspective(780px) rotateX(50deg) rotate(39deg);opacity:.28}.art-preview-stack{position:absolute;inset:13% 3% auto;z-index:2;height:min(32rem,72%);pointer-events:none}.art-preview-image{position:absolute;width:58%;aspect-ratio:1;border:1px solid var(--line-strong);background:#030303;object-fit:cover;box-shadow:1rem 1rem #ff262621;filter:grayscale(.18) contrast(1.08)}.art-preview-image-1{inset:0 auto auto 0;z-index:4}.art-preview-image-2{inset:17% 0 auto auto;z-index:3;transform:rotate(4deg)}.art-preview-image-3{inset:auto auto 2% 12%;z-index:2;transform:rotate(-5deg)}.construct-contact{transform:perspective(780px) rotateX(64deg) rotate(-57deg)}.work-list{align-self:center;display:grid;position:relative;padding:0 .85rem;border-top:1px solid var(--line);background:linear-gradient(90deg,#000000a8,#00000047);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.work-item{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.work-number{color:var(--red);font-family:Courier New,ui-monospace,monospace;font-size:.72rem}.work-item h2{margin:0;color:#fff;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:560;line-height:1.05}.work-title-link{transition:color .16s ease,text-shadow .16s ease}.work-title-link:hover,.work-title-link:focus-visible{color:var(--red);text-shadow:0 0 1rem rgba(255,38,38,.42)}.work-title-link:focus-visible{outline:2px solid #fff;outline-offset:.2rem}.work-item p{margin:.62rem 0 0;color:#bdbdbd;font-size:.86rem;line-height:1.52}.work-item .work-meta{color:var(--red);font-family:Courier New,ui-monospace,monospace;font-size:.72rem}.digital-art-gallery{align-self:center;display:grid;grid-template-rows:minmax(18rem,42vh) minmax(11rem,20vh);gap:1rem;position:relative;min-width:0;padding:.85rem;border-top:1px solid var(--line);background:linear-gradient(90deg,#000000b8,#00000061);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.art-feature{position:relative;min-width:0;min-height:0;margin:0;border:1px solid var(--line-strong);background:#020202;overflow:hidden}.art-feature:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.82)),linear-gradient(90deg,rgba(255,38,38,.14),transparent 34%)}.art-feature-image{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px),#050505;background-size:2rem 2rem}.art-feature figcaption{position:absolute;left:0;bottom:0;z-index:2;display:block;padding:1rem;color:#fff;font-family:Courier New,ui-monospace,monospace;font-size:.78rem}.art-feature-count{color:var(--red)}.art-nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:3.2rem;height:5.4rem;padding:0;border:1px solid rgba(255,255,255,.24);background:#000000a8;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .16s ease,background .16s ease,border-color .16s ease}.art-nav-prev{left:.8rem}.art-nav-next{right:.8rem}.art-feature:hover .art-nav,.art-nav:focus-visible{opacity:1}.art-nav:hover,.art-nav:focus-visible{border-color:var(--red);background:#ff262629}.art-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.art-nav span{width:1rem;height:1rem;border-top:2px solid #fff;border-left:2px solid #fff}.art-nav-prev span{transform:translate(.18rem) rotate(-45deg)}.art-nav-next span{transform:translate(-.18rem) rotate(135deg)}.art-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.45rem;min-height:0;max-height:20vh;padding-right:.35rem;overflow:auto;scrollbar-color:var(--red) rgba(255,255,255,.08);scrollbar-width:thin}.art-thumb{display:block;flex:0 0 4.75rem;width:4.75rem;height:4.75rem;min-width:0;padding:0;border:1px solid rgba(255,255,255,.14);background:#050505;cursor:pointer;overflow:hidden;opacity:.66;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}.art-thumb:hover,.art-thumb:focus-visible,.art-thumb.active{border-color:var(--red);opacity:1}.art-thumb:focus-visible{outline:2px solid #fff;outline-offset:2px}.art-thumb.active{transform:translateY(-.12rem);box-shadow:0 0 0 1px #ff262657}.art-thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.section-film .visual-panel:before{background:linear-gradient(90deg,#050505 0 18%,rgba(255,255,255,.22) 18.5% 19.5%,transparent 20%),repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 1px,transparent 1px 2.2rem),#ffffff05}.section-code .visual-panel:before{background:radial-gradient(circle at 50% 50%,rgba(255,38,38,.25),transparent 24%),linear-gradient(90deg,rgba(255,38,38,.22) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.12) 1px,transparent 1px),#ffffff05;background-size:auto,1.2rem 1.2rem,1.2rem 1.2rem,auto}.section-bio .visual-panel:before{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.2) 36% 38%,transparent 39%),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.1) 1px,transparent 1px),#ffffff05;background-size:auto,1.35rem 1.35rem,1.35rem 1.35rem,auto}.section-contact .work-item:first-child .work-meta{color:#fff}@media(max-width:1080px){:root{--nav-height: 4.6rem}.section-shell{grid-template-columns:minmax(18rem,1fr) minmax(19rem,.9fr)}.visual-panel{position:absolute;inset:15% 2rem auto auto;z-index:-1;width:min(35vw,22rem);min-height:20rem;opacity:.72}.bio-portrait-stack{inset:19% 5% auto;width:90%;height:auto}.work-list{grid-column:2}.digital-art-gallery{grid-column:2;grid-template-rows:minmax(17rem,38vh) minmax(10rem,19vh)}.art-grid{max-height:19vh}}@media(max-width:760px){:root{--nav-height: 7.8rem}.topbar{display:block}.brand{width:100%;min-height:3.8rem;border-right:0;border-bottom:1px solid var(--line)}.section-nav{justify-content:flex-start;height:4rem}.nav-link{min-width:5.6rem;padding:0 .85rem;font-size:.68rem}.nav-link:after{bottom:.72rem}.section-shell{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;min-height:calc(100vh - var(--nav-height));padding:1.5rem}.section-copy{padding-left:.9rem}.section-copy h1{font-size:clamp(3rem,18vw,5rem)}.section-summary{font-size:.92rem;line-height:1.55}.visual-panel{position:absolute;inset:auto -1.8rem 5% auto;width:16rem;min-height:16rem;opacity:.46}.section-bio .visual-panel{position:relative;inset:auto;z-index:0;align-self:center;width:min(18rem,100%);min-height:min(18rem,calc(100vw - 3rem));margin:-.45rem 0 .25rem;opacity:.9}.section-art .art-preview-stack{display:none}.bio-portrait-stack{box-shadow:.8rem .8rem #ff262629}.work-list{width:100%}.digital-art-gallery{width:100%;grid-template-rows:minmax(16rem,42vh) minmax(11rem,24vh);padding:.65rem}.art-grid{max-height:24vh}.art-thumb{flex-basis:3.8rem;width:3.8rem;height:3.8rem}.art-feature figcaption{padding:.8rem}.art-nav{width:2.6rem;height:4.4rem}.work-item{grid-template-columns:2.1rem 1fr;gap:.75rem;padding:.95rem 0}.work-item p{font-size:.78rem}}@keyframes bio-color-bleed{0%,18%,21%,43%,47%,69%,72%,to{opacity:0;transform:translateZ(0)}19%,44%,70%{opacity:.62;transform:translate3d(.18rem,-.08rem,0)}20%,46%,71%{opacity:.24;transform:translate3d(-.12rem,.06rem,0)}}@keyframes bio-slice-one{0%,24%,27%,58%,61%,to{opacity:0}25%,59%{opacity:.78}26%,60%{opacity:.28}}@keyframes bio-slice-two{0%,13%,16%,52%,56%,83%,86%,to{opacity:0}14%,53%,84%{opacity:.68}15%,55%,85%{opacity:.2}}@keyframes bio-band-one{0%,31%,34%,74%,77%,to{opacity:0}32%,75%{opacity:.84}}@keyframes bio-band-two{0%,9%,12%,64%,67%,to{opacity:0}10%,65%{opacity:.72}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important}.bio-portrait-stack:before,.bio-portrait-stack:after,.bio-glitch-band{opacity:.12}}