:root{--bg: oklch(.148 .012 248);--bg-2: oklch(.176 .014 248);--bg-3: oklch(.205 .015 248);--ink: oklch(.962 .004 248);--muted: oklch(.685 .012 248);--faint: oklch(.48 .014 248);--line: oklch(.96 .01 248 / .09);--line-strong: oklch(.96 .01 248 / .16);--accent: oklch(.847 .128 196);--accent-2: oklch(.905 .09 196);--accent-dim: oklch(.847 .128 196 / .14);--accent-glow: oklch(.847 .128 196 / .32);--display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-mono: clamp(.66rem, .6rem + .3vw, .78rem);--fs-body: clamp(1rem, .95rem + .35vw, 1.18rem);--fs-lead: clamp(1.25rem, 1.05rem + 1vw, 1.85rem);--fs-h3: clamp(1.5rem, 1.2rem + 1.4vw, 2.3rem);--fs-h2: clamp(2.4rem, 1.6rem + 3.6vw, 4.8rem);--fs-stat: clamp(2.6rem, 1.6rem + 4.6vw, 6rem);--fs-hero: clamp(3.6rem, 1rem + 13vw, 13rem);--s1: .5rem;--s2: 1rem;--s3: 1.5rem;--s4: 2rem;--s5: 3rem;--s6: 4.5rem;--s7: 7rem;--s8: 11rem;--edge: clamp(1.25rem, 5vw, 5.5rem);--maxw: 1500px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--fs-body);line-height:1.55;font-weight:380;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}img,canvas{display:block;max-width:100%}@media (hover: hover) and (pointer: fine){body,a,button{cursor:none}}.mono{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400}.mono--accent{color:var(--accent)}.hero-num{display:inline-block;width:2.2ch;white-space:nowrap;overflow:visible;vertical-align:baseline}.tick{color:var(--accent)}.section{position:relative;padding:var(--s4) var(--edge);max-width:var(--maxw);margin-inline:auto}.sec-head{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s6);flex-wrap:wrap}.sec-head .idx{color:var(--accent);display:inline-block;width:2.2ch;white-space:nowrap;overflow:visible;vertical-align:baseline}.sec-head .title{font-family:var(--display);font-size:var(--fs-h2);font-weight:700;line-height:.95;letter-spacing:-.02em}.sec-head .rule{flex:1;height:1px;background:var(--line-strong);min-width:40px;align-self:center}.telemetry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.telemetry .vline{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(var(--bg),var(--line) 14%,var(--line) 86%,var(--bg))}.telemetry .vline.l{left:var(--edge)}.telemetry .vline.r{right:var(--edge)}.telemetry .corner{position:fixed;z-index:40;pointer-events:none;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.telemetry .corner.tl{top:var(--s4);left:var(--edge);transition:opacity .6s var(--ease),filter .6s var(--ease)}.telemetry .corner.tl.sys-away{opacity:.12}.telemetry .corner.tr{top:var(--s4);right:var(--edge);text-align:right}.telemetry .corner.bl{bottom:var(--s4);left:var(--edge)}.telemetry .corner.br{bottom:var(--s4);right:var(--edge);text-align:right}.telemetry .corner .live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle;box-shadow:0 0 8px var(--accent-glow);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (max-width: 860px){.telemetry .vline,.telemetry .corner.tr,.telemetry .corner.br{display:none}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-dot{width:6px;height:6px;background:var(--accent-2)}.cursor-ring{width:34px;height:34px;border:1px solid var(--accent);transition:width .25s var(--ease),height .25s var(--ease),background .25s var(--ease),opacity .25s}.cursor-ring.hot{width:56px;height:56px;background:var(--accent-dim)}@media (hover: none),(pointer: coarse){.cursor-dot,.cursor-ring{display:none}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--s8) var(--edge) var(--s6);max-width:var(--maxw);margin-inline:auto;z-index:2}#grid-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 78% 8%,var(--accent-dim),transparent 42%),radial-gradient(140% 120% at 50% 120%,oklch(.148 .012 248) 30%,transparent),linear-gradient(transparent 60%,var(--bg))}.hero__kicker{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.hero__name{font-family:var(--display);font-weight:700;font-size:var(--fs-hero);line-height:.82;letter-spacing:-.04em;margin:0}.hero__name .l2{display:block}.hero__name .out{color:transparent;-webkit-text-stroke:1.4px var(--faint)}.hero__statement{margin-top:var(--s4);max-width:30ch;font-size:var(--fs-lead);line-height:1.3;font-weight:360;color:var(--ink)}.hero__statement b{color:var(--accent);font-weight:600}.hero__meta{margin-top:var(--s4);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s2) var(--s5);max-width:720px;border-top:1px solid var(--line-strong);padding-top:var(--s3)}.hero__meta dt{color:var(--faint)}.hero__meta dd{color:var(--ink);font-weight:450;margin-top:2px}.scroll-cue{position:absolute;bottom:var(--s4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.scroll-cue .bar{width:1px;height:46px;overflow:hidden;background:var(--line-strong);position:relative}.scroll-cue .bar:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--accent);animation:trickle 2.2s var(--ease) infinite}@keyframes trickle{0%{top:-55%}60%,to{top:105%}}.work-intro{font-size:var(--fs-lead);max-width:24ch;color:var(--muted);font-weight:340;line-height:1.32;margin-bottom:var(--s6)}.work-intro b{color:var(--ink);font-weight:500}.stat-band{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);margin-bottom:var(--s7)}.stat{padding:var(--s4) var(--s3);border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat .num{font-family:var(--display);font-weight:700;font-size:var(--fs-stat);line-height:.86;letter-spacing:-.03em;color:var(--ink);display:inline-block}.stat .num .u{color:var(--accent)}.count-val{display:inline-block;transition:transform .06s ease,opacity .06s ease}.count-val.flip{animation:count-flip .08s ease forwards}@keyframes count-flip{0%{transform:translateY(-30%);opacity:.3}to{transform:translateY(0);opacity:1}}.stat .lbl{margin-top:var(--s2);color:var(--muted);max-width:22ch}@media (max-width: 820px){.stat-band{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2n){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat:nth-child(odd){padding-left:0}}@media (max-width: 460px){.stat-band{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.stat:last-child{border-bottom:0}}.timeline{position:relative}.trow{display:grid;grid-template-columns:200px 1fr;gap:var(--s5);padding:var(--s5) 0;border-top:1px solid var(--line);position:relative;transition:background .4s var(--ease)}.trow:hover{background:linear-gradient(90deg,var(--accent-dim),transparent 60%)}.trow:last-child{border-bottom:1px solid var(--line)}.trow__rail{display:flex;flex-direction:column;gap:8px}.trow__rail .yr{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.1em;color:var(--accent)}.trow__rail .tag{color:var(--faint);font-size:.92rem}.trow__body{max-width:64ch}.trow__title{font-family:var(--display);font-weight:600;font-size:var(--fs-h3);line-height:1.02;letter-spacing:-.02em;margin-bottom:var(--s2);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.trow__title .badge{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:3px 10px;transform:translateY(-3px);font-weight:500;white-space:nowrap}.trow__desc{color:var(--muted);font-weight:350}.trow__desc b{color:var(--ink);font-weight:500}.trow__num{position:absolute;top:var(--s4);right:0;font-family:var(--display);font-weight:700;font-size:3.2rem;color:transparent;-webkit-text-stroke:1px var(--line-strong);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 720px){.trow{grid-template-columns:1fr;gap:var(--s2)}.trow__num{display:none}}.photo-section{max-width:none;padding-inline:0;padding-top:var(--s4)}.photo-section .sec-head{padding-inline:var(--edge);max-width:var(--maxw);margin-inline:auto}.photo-intro{padding-inline:var(--edge);max-width:var(--maxw);margin:0 auto var(--s6);font-size:var(--fs-lead);color:var(--muted);font-weight:340}.gallery{padding-inline:var(--edge);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:9vw;gap:clamp(8px,1vw,18px);max-width:1900px;margin-inline:auto}.frame{position:relative;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);cursor:pointer}.frame__img{position:absolute;top:-12%;right:0;bottom:-12%;left:0;z-index:1;background-size:cover;background-position:center 50%;pointer-events:none;-webkit-user-select:none;user-select:none}.frame__guard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;-webkit-user-select:none;user-select:none;background:linear-gradient(to top,rgba(5,6,10,.9) 0%,rgba(5,6,10,.5) 35%,transparent 65%)}.frame__ph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;background:repeating-linear-gradient(135deg,#0d1318,#0d1318 13px,#181f26 13px,#181f26 26px)}.frame__ph .id{font-family:var(--mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.frame__ph .hint{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);white-space:nowrap}.frame .cap{position:absolute;left:0;bottom:0;z-index:3;padding:14px 16px;width:100%;display:flex;justify-content:space-between;gap:12px;align-items:flex-end;pointer-events:none;opacity:1;transform:none}.frame .cap .place{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.12em;color:var(--ink);text-transform:uppercase}.frame .cap .coord{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--accent)}.frame .expand{position:absolute;top:12px;right:12px;z-index:4;width:30px;height:30px;border:1px solid var(--line-strong);background:#010203cc;display:grid;place-items:center;opacity:0;transition:opacity .35s var(--ease),border-color .25s}.frame:hover .expand{opacity:1}.frame .expand:hover{border-color:var(--accent)}.frame .expand svg{width:13px;height:13px;stroke:var(--accent)}.f-a{grid-column:span 7;grid-row:span 4}.f-b{grid-column:span 5;grid-row:span 4}.f-c,.f-d,.f-e{grid-column:span 4;grid-row:span 3}.f-f{grid-column:span 5;grid-row:span 3}.f-g{grid-column:span 7;grid-row:span 3}@media (max-width: 760px){.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:36vw;gap:10px}.f-a,.f-b,.f-c,.f-d,.f-e,.f-f,.f-g{grid-column:span 1;grid-row:span 1}.f-a{grid-column:span 2;grid-row:span 1}.frame .cap{opacity:1;transform:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#010203f0;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);display:grid;place-items:center;padding:var(--edge);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}.lightbox.open{opacity:1;visibility:visible}.lightbox__inner{position:relative;max-width:92vw;max-height:86vh;transform:scale(.97);transition:transform .45s var(--ease)}.lightbox.open .lightbox__inner{transform:none}.lightbox__inner img{max-width:92vw;max-height:78vh;object-fit:contain;border:1px solid var(--line-strong)}.lightbox__ph{width:min(78vw,1100px);aspect-ratio:3/2;display:grid;place-items:center;gap:10px;background:repeating-linear-gradient(135deg,var(--bg-2) 0 14px,var(--bg-3) 14px 28px);border:1px solid var(--line-strong);color:var(--muted)}.lightbox__cap{margin-top:var(--s2);display:flex;justify-content:space-between;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lightbox__cap .t{color:var(--ink)}.lightbox__cap .c{color:var(--accent)}.lightbox__close{position:fixed;top:var(--s4);right:var(--edge);z-index:9001;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;display:flex;gap:10px;align-items:center}.lightbox__close:hover{color:var(--accent)}.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:9001;width:48px;height:48px;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--ink);background:#04060980;transition:border-color .25s,color .25s}.lightbox__nav:hover{border-color:var(--accent);color:var(--accent)}.lightbox__nav.prev{left:var(--edge)}.lightbox__nav.next{right:var(--edge)}.lightbox__nav svg{width:18px;height:18px;stroke:currentColor;fill:none}@media (max-width: 640px){.lightbox__nav{width:40px;height:40px}.lightbox__nav.prev{left:8px}.lightbox__nav.next{right:8px}}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--s6) var(--s7);align-items:start}.about-lede{font-family:var(--display);font-weight:500;font-size:var(--fs-h3);line-height:1.18;letter-spacing:-.015em;color:var(--ink)}.about-lede b{color:var(--accent);font-weight:600}.about-body{margin-top:var(--s4);color:var(--muted);font-weight:350;max-width:56ch}.about-side{display:flex;flex-direction:column;gap:var(--s4)}.about-side .blk{border-top:1px solid var(--line-strong);padding-top:var(--s2)}.about-side .blk h4{color:var(--faint);font-weight:400;margin-bottom:6px}.about-side .blk .v{color:var(--ink);font-weight:450}.about-side .blk .v span{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chips .chip{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);padding:6px 11px;border-radius:999px;transition:border-color .25s,color .25s}.chips .chip:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 820px){.about-grid{grid-template-columns:1fr}}.contact{border-top:1px solid var(--line-strong);margin-top:var(--s6);position:relative;z-index:2}.contact__inner{max-width:var(--maxw);margin-inline:auto;padding:var(--s6) var(--edge) var(--s5)}.contact__lead{font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s3)}.contact__mail{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,.7rem + 3vw,4rem);letter-spacing:-.03em;line-height:.95;color:var(--ink);display:inline-block;transition:transform .4s var(--ease),color .3s var(--ease);white-space:nowrap;max-width:100%}.contact__mail:hover{color:var(--accent)}.contact__row{margin-top:var(--s6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);border-top:1px solid var(--line);padding-top:var(--s3)}.contact__links{display:flex;gap:var(--s5);flex-wrap:wrap}.contact__links a{display:flex;flex-direction:column;gap:3px}.contact__links a .k{color:var(--faint);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.contact__links a .v{color:var(--ink);font-weight:450;transition:color .25s}.contact__links a:hover .v{color:var(--accent)}.contact__sig{text-align:right;color:var(--faint);margin-left:auto}.contact__base{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);color:var(--faint);font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase}@keyframes reveal-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(26px)}@media (prefers-reduced-motion: no-preference){.reveal{transition:opacity .9s var(--ease),transform .9s var(--ease)}}.reveal.in{opacity:1;transform:none}.reveal.shown{opacity:1!important;transform:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important}.scroll-cue .bar:after,.telemetry .corner .live:before{animation:none}}main,.contact{position:relative;z-index:2}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.frame.img-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.contact__links a{transition:transform .4s var(--ease),color .25s}.stat .num{display:inline-block}