:root{--bg:#171512;--bg-soft:#201d19;--panel:rgba(32,29,25,0.5);--panel-strong:rgba(45,41,36,0.75);--line:rgba(242,237,230,0.06);--line-strong:rgba(242,237,230,0.14);--text:#f2ede6;--muted:#a8a29a;--soft:#756f66;--accent:#d9734a;--accent-soft:rgba(217,115,74,0.08);--accent-strong:#e88a5f;--shadow:0 30px 100px rgba(0,0,0,0.45);--radius:18px;--container:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-display:clamp(2.75rem,5.5vw,4.75rem);--lh-tight:1.1;--lh-snug:1.3;--lh-normal:1.6;--lh-relaxed:1.75;--font-sans-fallback:"Inter","Segoe UI",sans-serif;--font-display-fallback:"Syne",Georgia,serif;--font-mono-fallback:"JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);font-family:var(--font-sans),var(--font-sans-fallback);background-color:var(--bg);background-image:radial-gradient(circle at 10% 20%,rgba(74,129,217,.08),transparent 30%),radial-gradient(circle at 90% 80%,rgba(74,129,217,.05),transparent 40%),linear-gradient(rgba(74,129,217,.07) 1px,transparent 0),linear-gradient(90deg,rgba(74,129,217,.07) 1px,transparent 0);background-size:100% 100%,100% 100%,60px 60px,60px 60px;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease}img{max-width:100%;display:block}main{min-height:calc(100vh - 120px)}.page-shell{position:relative;overflow-x:clip}.splash-screen{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);overflow:hidden}.splash-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,var(--accent-soft),transparent 55%)}.splash-name{font-family:var(--font-display),var(--font-display-fallback);font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0}.splash-role{font-family:var(--font-mono),var(--font-mono-fallback);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.splash-bar-track{width:160px;height:2px;margin-top:16px;background:var(--line-strong);overflow:hidden;border-radius:999px}.splash-bar-fill{width:100%;height:100%;background:var(--accent);transform-origin:left}.container{width:min(var(--container),calc(100vw - 48px));margin:0 auto}.section{padding:var(--space-9) 0}.section-alt{background:var(--bg-soft)}.section-tight{padding:var(--space-7) 0}.section-heading{display:grid;grid-gap:16px;gap:16px;margin-bottom:50px;max-width:800px}.section-heading.with-action{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none}h1,h2,h3{font-family:var(--font-display),var(--font-display-fallback);font-weight:700;letter-spacing:-.03em}h1{font-size:var(--text-3xl)}h1,h2{line-height:var(--lh-tight)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl);line-height:var(--lh-snug)}.hero-copy h1,.page-top h1,.section-heading h1,.section-heading h2,.section-heading h3{margin:0;line-height:1.05}.lede,.muted,.section-heading p{margin:0;color:var(--muted);font-size:var(--text-md);line-height:var(--lh-relaxed);font-weight:400}.eyebrow{font-family:var(--font-mono),var(--font-mono-fallback);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.glass,.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.glass{background:rgba(18,18,20,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.panel{background:var(--panel)}.panel:hover{border-color:rgba(217,115,74,.2);background:var(--panel-strong)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:32px;gap:32px}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px}.stack{display:grid;grid-gap:24px;gap:24px}.button-row,.footer-links,.project-links{display:flex;flex-wrap:wrap;gap:16px}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font-size:.95rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.button-small{min-height:38px;padding:0 18px;font-size:.85rem}.button{background:var(--accent);color:#ffffff;box-shadow:0 4px 20px rgba(217,115,74,.25)}.button:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 8px 30px rgba(217,115,74,.4)}.button-secondary{border:1px solid var(--line-strong);background:rgba(242,237,230,.03);color:var(--text)}.button-secondary:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.chip-list,.metric-list{display:flex;flex-wrap:wrap;gap:8px}.chip,.compact-meta,.experience-period,.metric-pill,.project-pill{font-family:var(--font-mono),var(--font-mono-fallback);border:1px solid var(--line);border-radius:999px;white-space:nowrap;transition:all .2s ease}.chip{padding:8px 14px;background:rgba(242,237,230,.02);color:var(--muted);font-size:.82rem}.chip:hover{border-color:rgba(217,115,74,.3);color:var(--text);background:var(--accent-soft)}.compact-meta,.experience-period,.metric-pill,.project-pill{padding:6px 12px;background:var(--accent-soft);color:var(--accent-strong);border-color:rgba(217,115,74,.25);font-size:.76rem;font-weight:500}.image-frame{position:relative;overflow:hidden;min-height:320px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(160deg,#2a2620,#14120f);border:1px solid var(--line)}.image-frame img{object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.image-frame:hover img{transform:scale(1.05)}.header-wrap{position:-webkit-sticky;position:sticky;top:24px;z-index:100;padding-top:8px;width:100%}.header{justify-content:space-between;gap:20px;padding:10px 24px;border-radius:999px}.brand,.header{display:flex;align-items:center}.brand{font-family:var(--font-display),var(--font-display-fallback);font-size:1.1rem;font-weight:800;letter-spacing:-.01em;color:var(--text);gap:8px}.brand span{transition:color .2s ease}.brand:hover span{color:var(--accent)}.nav{display:flex;align-items:center;gap:4px}.nav,.nav-link{position:relative}.nav-link{padding:10px 18px;border-radius:999px;color:var(--muted);font-weight:500;font-size:.92rem;transition:color .25s ease}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--accent-strong)}.nav-active-pill{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(217,115,74,.12);border:1px solid rgba(217,115,74,.2);border-radius:999px;z-index:-1}.menu-toggle{display:none;border:0;background:transparent;color:var(--text);cursor:pointer}.hero-section{padding-top:60px}.hero-minimal{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;grid-gap:48px;gap:48px}@media (max-width:980px){.hero-minimal{grid-template-columns:1fr;gap:40px;align-items:stretch}}.hero-copy-minimal{display:grid;grid-gap:32px;gap:32px;max-width:62ch}.hero-copy-minimal h1{font-size:clamp(3.2rem,5.8vw,5rem);max-width:14ch;line-height:1.05;margin:0;font-family:var(--font-display),var(--font-display-fallback);font-weight:700;letter-spacing:-.03em}.hero-portrait-minimal{width:100%;align-self:end;margin-bottom:-8px}@media (max-width:980px){.hero-portrait-minimal{margin-bottom:0}}.compact-card,.contact-strip,.detail-card,.experience-card,.footer,.mini-card,.preview-column,.principle-panel,.skill-card{padding:32px}.portrait-frame{min-height:480px;border-radius:999px 999px var(--radius) var(--radius)}.project-card{display:flex;flex-direction:column;overflow:hidden;height:100%;position:relative}.project-signal{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(217,115,74,.08),transparent 60%)}.project-signal span{font-family:var(--font-mono),var(--font-mono-fallback);color:var(--muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.project-signal strong{font-family:var(--font-display),var(--font-display-fallback);font-size:1.1rem;color:var(--accent-strong)}.project-body{display:flex;flex-direction:column;gap:20px;padding:24px;flex-grow:1}.project-body h3{font-family:var(--font-display),var(--font-display-fallback);font-size:1.6rem;margin:0;letter-spacing:-.01em}.project-meta{display:flex;align-items:center;justify-content:space-between}.project-links{margin-top:auto;padding-top:16px}.about-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:32px;gap:32px}.principle-panel{align-content:start;border-left:2px solid var(--accent)}.principle-row{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;grid-gap:8px;gap:8px}.principle-marker{width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--accent)}.project-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:32px;gap:32px}.detail-flow{display:grid;grid-gap:40px;gap:40px}.detail-prose{border-left:2px solid var(--accent);padding-left:24px;display:grid;grid-gap:8px;gap:8px;max-width:72ch}.detail-prose h3{font-family:var(--font-display),var(--font-display-fallback);font-size:1.3rem;margin:0}.detail-stats-strip{display:flex;flex-wrap:wrap;gap:12px}.detail-card{display:grid;grid-gap:16px;gap:16px}.detail-card h3{font-family:var(--font-display),var(--font-display-fallback);font-size:1.4rem;margin:0;color:var(--accent-strong)}.detail-list{padding-left:20px;margin:0}.detail-list li{margin-bottom:12px;color:var(--muted);line-height:1.6}.interest-card{display:grid;grid-gap:16px;gap:16px;padding:32px;text-align:center;align-content:center}.interest-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);border:1px solid rgba(217,115,74,.25);color:var(--accent);font-family:var(--font-mono),var(--font-mono-fallback);font-size:1rem;font-weight:700;margin:0 auto}.interest-card h3{font-family:var(--font-display),var(--font-display-fallback);margin:0;font-size:1.25rem}.contact-strip{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;border:1px solid rgba(217,115,74,.15);background:linear-gradient(135deg,rgba(217,115,74,.05),rgba(18,18,20,.5))}.contact-strip h2{font-family:var(--font-display),var(--font-display-fallback);font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:0}.footer{grid-template-columns:1fr;gap:40px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);padding:48px}.footer-copy{display:grid;grid-gap:16px;gap:16px}.footer h3{font-family:var(--font-display),var(--font-display-fallback);font-size:2.5rem;margin:0}.footer-links{display:flex;gap:20px}.footer-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono),var(--font-mono-fallback);font-size:.85rem;color:var(--muted);border:1px solid var(--line);padding:10px 18px;border-radius:999px;background:rgba(242,237,230,.01);transition:all .25s ease}.footer-link:hover{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.page-top{padding:100px 0 40px}.page-top h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.08;margin-bottom:16px;max-width:21ch}.preview-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.about-page-grid{display:grid;grid-template-columns:1.2fr .8fr}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong);font-size:.95rem;font-weight:600;transition:color .2s ease,gap .2s ease}.text-link:hover{color:var(--accent);gap:8px}.mobile-resume-link{display:none}.header-resume-desktop{display:flex;align-items:center}@media (max-width:1100px){.hero-panel-top{grid-template-columns:1fr}}@media (max-width:980px){.about-home-grid,.about-page-grid,.contact-strip,.grid-three,.grid-two,.hero-grid,.preview-grid,.project-detail-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,1fr)}.section{padding:80px 0}.section-tight{padding:60px 0}.about-page-grid,.preview-grid{grid-template-columns:1fr}}@media (max-width:840px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(242,237,230,.05);border:1px solid var(--line)}.nav{position:absolute;left:0;right:0;top:calc(100% + 16px);display:none;flex-direction:column;padding:20px;border-radius:20px;background:#171512;border:1px solid var(--line-strong);gap:8px;z-index:100;box-shadow:0 20px 60px rgba(0,0,0,.8)}.nav.nav-open{display:flex}.nav-link{width:100%;text-align:center;padding:12px}.header-resume-desktop,.nav-active-pill{display:none}.mobile-resume-link{display:block;border-top:1px solid var(--line);padding-top:8px;margin-top:4px}.section-heading.with-action{display:flex;flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:640px){.container{width:min(var(--container),calc(100vw - 32px))}.hero-copy h1{font-size:clamp(2.8rem,12vw,4rem)}.hero-stats{grid-template-columns:1fr}.hero-stat strong{font-size:2rem}.portrait-frame{min-height:380px}.compact-card,.contact-strip,.detail-card,.experience-card,.footer,.hero-stat,.hero-visual,.mini-card,.preview-column,.principle-panel,.skill-card{padding:24px}.footer h3{font-size:1.8rem}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:16px;gap:16px}.tech-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 12px;border-bottom:1px solid var(--line);cursor:default;transition:border-color .25s ease,background .25s ease,transform .25s ease}.tech-card:hover{border-color:rgba(217,115,74,.35);background:var(--bg-soft)}.tech-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .25s ease}.tech-card:hover .tech-icon{transform:scale(1.1)}.tech-name{font-family:var(--font-mono),var(--font-mono-fallback);font-size:.75rem;color:var(--muted);text-align:center;letter-spacing:.04em;transition:color .25s ease}.tech-card:hover .tech-name{color:var(--text)}@media (max-width:640px){.tech-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.tech-card{padding:18px 12px}.tech-icon{width:32px;height:32px}}.about-home-prose{max-width:72ch}.contact-full-card{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:60px;gap:60px;padding:56px;border:1px solid rgba(217,115,74,.15);background:linear-gradient(135deg,rgba(217,115,74,.04),rgba(18,18,20,.6))}.contact-full-header{display:flex;flex-direction:column;align-items:flex-start}.contact-full-links{display:flex;flex-direction:column;gap:8px;justify-content:center}.contact-detail-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .25s ease,background .25s ease,transform .2s ease;text-decoration:none;color:inherit}.contact-detail-row:hover{border-color:rgba(217,115,74,.3);background:var(--accent-soft);transform:translateX(4px)}.contact-detail-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);border:1px solid rgba(217,115,74,.2);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s ease}.contact-detail-row:hover .contact-detail-icon{background:rgba(217,115,74,.15)}@media (max-width:900px){.contact-full-card{grid-template-columns:1fr;gap:40px;padding:36px}}@media (max-width:640px){.contact-full-card{padding:24px}}.site-footer-wrap{padding:60px 0 32px}.footer-bottom{justify-content:space-between;align-items:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.footer-bottom,.footer-bottom-links{display:flex;flex-wrap:wrap;gap:24px}.footer-nav-link{font-size:.88rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .25s ease}.footer-nav-link:hover{color:var(--text)}.footer-bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-location{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);text-decoration:none;transition:color .25s ease}.footer-location:hover{color:var(--text)}.footer-copy-text{margin:0;font-size:.82rem;font-family:var(--font-mono),var(--font-mono-fallback);color:var(--soft)}@media (max-width:640px){.footer-bottom{flex-direction:column}.footer-bottom,.footer-bottom-right{align-items:flex-start}}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.pt-0{padding-top:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-5{padding-bottom:var(--space-5)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.m-0{margin:0}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.font-display{font-family:var(--font-display),var(--font-display-fallback)}.font-mono{font-family:var(--font-mono),var(--font-mono-fallback)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-accent{color:var(--accent-strong)}.leading-snug{line-height:var(--lh-snug)}.leading-normal{line-height:var(--lh-normal)}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.w-fit{width:-moz-fit-content;width:fit-content}.block{display:block}.overflow-hidden{overflow:hidden}.text-right{text-align:right}.relative{position:relative}.w-full{width:100%}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.project-card-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#090a0f;overflow:hidden;border-bottom:1px solid var(--line)}.project-thumb-img{object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-thumb-img{transform:scale(1.04)}.project-thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,10,15,0) 50%,rgba(9,10,15,.5));pointer-events:none}.project-card-thumb-badge{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg);background:rgba(17,19,28,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-strong)}.project-thumb-featured{position:absolute;top:12px;right:12px;z-index:2}.project-detail-hero-frame{border-radius:16px;border:1px solid var(--line-strong);background:#0b0d14;box-shadow:0 24px 60px -12px rgba(0,0,0,.7)}.project-detail-browser-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#11131c;border-bottom:1px solid var(--line)}.project-detail-browser-dots{display:flex;align-items:center;gap:6px}.project-detail-browser-dots .dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-amber{background:#f59e0b}.dot-green{background:#10b981}.project-detail-browser-title{font-size:.8rem;font-family:var(--font-mono),monospace;color:var(--muted)}.architecture-frame{border-radius:12px;background:#080a0f;border:1px solid var(--line);box-shadow:inset 0 0 40px rgba(0,0,0,.5)}.grid-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}