:root{--bg:oklch(20.5% .008 62);--bg-2:oklch(24.2% .009 60);--bg-3:oklch(27.5% .01 60);--ink:oklch(93.5% .012 84);--ink-soft:oklch(80% .012 80);--muted:oklch(66% .012 76);--faint:oklch(52% .01 70);--line:oklch(33.5% .01 64);--line-2:oklch(42% .012 66);--accent:oklch(78% .055 80);--accent-d:oklch(62% .05 72);--serif:"Spectral", Georgia, serif;--grotesk:"Hanken Grotesk", system-ui, sans-serif;--display-weight:300;--pad:clamp(1.4rem, 5vw, 6rem);--maxw:1240px;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--grotesk);font-weight:400;line-height:1.6;overflow-x:clip}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);padding-inline:var(--pad);margin:0 auto}.kicker{font-family:var(--grotesk);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);font-size:.75rem;font-weight:600}.idx{font-family:var(--grotesk);letter-spacing:.16em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.site-nav{z-index:100;padding:clamp(1.1rem, 2vw, 1.7rem) var(--pad);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-nav.solid{background:color-mix(in oklch, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);border-bottom:1px solid var(--line)}.nav-logo{font-family:var(--serif);font-style:italic;font-weight:var(--display-weight);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-size:1.4rem}.nav-links{align-items:center;gap:clamp(1.2rem,2.4vw,2.4rem);display:flex}.nav-links a{font-family:var(--grotesk);color:var(--muted);transition:color .3s var(--ease);padding:.2rem 0;font-size:.9rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .35s var(--ease);position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}@media (width<=760px){.nav-links{display:none}}#hero{justify-content:center;align-items:center;height:100svh;min-height:660px;display:flex;position:relative;overflow:hidden}#hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}#hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse 56% 52% at 50% 50%, color-mix(in oklch, var(--bg) 72%, transparent) 0%, color-mix(in oklch, var(--bg) 30%, transparent) 46%, transparent 72%);position:absolute;inset:0}.hero-center{z-index:3;text-align:center;pointer-events:none;width:100%;padding-inline:var(--pad);position:relative}.hero-eyebrow{align-items:center;gap:.6rem;margin-bottom:clamp(1.3rem,2.6vw,1.9rem);display:inline-flex}.hero-eyebrow .pip{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero-name{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:-.025em;color:var(--ink);font-size:clamp(3rem,9vw,7.2rem);line-height:.95}.hero-name em{font-style:italic;font-weight:var(--display-weight)}.hub-blurb{font-family:var(--grotesk);color:var(--muted);margin-top:clamp(1.4rem,2.8vw,2rem);min-height:1.5em;transition:color .3s var(--ease);text-wrap:pretty;margin-inline:auto;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:400}@media (hover:none){.hub-blurb:after{content:" — tap a node";color:var(--faint)}}.scroll-cue{z-index:3;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;bottom:1.8rem;left:50%;transform:translate(-50%)}.scroll-cue .lab{font-family:var(--grotesk);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);font-size:.68rem;font-weight:600}.scroll-cue .ln{background:linear-gradient(var(--line-2), transparent);width:1px;height:42px}#hub-labels{z-index:4;pointer-events:none;opacity:1;position:absolute;inset:0}.hub-label{will-change:transform, opacity;pointer-events:auto;cursor:pointer;white-space:nowrap;transform-origin:0;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:8px;margin:-11px -2px;padding:11px 2px;display:flex;position:absolute;top:0;left:0}.hub-label.flip{transform-origin:100%;flex-direction:row-reverse}.hl-dot{background:var(--ink-soft);width:9px;height:9px;transition:background .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:50%;flex:none}.hl-lead{background:var(--line-2);opacity:.7;width:13px;height:1px;transition:width .3s var(--ease), background .3s var(--ease), opacity .3s var(--ease);flex:none}.hub-label .hl-n{font-family:var(--grotesk);letter-spacing:.14em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}.hub-label .hl-t{font-family:var(--serif);font-style:italic;font-weight:var(--display-weight);letter-spacing:-.01em;color:var(--muted);transition:color .3s var(--ease);font-size:1.25rem}.hub-label:hover .hl-t,.hub-label.is-active .hl-t{color:var(--ink)}.hub-label:hover .hl-dot,.hub-label.is-active .hl-dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in oklch, var(--accent) 16%, transparent);transform:scale(1.15)}.hub-label:hover .hl-lead,.hub-label.is-active .hl-lead{background:var(--accent);opacity:1;width:19px}.hub-label:focus-visible{outline:1px solid var(--accent);outline-offset:5px;border-radius:2px}.hero-index{display:none}@media (width<=760px){#hub-labels{display:none}#hero-canvas{opacity:.4}#hero{flex-direction:column;min-height:100svh}.hero-center{padding-top:3.5rem}.hub-blurb{max-width:30ch}.scroll-cue{display:none}.hero-index{z-index:5;width:100%;max-width:380px;padding-inline:var(--pad);flex-direction:column;margin:clamp(1.6rem,5vw,2.4rem) auto 0;display:flex;position:relative}.hero-index a{border-top:1px solid var(--line);min-height:54px;color:var(--ink);align-items:center;gap:.9rem;padding:.9rem .2rem;display:flex}.hero-index a:last-child{border-bottom:1px solid var(--line)}.hi-n{font-family:var(--grotesk);letter-spacing:.14em;color:var(--accent);font-variant-numeric:tabular-nums;min-width:1.5rem;font-size:.72rem;font-weight:600}.hi-t{font-family:var(--serif);font-style:italic;font-weight:var(--display-weight);letter-spacing:-.01em;font-size:1.6rem;line-height:1}.hi-x{color:var(--faint);margin-left:auto;font-size:1.1rem}}.section{padding-block:clamp(3.5rem,7vh,6rem);position:relative}.sec-head{border-top:1px solid var(--line);align-items:baseline;gap:1.2rem;margin-bottom:clamp(2rem,4vw,3rem);padding-top:1.5rem;display:flex}.sec-title{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:-.02em;color:var(--ink);font-size:clamp(2rem,5vw,3.4rem);line-height:1}.sec-head .idx{align-self:flex-start;margin-left:auto}.reveal{opacity:1;transform:none}.about{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(2.4rem,5vw,5rem);display:grid}@media (width<=860px){.about{grid-template-columns:1fr;gap:2.6rem}}.about-lead{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;margin-bottom:1.5rem;font-size:clamp(1.4rem,2.5vw,2.05rem);line-height:1.32}.about-lead em{color:var(--accent);font-style:italic}.about-bio p:not(.about-lead){color:var(--ink-soft);text-wrap:pretty;margin-bottom:1.1rem;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.7}.facts{border-top:1px solid var(--line);list-style:none}.facts li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1.2rem;padding:.95rem 0;display:flex}.facts .k{color:var(--muted);letter-spacing:.04em;font-size:.82rem;font-weight:600}.facts .v{color:var(--ink);text-align:right;font-size:1rem}.stack-grid{grid-template-columns:repeat(4,1fr);gap:clamp(1.6rem,3vw,3.4rem);display:grid}@media (width<=1000px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.stack-grid{grid-template-columns:1fr;gap:2rem}}.stack-cell{border-top:1px solid var(--line-2);padding-top:1.3rem}.stack-cell h3{font-family:var(--grotesk);text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:1.3rem;font-size:.78rem;font-weight:600}.stack-cell ul{flex-direction:column;gap:.7rem;list-style:none;display:flex}.stack-cell li{font-family:var(--serif);font-weight:var(--display-weight);color:var(--ink-soft);letter-spacing:-.01em;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.2}.work-list{flex-direction:column;gap:clamp(4rem,8vw,7rem);display:flex}.project{grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.project:nth-child(2n) .project-media{order:2}@media (width<=820px){.project{grid-template-columns:1fr;gap:1.8rem}.project:nth-child(2n) .project-media{order:0}}.project-media{aspect-ratio:16/10;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;display:block}.project-media .pnum{z-index:2;position:absolute;top:1rem;left:1.1rem}.project-info .pkick{margin-bottom:.9rem;display:block}.project-info .ptitle{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:-.02em;color:var(--ink);margin-bottom:.9rem;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.project-info .ptitle a{color:inherit;transition:color .3s var(--ease)}.project-info .ptitle a:hover{color:var(--accent)}.project-info .ptitle .arrow{color:var(--accent);transition:transform .4s var(--ease);font-style:normal;display:inline-block}.project-info .ptitle a:hover .arrow{transform:translate(.14em,-.14em)}.project-info p{color:var(--ink-soft);max-width:46ch;margin-bottom:1.4rem;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.65}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tags span{font-family:var(--grotesk);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line-2);border-radius:100px;padding:.32rem .8rem;font-size:.74rem;font-weight:500}.timeline{border-top:1px solid var(--line)}.tl-item{border-bottom:1px solid var(--line);transition:background .4s var(--ease);grid-template-columns:190px 1fr auto;align-items:baseline;gap:1.6rem;padding:clamp(1.5rem,3vw,2.3rem) 0;display:grid}.tl-item:hover{background:linear-gradient(90deg, transparent, var(--bg-2) 10%, var(--bg-2) 90%, transparent)}.tl-year{font-family:var(--grotesk);color:var(--accent);letter-spacing:.04em;font-size:.85rem;font-weight:600}.tl-role{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.3rem,2.2vw,1.85rem)}.tl-org{color:var(--muted);margin-top:.25rem;font-size:1rem}.tl-where{font-family:var(--grotesk);color:var(--faint);letter-spacing:.02em;text-align:right;white-space:nowrap;font-size:.82rem}@media (width<=720px){.tl-item{grid-template-columns:1fr;gap:.4rem}.tl-where{text-align:left}}.resume-cta{margin-top:clamp(2.6rem,5vw,3.8rem)}.btn{font-family:var(--grotesk);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink);transition:color .4s var(--ease), border-color .4s var(--ease);background:0 0;border-radius:100px;align-items:center;gap:.7rem;padding:1rem 1.7rem;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn span{z-index:1;position:relative}.btn .dot{background:var(--accent);z-index:1;width:6px;height:6px;transition:background .4s var(--ease);border-radius:50%;position:relative}.btn:before{content:"";background:var(--accent);transition:transform .5s var(--ease);z-index:0;position:absolute;inset:0;transform:translateY(101%)}.btn:hover{color:var(--bg);border-color:var(--accent)}.btn:hover:before{transform:translateY(0)}.btn:hover .dot{background:var(--bg)}#contact{padding-block:clamp(3.5rem,7vh,6rem);overflow:hidden}#contact-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}#contact .wrap{z-index:1;position:relative}.contact-big{font-family:var(--serif);font-style:italic;font-weight:var(--display-weight);letter-spacing:-.02em;color:var(--ink);font-size:clamp(2.2rem,7vw,5.4rem);line-height:1}.contact-big a{display:inline-block}.contact-big a .arrow{color:var(--accent);transition:transform .4s var(--ease);font-style:normal;display:inline-block}.contact-big a:hover .arrow{transform:translate(.14em,-.14em)}.contact-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.6rem;display:flex}.contact-row .socials{gap:1.6rem;display:flex}.contact-row .socials a{font-family:var(--grotesk);color:var(--muted);transition:color .3s var(--ease);font-size:.9rem;position:relative}.contact-row .socials a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .35s var(--ease);position:absolute;bottom:-3px;left:0}.contact-row .socials a:hover{color:var(--ink)}.contact-row .socials a:hover:after{width:100%}.colophon{font-family:var(--grotesk);color:var(--faint);letter-spacing:.02em;font-size:.8rem}