:root{--bg: #0a0a0a;--bg-soft: #121212;--fg: #e9e9e3;--fg-dim: #8a8a82;--fg-faint: #4a4a45;--line: #232320;--accent: #d8ff3e;--font-mono: "SFMono-Regular", "JetBrains Mono", "Menlo", "Consolas", ui-monospace, monospace;--font-sans: "Helvetica Neue", "Inter", system-ui, -apple-system, sans-serif;--pad: clamp(1rem, 3.5vw, 2.5rem);--maxw: 1600px;--header-h: 3.4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:#000}.cursor-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}html.cursor-on,html.cursor-on *{cursor:none!important}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.h-display{font-family:var(--font-sans);font-weight:600;line-height:.95;letter-spacing:-.02em;font-size:clamp(2.4rem,8vw,7rem)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--header-h);padding:0 var(--pad);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{position:relative;display:inline-flex;align-items:center;white-space:nowrap}.brand-img{display:block;width:clamp(118px,17vw,152px);height:auto;transition:opacity .15s ease}.brand-glitch{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-weight:700;font-size:1.05rem;letter-spacing:.01em;color:var(--fg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.nav{display:flex;gap:clamp(.75rem,2.5vw,2rem);align-items:center}.nav a{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);position:relative;padding:.25rem 0;transition:color .25s ease}.nav a:hover,.nav a[aria-current=page]{color:var(--fg)}.nav a.nav-edit{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:4px;padding:.25rem .55rem}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent)}.site-footer{position:relative;z-index:1;background:var(--bg);margin-top:6rem;border-top:1px solid var(--line);padding:2.5rem var(--pad);display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:.78rem;color:var(--fg-dim)}.site-footer a:hover{color:var(--accent)}.page-intro{padding-block:clamp(2.5rem,7vw,6rem) clamp(1.5rem,4vw,3rem)}.page-intro .lead{max-width:48ch;margin-top:1.5rem;color:var(--fg-dim);font-size:clamp(1rem,1.4vw,1.15rem)}.home-hero{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0a0a0a}.home-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.logo-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}.home-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#0a0a0abf,#0a0a0a0d 42%,#0a0a0a4d)}.home-hero-veil{position:absolute;inset:0;z-index:3;background:#0a0a0a;opacity:0;pointer-events:none;will-change:opacity}.home-hero-content{position:absolute;left:0;right:0;bottom:clamp(3rem,9vh,6rem);z-index:2}.hero-title{font-weight:600;line-height:.92;letter-spacing:-.02em;font-size:clamp(2.6rem,10vw,8.5rem);margin-top:.5rem}.scroll-cue{position:absolute;z-index:2;bottom:1.4rem;right:var(--pad);display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg)}.scroll-cue:hover{color:var(--accent)}.scroll-cue .arr{animation:scroll-bob 1.6s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.home-scroll{position:relative;z-index:1}.home-spacer{height:100vh;height:100svh;pointer-events:none}.works-wrap{position:relative;padding:clamp(2.5rem,6vw,6rem) var(--pad) 8rem;scroll-margin-top:var(--header-h);min-height:100vh}.masonry{display:flex;align-items:flex-start;gap:clamp(1rem,2.5vw,2.5rem);max-width:var(--maxw);margin-inline:auto;opacity:0;transition:opacity .5s ease}.masonry.ready{opacity:1}.mcol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,5rem);will-change:transform}.mcol:nth-child(2){margin-top:clamp(2rem,8vw,7rem)}.mcol:nth-child(3){margin-top:clamp(1rem,4vw,3.5rem)}.mcol:nth-child(4){margin-top:clamp(3rem,11vw,10rem)}.ascii-image{position:relative;width:100%;aspect-ratio:var(--ratio, 4 / 5);overflow:hidden;background:var(--bg-soft)}.ascii-image canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;opacity:1;pointer-events:none;transition:opacity .5s ease}.ascii-image img,.ascii-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;filter:grayscale(1) contrast(1.03);transform:scale(1);transition:opacity .5s ease,filter .5s ease,transform .6s ease}.ascii-image.is-loaded canvas{opacity:0}.ascii-image.is-loaded img,.ascii-image.is-loaded video{opacity:1}.ascii-image.is-loaded:hover img,.ascii-image.is-loaded:hover video{filter:grayscale(0) contrast(1);transform:scale(1.04)}.ascii-image.color img,.ascii-image.color video{filter:none}.ascii-image.color:hover img,.ascii-image.color:hover video{filter:none;transform:scale(1.04)}.ascii-image.confidential canvas{filter:grayscale(1) contrast(1.03);transition:filter .45s ease}.ascii-image.confidential:hover canvas{filter:grayscale(0) contrast(1)}.ascii-image:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(circle 170px at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.32),rgba(255,255,255,.08) 45%,transparent 70%);mix-blend-mode:screen}.ascii-image:hover:after{opacity:1}.works{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);padding-bottom:4rem}@media(min-width:900px){.works{grid-template-columns:repeat(3,1fr)}.works .work-card:nth-child(3n+2){transform:translateY(clamp(1rem,4vw,4rem))}}.work-card{display:block;position:relative}.work-card .work-index{position:absolute;top:.75rem;left:.75rem;z-index:2;font-family:var(--font-mono);font-size:.72rem;color:var(--fg);mix-blend-mode:difference}.work-card .work-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.85rem;border-top:1px solid var(--line);padding-top:.6rem;transition:border-color .3s ease}.work-card:hover .work-meta{border-color:var(--accent)}.work-card .work-title{font-size:1.05rem;font-weight:500;letter-spacing:-.01em}.work-card .work-cat{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.work-card .work-year{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-dim)}.conf-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;pointer-events:none;text-align:center;background:#0a0a0a66}.conf-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px);opacity:.55}.conf-tag{position:relative;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg);border:1px solid var(--accent);padding:.4rem .85rem;background:#0a0a0a8c}.conf-sub{position:relative;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.work-card--locked .work-title.mono{color:var(--fg-dim)}.site-toast{position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%,1rem);z-index:10000;background:var(--bg-soft);border:1px solid var(--accent);color:var(--fg);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;padding:.75rem 1.15rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.site-toast.show{opacity:1;transform:translate(-50%)}.detail{display:flex;align-items:stretch}.detail-info{flex:0 0 25%;max-width:25%;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));overflow-y:auto;padding:clamp(1.5rem,2.4vw,2.5rem);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1.2rem}.detail-title{font-weight:600;letter-spacing:-.01em;line-height:1.02;font-size:clamp(1.6rem,2.4vw,2.6rem)}.detail-desc{color:var(--fg-dim);font-size:.96rem;line-height:1.6;white-space:pre-line}.detail-facts{display:grid;gap:1rem;border-top:1px solid var(--line);padding-top:1.2rem}.fact .fact-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);display:block;margin-bottom:.35rem}.fact .fact-value{font-size:.95rem}.role-tags{display:flex;flex-wrap:wrap;gap:.4rem}.role-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.74rem;line-height:1;padding:.38rem .62rem;border-radius:999px;border:1px solid var(--line);color:var(--fg-dim);background:color-mix(in srgb,var(--fg) 5%,transparent);white-space:nowrap;transition:border-color .2s ease,color .2s ease}.role-tag:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--fg)}.detail-body{color:var(--fg-dim);font-size:.92rem;line-height:1.7;border-top:1px solid var(--line);padding-top:1.2rem}.detail-body p+p{margin-top:.9rem}.detail-nav{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--line);padding-top:1.2rem;font-family:var(--font-mono);font-size:.78rem}.detail-nav a:hover{color:var(--accent)}.detail-gallery{--gpad: clamp(1.5rem, 3vw, 3rem);--gh: calc(100svh - var(--header-h) - var(--gpad) * 2);flex:1 1 0;min-width:0;display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));padding:var(--gpad);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;cursor:grab}.detail-gallery.dragging,.detail-gallery.no-snap{scroll-snap-type:none;scroll-behavior:auto}.detail-gallery.dragging{cursor:grabbing}.detail-gallery.dragging *{pointer-events:none}.detail-gallery .ascii-image{flex:0 0 auto;height:var(--gh);width:auto;scroll-snap-align:center;background:var(--bg-soft)}.ascii-image.fit{width:auto;aspect-ratio:auto}.ascii-image.fit img,.ascii-image.fit video{position:relative;inset:auto;height:100%;width:auto;object-fit:contain}.back-link{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-dim);display:inline-flex;gap:.5rem;align-items:center}.back-link:hover{color:var(--accent)}@media(max-width:900px){.detail{flex-direction:column}.detail-info{flex-basis:auto;max-width:none;width:100%;position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--line)}.detail-gallery{--gh: 58vh;width:100%;height:auto}}.prose{max-width:65ch;padding-bottom:4rem}.prose h2{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin-top:2.5rem;margin-bottom:1rem;border-top:1px solid var(--line);padding-top:1.5rem}.prose p{color:var(--fg-dim);line-height:1.7;margin-bottom:1rem}.cv-header{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start;max-width:1240px;margin-bottom:2.5rem}.cv-photo{width:100%}.cv-side .lead{font-size:clamp(1rem,1.4vw,1.15rem);color:var(--fg-dim)}.cv-contact{list-style:none;margin-top:1.75rem;border-top:1px solid var(--line)}.cv-contact li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem}.cv-contact .k{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.cv-contact a:hover{color:var(--accent)}.cv-body{max-width:1240px}.cv-cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:var(--font-mono);font-size:.76rem;border:1px solid var(--line);border-radius:999px;padding:.32rem .7rem;color:var(--fg-dim)}.cv-interest{padding:.7rem 0;border-bottom:1px solid var(--line);color:var(--fg-dim);line-height:1.6}.cv-interest b{color:var(--fg);font-weight:600}@media(max-width:680px){.cv-header{grid-template-columns:1fr}.cv-photo{max-width:280px}.cv-cols{grid-template-columns:1fr}}.cv-row{display:grid;grid-template-columns:5rem 1fr;gap:1.5rem;padding-block:.9rem;border-bottom:1px solid var(--line)}.cv-row .cv-year{font-family:var(--font-mono);font-size:.85rem;color:var(--fg-dim)}.cv-row--exp{grid-template-columns:minmax(12.5rem,15rem) 1fr}.cv-row--edu{grid-template-columns:minmax(10rem,12rem) 1fr}.cv-period{display:flex;flex-direction:row;align-items:center;gap:.85rem}.cv-period-dates{display:flex;flex-direction:column;gap:.2rem}.cv-year-wrap{display:flex;flex-direction:row;align-items:center;gap:.85rem}.cv-logo{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--bg-soft);border:1px solid var(--line);padding:6px;flex:0 0 auto}.cv-period-main{font-family:var(--font-mono);font-size:.82rem;color:var(--fg-dim);line-height:1.35}.cv-duration{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--fg-faint)}.cv-org{font-size:.92rem;color:var(--fg)}.cv-loc{font-size:.85rem;color:var(--fg-dim)}@media(max-width:560px){.cv-row--exp,.cv-row--edu{grid-template-columns:1fr;gap:.5rem}}.cv-row .cv-role{font-weight:500}.cv-row .cv-where{color:var(--fg-dim);font-size:.9rem}.cv-link{color:var(--fg);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--fg-faint);transition:color .2s ease,text-decoration-color .2s ease}.cv-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.contact-grid{display:grid;gap:.25rem;padding-bottom:4rem}.contact-grid a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-block:1.1rem;border-top:1px solid var(--line);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;transition:padding-left .3s ease,color .3s ease}.contact-grid a:last-child{border-bottom:1px solid var(--line)}.contact-grid a:hover{padding-left:1rem;color:var(--accent)}.contact-grid a .c-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-faint)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}