:root{--bg: #f7f8f1;--bg-2: #edf1e6;--rule: #1a1a1a;--rule-soft: rgba(26, 26, 26, .14);--ink: #111110;--ink-2: #2b2a27;--muted: #6b6a64;--muted-2: #9a9890;--accent: #2f7a45;--accent-ink: #184f2f;--accent-soft: #dbe9d8;--accent-soft-2: rgba(47, 122, 69, .12);--paper: #ffffff;--serif: "Fraunces", "Source Serif 4", "Newsreader", Georgia, serif;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--pad-y: 120px;--pad-x: 64px;--col-gap: 32px;--max: 1320px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad-x);background:linear-gradient(to bottom,var(--bg) 60%,rgba(250,249,245,0));backdrop-filter:saturate(120%)}.mark{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.02em}.mark-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;transform:translateY(1px)}.mark b{font-weight:500;color:var(--ink)}.mark span{color:var(--muted)}.nav{display:flex;gap:28px;font-family:var(--mono);font-size:12px;color:var(--muted)}.nav a{position:relative;padding:6px 0;transition:color .2s ease}.nav a:hover{color:var(--ink)}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--accent);transition:right .25s ease}.nav a:hover:after{right:0}.nav-num{color:var(--muted-2);margin-right:6px}.hero{padding:180px var(--pad-x) 120px;max-width:var(--max);margin:0 auto;border-bottom:1px solid var(--rule)}.hero-meta{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--col-gap);font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-bottom:36px;border-bottom:1px solid var(--rule-soft);margin-bottom:36px}.hero-meta div span{display:block;color:var(--ink);margin-top:4px;font-weight:500;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:13px}.hero-name{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-family:var(--serif);font-weight:400;font-size:clamp(48px,8.4vw,132px);line-height:.96;letter-spacing:-.025em;margin:0 0 24px;color:var(--ink)}.hero-name-wordmark{width:clamp(260px,34vw,420px);max-width:100%;height:auto;display:block;color:var(--ink)}.hero-name-wordmark svg{width:100%;height:auto;display:block;overflow:visible}.hero-name-wordmark.is-static path,.hero-name-wordmark [data-wordmark-fill] path{fill:currentColor!important;stroke:none!important}.hero-name-wordmark .wordmark-mask-path{fill:none!important;stroke:#fff!important;stroke-linecap:round;stroke-linejoin:round;stroke-width:28;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length)}.hero-top{display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:end;min-width:0}.portrait{aspect-ratio:4 / 5;width:100%;background:repeating-linear-gradient(135deg,rgba(26,26,26,.06) 0 1px,transparent 1px 9px),linear-gradient(180deg,var(--bg-2),var(--accent-soft));border:1px solid var(--rule-soft);border-radius:2px;position:relative;overflow:hidden;filter:grayscale(.15) contrast(1.02);transition:filter .4s ease,transform .4s ease;margin:0}.portrait:hover{filter:none}.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.portrait:after{content:attr(data-label);position:absolute;left:12px;bottom:10px;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.portrait .tag{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:10px;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);padding:3px 7px;border-radius:99px;border:1px solid var(--rule-soft)}.hero-name em{font-style:italic;color:var(--accent-ink);font-weight:400}.typed-wrap{font-family:var(--mono);font-size:14px;color:var(--muted);margin:28px 0 0;display:flex;align-items:center;gap:10px}.typed-prompt{color:var(--accent)}.typed{color:var(--ink)}.caret{display:inline-block;width:8px;height:16px;background:var(--ink);margin-left:2px;transform:translateY(2px);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-foot{margin-top:64px;padding-top:36px;border-top:1px solid var(--rule-soft)}.hero-lede{font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--ink-2);max-width:56ch;font-weight:400;text-wrap:pretty;margin:0}.hero-lede em{font-style:italic;color:var(--accent-ink)}.hero-cta{display:flex;flex-direction:row;gap:0;font-family:var(--mono);font-size:12px}.hero-cta a{display:flex;align-items:center;gap:8px;padding:14px 24px;border:1px solid var(--rule-soft);margin-right:-1px;transition:color .2s ease,background .2s ease}.hero-cta a:hover{color:var(--accent-ink);background:var(--accent-soft)}.hero-cta a .arr{transition:transform .25s ease}.hero-cta a:hover .arr{transform:translate(4px)}section{scroll-margin-top:80px}.sec{max-width:var(--max);margin:0 auto;padding:var(--pad-y) var(--pad-x);border-bottom:1px solid var(--rule)}.sec:last-of-type{border-bottom:none}.sec-band{position:relative;isolation:isolate}.sec-band:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(180deg,#2f7a450d,#2f7a451c),linear-gradient(90deg,#ffffff42,#fff0);z-index:-1}.sec-head{display:grid;grid-template-columns:200px 1fr;gap:var(--col-gap);margin-bottom:64px}.sec-num{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;padding-top:14px}.sec-num:before{content:"";display:block;width:36px;height:1px;background:var(--ink);margin-bottom:12px}.sec-title{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.2vw,60px);line-height:1;letter-spacing:-.02em;margin:0}.sec-title em{font-style:italic;color:var(--accent-ink)}.about-grid{display:grid;grid-template-columns:200px 1fr 1fr;gap:var(--col-gap)}.about-left{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.about-left .label{display:block;margin-bottom:6px}.about-left .val{color:var(--ink);font-family:var(--sans);font-size:14px;text-transform:none;letter-spacing:0;font-weight:500;margin-bottom:24px;display:block}.about p{font-family:var(--serif);font-size:20px;line-height:1.55;color:var(--ink-2);margin:0 0 18px;text-wrap:pretty}.about p em{font-style:italic;color:var(--accent-ink)}.about p:last-child{margin-bottom:0}.projects{display:flex;flex-direction:column}.proj{display:grid;grid-template-columns:60px 200px 1fr 320px;gap:var(--col-gap);padding:32px 0;border-top:1px solid var(--rule-soft);align-items:start;transition:padding .35s cubic-bezier(.2,.8,.2,1);position:relative}.proj:hover{padding-left:14px}.proj:last-child{border-bottom:1px solid var(--rule-soft)}.proj-num{font-family:var(--mono);font-size:11px;color:var(--muted);padding-top:6px}.proj-year{font-family:var(--mono);font-size:11px;color:var(--muted);padding-top:6px;text-transform:uppercase;letter-spacing:.06em}.proj-year .stack{display:block;color:var(--ink-2);margin-top:6px;line-height:1.6}.proj-body h3{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.1;letter-spacing:-.015em;margin:0 0 8px;color:var(--ink);transition:color .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:14px}.proj:hover .proj-body h3{color:var(--accent-ink)}.proj-body h3 .marker{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:0;transform:translate(-8px);transition:opacity .3s,transform .3s}.proj:hover .proj-body h3 .marker{opacity:1;transform:translate(0)}.proj-kicker{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.proj-desc{font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--ink-2);max-width:52ch;margin:0 0 18px}.proj-tags{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.proj-tags span{padding:4px 8px;border:1px solid var(--rule-soft);border-radius:99px}.proj-thumb{aspect-ratio:4 / 3;background:repeating-linear-gradient(135deg,rgba(26,26,26,.05) 0 1px,transparent 1px 8px),var(--bg-2);border:1px solid var(--rule-soft);border-radius:2px;position:relative;overflow:hidden}.proj-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.proj-thumb:after{content:attr(data-label);position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.proj-thumb .badge{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:10px;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);padding:3px 7px;border-radius:99px;border:1px solid var(--rule-soft)}.exp{display:grid;grid-template-columns:200px 1fr;gap:var(--col-gap)}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:180px 1fr 200px;gap:var(--col-gap);padding:28px 0;border-top:1px solid var(--rule-soft)}.exp-item:last-child{border-bottom:1px solid var(--rule-soft)}.exp-when{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-top:8px}.exp-role h4{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1;margin:0 0 4px;letter-spacing:-.01em}.exp-role .org{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.exp-role p{font-family:var(--serif);font-size:16px;color:var(--ink-2);margin:0;max-width:52ch;line-height:1.5}.exp-stack{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.7;padding-top:10px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--col-gap)}.skill-col h5{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--rule-soft)}.skill-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.skill-col li{font-family:var(--serif);font-size:18px;color:var(--ink-2);padding:8px 0;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed transparent;transition:border-color .2s ease}.skill-col li:hover{border-bottom-color:var(--rule-soft)}.skill-col li .lvl{font-family:var(--mono);font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em}.travel-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:calc(var(--col-gap) * 1.5);align-items:start}.travel-copy p{font-family:var(--serif);font-size:20px;line-height:1.55;color:var(--ink-2);margin:0 0 18px;text-wrap:pretty}.travel-copy p:last-child{margin-bottom:0}.travel-stage{min-width:0}.travel-stage-top{display:flex;align-items:start;gap:24px;margin-bottom:20px}.travel-kicker{display:inline-block;font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.travel-stage h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.02em}.travel-carousel{margin-bottom:18px;max-width:100%;overflow-x:hidden;overflow-x:clip}.travel-frame{min-height:0;background:transparent;position:relative;max-width:100%;overflow:visible;display:flex;align-items:center;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%)}.travel-arrow{position:absolute;top:50%;z-index:3;width:46px;height:46px;margin-top:-23px;border:1px solid rgba(24,79,47,.12);border-radius:999px;background:#f7f8f1d6;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease;-webkit-mask-image:none;mask-image:none}.travel-arrow:hover{background:#f7f8f1fa;transform:translateY(-1px)}.travel-arrow-left{left:10px}.travel-arrow-right{right:10px}.travel-track{display:flex;align-items:center;gap:8px;padding:0;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.travel-slide{position:relative;flex:0 0 min(58vw,700px);height:auto;padding:0;border:0;background:transparent;opacity:.26;transform:scale(.84);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .3s ease;filter:saturate(.82);cursor:pointer;display:flex;justify-content:center;align-items:center}.travel-slide img{width:auto;height:auto;max-width:100%;max-height:398px;object-fit:contain;object-position:center center;display:block;padding:20px 20px 34px;background:#fff;box-shadow:0 14px 30px #1111101f}.travel-slide.is-prev,.travel-slide.is-next{opacity:.52;transform:scale(.9)}.travel-slide.is-active{opacity:1;transform:scale(1);filter:none;cursor:default}.travel-info{position:relative;min-height:210px;padding-top:18px;border-top:1px solid rgba(24,79,47,.12);background:transparent;overflow:hidden}.travel-info-slide{position:absolute;inset:0;padding:18px 0 0;opacity:0;pointer-events:none;transition:opacity .25s ease}.travel-info-slide.is-active{opacity:1;pointer-events:auto}.travel-info-slide h4{margin:0 0 6px;font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}.travel-frame-meta{display:inline-block;margin-bottom:12px;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.travel-info-slide p{margin:0;max-width:48ch;font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--ink-2)}.foot{background:var(--ink);color:#e9e7df;padding:100px var(--pad-x) 32px}.foot-inner{max-width:var(--max);margin:0 auto}.foot-big{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,96px);line-height:1;letter-spacing:-.025em;margin:0 0 48px}.foot-big em{font-style:italic;color:#94c9a1}.foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--col-gap);border-top:1px solid rgba(255,255,255,.12);padding-top:40px}.foot-grid h6{font-family:var(--mono);font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-weight:500}.foot-grid a,.foot-grid p{display:block;font-family:var(--sans);font-size:15px;color:#e9e7df;margin:4px 0}.foot-grid a{position:relative;transition:color .2s ease}.foot-grid a:hover{color:#94c9a1}.foot-bot{display:flex;justify-content:space-between;align-items:center;margin-top:80px;font-family:var(--mono);font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1100px){:root{--pad-x: 40px;--col-gap: 24px}.hero-meta{grid-template-columns:1fr 1fr;row-gap:24px}.proj{grid-template-columns:40px 160px 1fr 240px}.skills-grid{grid-template-columns:1fr 1fr}.travel-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;row-gap:32px}}@media(max-width:760px){:root{--pad-x: 24px}.nav{display:none}.hero{padding-top:120px;padding-bottom:80px}.hero-top,.hero-foot,.sec-head,.about-grid,.exp,.exp-item,.proj{grid-template-columns:1fr!important}.portrait{max-width:240px;margin-inline:auto}.hero-meta{grid-template-columns:1fr 1fr}.typed-wrap{display:none}.travel-stage{min-width:0}.travel-stage-top{flex-direction:column}.travel-frame{min-height:0}.travel-arrow{width:40px;height:40px;margin-top:-20px;font-size:18px}.travel-arrow-left{left:4px}.travel-arrow-right{right:4px}.travel-track{gap:6px;padding:0}.travel-slide{flex-basis:78vw;height:auto;transform:scale(.9)}.travel-slide img{width:auto;max-width:100%;max-height:248px;padding:14px 14px 24px}.travel-slide.is-prev,.travel-slide.is-next{opacity:.34;transform:scale(.86)}.travel-info{min-height:270px}.travel-info-slide{padding:18px 0 0}.travel-info-slide h4{font-size:28px}.travel-info-slide p{font-size:16px}.proj-thumb{aspect-ratio:16/9}.skills-grid{grid-template-columns:1fr}}