:root{--cream: #F5EFE4;--warm-white: #FAF7F2;--sand: #E8DCC8;--terracotta: #C4714A;--rust: #A8522A;--ochre: #D4954A;--bark: #6B4E35;--ink: #2A1F14;--muted: #8C7560;--sage: #7A8C6E;--paper: #EDE5D4;--raised: #FAF7F2;--terracotta-solid: #C4714A;--rust-solid: #A8522A;--on-dark: #FAF7F2;--panel: #2A1F14;--panel-text: #F5EFE4;--panel-line: rgba(255,255,255,.07);--plate: #FCFAF6;--plate-line: #E3D5BD;--plate-shadow: rgba(107, 78, 53, .45);--nav-hi: rgba(255,255,255,.24);--nav-tint: rgba(245,239,228,.4);--nav-tint-scrolled: rgba(245,239,228,.68);--nav-edge: rgba(255,255,255,.4);--nav-edge-hi: rgba(255,255,255,.55);--nav-shadow: rgba(42,31,20,.06);--nav-shadow-scrolled: rgba(42,31,20,.12);--grain-opacity: .5;color-scheme:light;--font-display: "Playfair Display", serif;--font-body: "Lora", Georgia, serif;--font-mono: "DM Mono", monospace}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--warm-white: #141413;--cream: #1A1918;--paper: #262624;--sand: #30302E;--ink: #FAF9F5;--bark: #C4C2B8;--muted: #9C9A92;--terracotta: #D97757;--rust: #D97757;--ochre: #D97757;--sage: #93A786;--terracotta-solid: #C6613F;--rust-solid: #A9502F;--raised: #1F1E1D;--on-dark: #FAF9F5;--panel: #0C0C0B;--panel-text: #FAF9F5;--panel-line: #262624;--plate: #1F1E1D;--plate-line: #30302E;--plate-shadow: transparent;--nav-hi: rgba(255,255,255,.03);--nav-tint: rgba(20,20,19,.6);--nav-tint-scrolled: rgba(20,20,19,.82);--nav-edge: #262624;--nav-edge-hi: rgba(255,255,255,.05);--nav-shadow: transparent;--nav-shadow-scrolled: rgba(0,0,0,.4);--grain-opacity: .3}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--warm-white);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}.cursor,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;will-change:transform;opacity:0;transition:opacity .2s ease}.cursor{z-index:9999}.cursor-ring{z-index:9998}.cursor.is-visible,.cursor-ring.is-visible{opacity:1}.cursor:before{content:"";position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--terracotta);transition:transform .1s ease,background .2s ease}.cursor-ring:before{content:"";position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--terracotta);box-sizing:border-box;opacity:.6;transition:transform .18s ease,opacity .18s ease}.cursor.hovered:before{transform:scale(2.5);background:var(--ochre)}.cursor-ring.hovered:before{transform:scale(.5);opacity:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;pointer-events:none;z-index:1000;opacity:var(--grain-opacity)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 60px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--nav-hi),rgba(255,255,255,0) 55%),var(--nav-tint);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--nav-edge);box-shadow:inset 0 1px 0 var(--nav-edge-hi),inset 0 -1px #c4714a14,0 8px 30px var(--nav-shadow);transition:padding .3s ease,background .3s ease,box-shadow .3s ease}nav.nav-scrolled{padding:14px 60px;background:linear-gradient(to bottom,var(--nav-hi),rgba(255,255,255,0) 55%),var(--nav-tint-scrolled);box-shadow:inset 0 1px 0 var(--nav-edge-hi),inset 0 -1px #c4714a1f,0 12px 40px var(--nav-shadow-scrolled)}@supports (backdrop-filter: url(#a)) or (-webkit-backdrop-filter: url(#a)){nav{backdrop-filter:url(#liquid-glass-filter) saturate(180%) blur(3px);-webkit-backdrop-filter:url(#liquid-glass-filter) saturate(180%) blur(3px)}}.nav-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;text-decoration:none}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--terracotta);transition:width .3s ease}.nav-links a:hover{color:var(--terracotta)}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;padding:0;flex-shrink:0}.nav-toggle span{display:block;width:100%;height:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}.nav-toggle-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle-open span:nth-child(2){opacity:0}.nav-toggle-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{position:fixed;top:0;left:0;right:0;z-index:99;background:var(--cream);border-bottom:1px solid rgba(196,113,74,.15);box-shadow:0 16px 32px var(--nav-shadow-scrolled);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .25s ease,padding .3s ease;padding:0 24px}.nav-mobile-menu-open{max-height:420px;opacity:1;padding:88px 24px 20px}.nav-mobile-menu ul{list-style:none;display:flex;flex-direction:column}.nav-mobile-menu a{display:block;padding:16px 4px;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bark);text-decoration:none;border-bottom:1px solid var(--sand)}.nav-mobile-menu li:last-child a{border-bottom:none}.nav-mobile-menu a:hover{color:var(--terracotta)}#hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.hero-left{display:flex;flex-direction:column;justify-content:center;padding:140px 60px 80px;position:relative;z-index:2}.hero-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--terracotta);margin-bottom:28px;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease .2s forwards;display:flex;align-items:center;gap:12px}.hero-tag:before{content:"";display:inline-block;width:32px;height:1px;background:var(--terracotta)}.hero-name{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:900;line-height:.95;letter-spacing:-.03em;color:var(--ink);margin-bottom:10px;opacity:0;transform:translateY(30px);animation:fadeUp .9s ease .4s forwards}.hero-name em{font-style:italic;color:var(--terracotta)}.hero-subtitle{font-size:1.05rem;color:var(--muted);line-height:1.7;margin-top:28px;max-width:400px;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease .6s forwards}.hero-cta{display:flex;gap:20px;align-items:center;margin-top:50px;opacity:0;animation:fadeUp .8s ease .8s forwards}.btn-primary{background:var(--terracotta-solid);color:#fff;padding:14px 32px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;transition:background .25s,transform .2s;position:relative;overflow:hidden;display:inline-block}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rust-solid);transform:translate(-101%);transition:transform .3s ease}.btn-primary:hover:before{transform:translate(0)}.btn-primary span{position:relative;z-index:1}.btn-secondary{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bark);text-decoration:none;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--sand);padding-bottom:2px;transition:color .2s,border-color .2s}.btn-secondary:hover{color:var(--terracotta);border-color:var(--terracotta)}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.hero-stats{display:flex;gap:48px;margin-top:64px;opacity:0;animation:fadeUp .8s ease 1s forwards}.stat-item{text-align:left}.stat-num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--terracotta);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:4px}.scroll-hint{position:absolute;bottom:40px;right:60px;writing-mode:vertical-rl;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px;opacity:0;animation:fadeIn 1s ease 1.5s forwards}.scroll-hint:after{content:"";width:1px;height:50px;background:linear-gradient(to bottom,var(--muted),transparent);animation:scrollLine 1.5s ease-in-out infinite}@keyframes scrollLine{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.5}}section{padding:120px 60px;position:relative}.section-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terracotta);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:before{content:attr(data-num);font-size:.6rem;color:var(--on-dark);background:var(--terracotta-solid);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink);margin-bottom:24px}.section-title em{font-style:italic;color:var(--terracotta)}#about{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-img-wrap{position:relative}.about-img-frame{width:100%;aspect-ratio:4/5;background:var(--sand);position:relative;overflow:hidden}.about-img-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 40%,rgba(196,113,74,.25) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(212,149,74,.2) 0%,transparent 50%)}.about-img-frame svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.about-img-decoration{position:absolute;top:-20px;right:-20px;width:120px;height:120px;border:1.5px solid var(--terracotta);opacity:.4}.about-img-tag{position:absolute;bottom:-16px;left:30px;background:var(--terracotta-solid);color:#fff;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;padding:10px 20px}.about-text p{font-size:1.05rem;line-height:1.85;color:var(--bark);margin-bottom:22px}.about-text p strong{color:var(--ink)}.about-details{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-item{padding:16px 0;border-top:1px solid var(--sand)}.detail-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.detail-value{font-size:.95rem;color:var(--ink);font-weight:600}#experience{background:var(--warm-white)}.experience-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px}.experience-intro-left{max-width:500px}.experience-list{display:flex;flex-direction:column;border-top:1px solid var(--sand)}.experience-list--modal{border-top:none}.experience-list--modal .experience-item:first-child{padding-top:0}.experience-list--modal .experience-item:last-child{border-bottom:none;padding-bottom:0}.experience-item{display:grid;grid-template-columns:200px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--sand)}.experience-period{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--terracotta);padding-top:4px}.experience-period-current{display:inline-flex;align-items:center;gap:6px}.experience-period-current:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sage);flex-shrink:0}.experience-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:6px}.experience-company{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.experience-desc{font-size:.95rem;color:var(--bark);line-height:1.7;max-width:560px;margin-top:12px}#education{background:var(--cream)}.education-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px}.education-intro-left{max-width:500px}.education-list{display:flex;flex-direction:column;border-top:1px solid var(--sand)}.education-list--modal{border-top:none}.education-list--modal .education-item:first-child{padding-top:0}.education-list--modal .education-item:last-child{border-bottom:none;padding-bottom:0}.education-item{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--sand)}.education-years{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--terracotta);padding-top:4px}.education-degree{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink);margin-bottom:6px}.education-institution{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.education-desc{font-size:.95rem;color:var(--bark);line-height:1.7;max-width:560px;margin-top:12px}.experience-intro-left,.education-intro-left{max-width:none}.experience-intro,.education-intro{gap:32px;margin-bottom:44px}.experience-intro .section-title,.education-intro .section-title{margin-bottom:0}@media (max-width: 900px){#experience,#education{display:flex;flex-direction:column}.experience-intro,.education-intro{display:contents}.experience-intro-left,.education-intro-left{order:1;margin-bottom:32px}.experience-intro>.view-all,.education-intro>.view-all{order:3;align-self:flex-start;margin-top:28px}}.site-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:var(--warm-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .55s ease,visibility .55s ease}.site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.site-loader.is-done .site-loader-bar>span{animation:none}.site-loader-mark{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}.site-loader-bar{position:relative;width:150px;height:1px;background:var(--sand);overflow:hidden}.site-loader-bar>span{position:absolute;top:0;bottom:0;left:0;width:38%;background:var(--terracotta);animation:loader-sweep 1.2s ease-in-out infinite}@keyframes loader-sweep{0%{transform:translate(-105%)}to{transform:translate(370%)}}.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}@media (prefers-reduced-motion: reduce){.site-loader-bar>span{animation:none;width:100%;opacity:.55}.site-loader{transition:none}}.index-layout{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:40px;padding-top:32px;border-top:1px solid var(--sand)}.index-aside{padding-right:28px;border-right:1px solid var(--sand)}.index-aside{display:flex;justify-content:center}.index-art{display:flex;flex-direction:column;width:200px;min-height:100%}.index-art svg{flex:none;display:block}.index-art-mid{background-image:var(--tile);flex:1 1 auto;min-height:40px;background-repeat:no-repeat round;background-position:center top}.index-rows{border-bottom:1px solid var(--sand)}.index-rows>.index-row:last-child{border-bottom:none}.index-row{display:grid;grid-template-columns:44px 230px minmax(0,1fr);column-gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--sand)}.index-row:first-child{padding-top:0}.index-num{font-family:var(--font-display);font-size:1rem;color:var(--terracotta)}.index-label{display:flex;flex-direction:column;gap:10px;padding-top:3px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:var(--ink)}.index-value{display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--ink)}.index-inline{display:flex;flex-wrap:wrap;gap:4px 22px;font-family:var(--font-display);font-size:1.08rem}@media (max-width: 900px){.index-layout{grid-template-columns:minmax(0,1fr)}.index-aside{display:none}.index-layout{padding-top:24px}.index-row{grid-template-columns:32px minmax(0,1fr);row-gap:8px}.index-value{grid-column:2}.index-label{font-size:.68rem}}#experience>.spread-wrap,#education>.spread-wrap{order:2}.spread{display:grid;grid-template-columns:42% 58%;border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}.spread-left{display:flex;min-height:340px;padding:40px 44px 40px 0;border-right:1px solid var(--sand)}.art-card{position:relative;flex:1;min-width:0;display:flex;background-color:var(--plate);background-image:linear-gradient(to right,rgba(196,113,74,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(196,113,74,.07) 1px,transparent 1px);background-size:25% 100%,100% 33.34%;border:1px solid var(--plate-line);box-shadow:0 18px 40px -28px var(--plate-shadow);color:var(--terracotta)}.art-card:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(196,113,74,.18);pointer-events:none}.art-card-drawing{flex:1;min-width:0;padding:40px 36px}.art-card-drawing svg{display:block;width:100%;height:100%}.spread-right{display:flex;flex-direction:column;justify-content:center;padding:40px 0 40px 44px}.spread-entry{padding:26px 0;border-bottom:1px solid var(--sand);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.spread-entry:first-child{padding-top:0}.spread-entry:last-child{border-bottom:none;padding-bottom:0}.spread-entry:focus-visible{outline:1px dashed var(--terracotta);outline-offset:6px}.spread-date{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terracotta)}.spread-title{margin:12px 0 4px;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;line-height:1.15;color:var(--ink)}.spread-org{font-family:var(--font-display);font-size:1.1rem;line-height:1.4;color:var(--rust)}.spread-copy{max-width:56ch;margin-top:12px;font-size:.94rem;line-height:1.75;color:var(--muted)}.spread-footline{display:flex;justify-content:space-between;gap:16px;max-width:56ch;margin-top:18px;padding-top:12px;border-top:1px solid var(--sand);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media (max-width: 760px){.spread{grid-template-columns:minmax(0,1fr)}.spread-left{min-height:0;height:250px;padding:24px 0;border-right:none;border-bottom:1px solid var(--sand)}.art-card-drawing{padding:26px 20px}.spread-right{padding:28px 0}.spread-date{font-size:.68rem}.spread-footline{flex-direction:column;gap:6px;font-size:.66rem}}#skills{background:var(--warm-white)}.skills-header{max-width:600px;margin-bottom:70px}.code-bar{background:var(--panel);padding:60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.code-bar-text{font-family:var(--font-display);font-size:1.8rem;font-style:italic;color:var(--panel-text);font-weight:400;max-width:500px;line-height:1.4}.code-bar-text em{color:var(--ochre);font-style:normal}.code-snippet{font-family:var(--font-mono);font-size:.75rem;color:var(--sage);line-height:1.8;letter-spacing:.02em}.code-snippet .comment{color:var(--muted)}.code-snippet .keyword{color:var(--ochre)}.code-snippet .string{color:#b5c99a}#projects{background:var(--cream)}.projects-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.projects-intro-left{max-width:500px}.view-all{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);text-decoration:none;background:transparent;border:none;border-bottom:1px solid var(--terracotta);display:flex;align-items:center;gap:8px;padding:0 0 3px;transition:opacity .2s}.view-all:hover{opacity:.7}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.project-card{position:relative;overflow:hidden;background:#1b130d;aspect-ratio:4/3}.project-card.project-card--tall{grid-row:span 2;aspect-ratio:auto}.project-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s ease,filter .6s ease,opacity .6s ease}.project-bg--site{opacity:0}.project-card:hover .project-bg,.project-card:focus-within .project-bg{transform:scale(1.04);filter:blur(1.2px)}.project-card:hover .project-bg--site,.project-card:focus-within .project-bg--site{opacity:1}.project-card{container-type:inline-size}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,#140e09b8,#140e0900 60%),radial-gradient(80% 62% at 50% 36%,#140e094d,#140e09bd)}.project-overlay-body{position:relative;padding:36px 36px 34px 40px}.project-overlay-name,.project-desc{text-shadow:0 1px 3px rgba(0,0,0,.55)}.project-overlay:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--terracotta),var(--ochre));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.22,1,.36,1) .05s}.project-card:hover .project-overlay,.project-card:focus-within .project-overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease,visibility 0s}.project-card:hover .project-overlay:before,.project-card:focus-within .project-overlay:before{transform:scaleY(1)}.project-num,.project-title-visible{transition:opacity .25s ease}.project-card:hover .project-num,.project-card:hover .project-title-visible,.project-card:focus-within .project-num,.project-card:focus-within .project-title-visible{opacity:0}.project-num{position:absolute;top:24px;left:28px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:#fff9}.project-title-visible{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(to top,rgba(42,31,20,.75),transparent)}.project-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:4px}.project-tech-list{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--ochre);text-transform:uppercase}.project-overlay-body>*{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-overlay-body>*,.project-card:focus-within .project-overlay-body>*{opacity:1;transform:translateY(0)}.project-card:hover .project-overlay-body>:nth-child(1),.project-card:focus-within .project-overlay-body>:nth-child(1){transition-delay:.06s}.project-card:hover .project-overlay-body>:nth-child(2),.project-card:focus-within .project-overlay-body>:nth-child(2){transition-delay:.1s}.project-card:hover .project-overlay-body>:nth-child(3),.project-card:focus-within .project-overlay-body>:nth-child(3){transition-delay:.14s}.project-card:hover .project-overlay-body>:nth-child(4),.project-card:focus-within .project-overlay-body>:nth-child(4){transition-delay:.18s}.project-card:hover .project-overlay-body>:nth-child(5),.project-card:focus-within .project-overlay-body>:nth-child(5){transition-delay:.22s}.project-card:hover .project-overlay-body>:nth-child(6),.project-card:focus-within .project-overlay-body>:nth-child(6){transition-delay:.26s}.project-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ochre);margin-bottom:12px}.project-eyebrow-cat:before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;opacity:.6;vertical-align:middle;margin-right:10px}.project-overlay-name{font-family:var(--font-display);font-size:1.55rem;font-weight:700;line-height:1.2;color:var(--on-dark)}.project-rule{display:block;width:44px;height:1px;background:var(--terracotta);margin:16px 0;flex-shrink:0}.project-desc{font-size:.9rem;color:#faf7f2d1;line-height:1.65;max-width:52ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.project-card--tall .project-desc{-webkit-line-clamp:10}.project-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.project-chips li{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#faf7f2c7;border:1px solid rgba(232,220,200,.22);background:#e8dcc80f;padding:4px 9px}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.project-btn,.project-closed{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;line-height:1;padding:11px 16px;border:1px solid transparent;white-space:nowrap}.project-btn--primary{background:var(--terracotta-solid);border-color:var(--terracotta-solid);color:#fff;transition:background .25s,border-color .25s}.project-btn--primary:hover{background:var(--rust-solid);border-color:var(--rust-solid)}.project-btn-arrow{transition:transform .25s ease}.project-btn--primary:hover .project-btn-arrow{transform:translate(2px,-2px)}.project-btn--ghost{color:var(--on-dark);border-color:#e8dcc861;transition:color .25s,border-color .25s,background .25s}.project-btn--ghost:hover{color:var(--ochre);border-color:var(--ochre);background:#d4954a14}.project-btn:focus-visible{outline:1px solid var(--ochre);outline-offset:3px}.project-closed{color:#faf7f28c;border:1px dashed rgba(232,220,200,.28)}@container (max-width: 460px){.project-overlay-body{padding:20px 20px 20px 24px}.project-eyebrow{margin-bottom:8px;font-size:.58rem}.project-overlay-name{font-size:1.15rem}.project-rule{margin:10px 0;width:32px}.project-desc,.project-card--tall .project-desc{font-size:.8rem;line-height:1.55;-webkit-line-clamp:3}.project-chips{display:none}.project-actions{margin-top:14px;gap:8px}.project-btn,.project-closed{font-size:.58rem;padding:9px 11px;letter-spacing:.1em}}@container (max-width: 300px){.project-eyebrow{display:none}.project-desc,.project-card--tall .project-desc{-webkit-line-clamp:2}}@media (max-width: 900px){.project-card,.project-card.project-card--tall,.modal-projects-grid .project-card{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto}.project-card:before{content:"";grid-area:1 / 1;width:100%;aspect-ratio:4 / 3}.project-overlay{position:relative;inset:auto;grid-area:1 / 1;min-width:0}.project-overlay{padding-top:84px}.project-bg{inset:0 0 auto 0;aspect-ratio:4 / 3;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}.project-desc,.project-card--tall .project-desc{display:block;-webkit-line-clamp:none;overflow:visible}}#contact{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}#contact .section-label{color:var(--ochre)}#contact .section-label:before{background:var(--ochre);color:var(--panel)}#contact .section-title{color:var(--panel-text)}#contact .section-title em{color:var(--terracotta)}.contact-sub{font-size:1rem;color:var(--muted);line-height:1.7;margin-bottom:44px;max-width:380px}.contact-links{display:flex;flex-direction:column;gap:20px}.contact-link-item{display:flex;align-items:center;gap:16px;text-decoration:none;padding:18px 24px;border:1px solid var(--panel-line);transition:border-color .3s,background .3s;position:relative;overflow:hidden}.contact-link-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c4714a14;transform:translate(-101%);transition:transform .35s ease}.contact-link-item:hover{border-color:#c4714a66}.contact-link-item:hover:before{transform:translate(0)}.contact-icon{font-size:1.2rem;flex-shrink:0;color:var(--terracotta);display:flex}.contact-icon svg{width:30px;height:30px}.contact-link-info{flex:1}.contact-link-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:3px}.contact-link-value{font-size:.95rem;color:var(--panel-text);font-weight:600}.contact-arrow{color:var(--terracotta);font-size:1rem;transition:transform .2s}.contact-link-item:hover .contact-arrow{transform:translate(4px,-4px)}.form-row{margin-bottom:20px}.form-label{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.form-input,.form-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--panel-text);font-family:var(--font-body);font-size:.95rem;padding:14px 18px;outline:none;transition:border-color .3s,background .3s;resize:none}.form-input:focus,.form-textarea:focus{border-color:var(--terracotta);background:#c4714a0f}.form-textarea{height:120px}.form-submit{width:100%;background:var(--terracotta-solid);color:#fff;border:none;padding:16px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:background .3s;position:relative;overflow:hidden;margin-top:8px}.form-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rust-solid);transform:translate(-101%);transition:transform .3s ease}.form-submit:hover:before{transform:translate(0)}.form-submit span{position:relative;z-index:1}footer{background:var(--panel);border-top:1px solid var(--panel-line);padding:32px 60px;display:flex;justify-content:space-between;align-items:center}.footer-copy{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;color:var(--muted)}.footer-copy em{color:var(--terracotta);font-style:normal}.footer-back{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.footer-back:hover{color:var(--terracotta)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.form-error{display:block;color:#e08b7a;font-size:.72rem;margin-top:6px;font-family:var(--font-mono)}.form-honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:min(90vw,360px)}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--panel);color:var(--panel-text);outline:1px solid var(--panel-line);font-family:var(--font-mono);font-size:.78rem;line-height:1.4;border-left:3px solid var(--terracotta);box-shadow:0 8px 24px #00000040;animation:toastIn .3s ease}.toast--success{border-left-color:var(--sage)}.toast--error{border-left-color:#c85a4a}.toast-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:#ffffff1a}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e08b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;display:flex;align-items:flex-start;justify-content:center;padding:60px 24px;overflow-y:auto;animation:fadeIn .25s ease}.modal-content{background:var(--raised);max-width:1100px;width:100%;padding:50px;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border:1px solid var(--sand);background:transparent;color:var(--bark);font-size:.9rem;transition:background .2s,color .2s}.modal-close:hover{background:var(--terracotta-solid);color:#fff;border-color:var(--terracotta-solid)}.modal-header{max-width:560px;margin-bottom:32px}.filter-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--sand)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bark);background:var(--paper);border:1px solid transparent;padding:8px 16px;transition:all .2s}.filter-chip:hover{border-color:var(--terracotta)}.filter-chip.active{background:var(--terracotta-solid);color:#fff}.filter-search{font-family:var(--font-body);font-size:.85rem;padding:10px 16px;border:1px solid var(--sand);background:var(--warm-white);color:var(--ink);min-width:220px;outline:none}.filter-search:focus{border-color:var(--terracotta)}.modal-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.modal-projects-grid .project-card{aspect-ratio:4/3.4}.modal-loading,.modal-empty{text-align:center;padding:60px 0;color:var(--muted);font-family:var(--font-mono);font-size:.85rem}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:36px}.pagination button{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);background:transparent;border:1px solid var(--terracotta);padding:10px 18px;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--terracotta-solid);color:#fff;border-color:var(--terracotta-solid)}.pagination button:disabled{opacity:.3;cursor:default}.pagination-status{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);letter-spacing:.05em}@media (max-width: 900px){.modal-content{padding:32px 20px}.modal-projects-grid{grid-template-columns:1fr}.modal-projects-grid .project-card{aspect-ratio:auto}.filter-search{min-width:0;width:100%}.cursor,.cursor-ring{display:none}}@media (max-width: 900px){nav,nav.nav-scrolled{padding:18px 24px}section{padding:80px 24px}#hero{grid-template-columns:1fr;min-height:auto;padding-top:100px}.hero-right{display:none}.hero-left{padding:0 24px 80px}#about,#contact{grid-template-columns:1fr;gap:48px}.about-img-wrap{display:none}.experience-item,.education-item{grid-template-columns:1fr;gap:8px}.projects-grid{grid-template-columns:1fr}.project-card.project-card--tall{aspect-ratio:auto;grid-row:auto}.code-bar{padding:40px 24px}.projects-intro,.education-intro,.experience-intro{flex-direction:column;align-items:flex-start;gap:16px}footer{flex-direction:column;gap:12px;text-align:center;padding:24px}.nav-links{display:none}.nav-toggle{display:flex}}@media (max-width: 600px){.about-details{grid-template-columns:1fr}.hero-stats{gap:28px;flex-wrap:wrap}.hero-cta{flex-wrap:wrap}}html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.about-img-frame .pt-cmd-top{display:none}@media (prefers-color-scheme: dark){:root .hero-art .hero-ground,:root .hero-art .hero-orb,:root .hero-art .hero-mat{opacity:0}:root .hero-art .hero-ring{stroke:#30302e;stroke-opacity:1}:root .hero-art .hero-frame{stroke:#3d3d3a;stroke-opacity:1}:root .hero-art .hero-corner{stroke:#3d3d3a;stroke-opacity:1}:root .hero-art .hero-dot{fill:#d97757;opacity:.85}:root .hero-art .hero-hair{fill:#3d3d3a;opacity:1}:root .hero-art .hero-body{fill:#d97757;opacity:1}:root .hero-art .hero-shirt{stroke:#14141373}:root .hero-art .hero-code{fill:#9c9a92}:root .hero-art .hero-code-dim{fill:#87867f}:root .about-img-frame{background:#1f1e1d;box-shadow:0 0 0 1px #30302e}:root .about-img-frame:before{background:none}:root .about-img-frame .pt-bg-a,:root .about-img-frame .pt-bg-b{stop-color:#1f1e1d}:root .about-img-frame .pt-glow{fill:#262624;opacity:1}:root .about-img-frame .pt-braces{fill:#faf9f5;opacity:.06}:root .about-img-frame .pt-head{fill:#d4a882;opacity:1}:root .about-img-frame .pt-body{fill:#d97757;opacity:1}:root .about-img-decoration{border-color:#3d3d3a;opacity:1}:root .art-card{color:#d97757;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}:root .art-card:before{border-color:#30302e}:root .art-card svg [fill=currentColor]{fill:#faf9f5}:root .art-card svg [stroke=currentColor]{stroke-opacity:.9}:root .index-art-mid{background-image:var(--tile-dark)}:root .index-art svg{stroke:#6f6e68}:root .index-art .idx-tint{fill:#ffffff0a}:root .index-art .idx-accent{fill:#d97757}:root .index-art .idx-accent-line{stroke:#3d3d3a;stroke-opacity:1}:root .project-card{background-color:#1a1918;box-shadow:inset 0 0 0 1px #ffffff0f}:root .project-title-visible{background:linear-gradient(to top,rgba(12,12,11,.85),transparent)}:root .project-overlay{background:linear-gradient(to top,#0c0c0bc7,#0c0c0b00 60%),radial-gradient(80% 62% at 50% 36%,#0c0c0b59,#0c0c0bc7)}:root .contact-link-item:before{background:#ffffff08}:root .contact-link-item:hover{border-color:#d97757}:root .form-input,:root .form-textarea{background:#141413;border-color:#30302e}:root .form-input:focus,:root .form-textarea:focus{background:#141413;border-color:#d97757}:root .form-input::placeholder,:root .form-textarea::placeholder{color:#6f6e68}:root nav{box-shadow:inset 0 1px 0 var(--nav-edge-hi),0 8px 30px var(--nav-shadow)}:root nav.nav-scrolled{box-shadow:inset 0 1px 0 var(--nav-edge-hi),0 12px 40px var(--nav-shadow-scrolled)}:root .btn-secondary{border-bottom-color:#3d3d3a}:root .modal-overlay{background:#000c}:root .modal-content{box-shadow:0 0 0 1px #30302e,0 30px 80px #0009}:root .code-snippet .string{color:#b0aea5}:root ::selection{background:#d9775766;color:#fff}:root .contact-icon rect[fill=currentColor]{fill:#faf9f5;stroke:#3d3d3a;stroke-opacity:1}:root .about-img-frame .pt-cmd-top{display:inline;fill:#141413;opacity:.82}}