@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--text:#9aaac1;--bright:#e2e8f0;--accent:#5eead4;--line:#243249;--muted:#7e8fa9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:42px}body{background:radial-gradient(ellipse at 15% 4%,#162743 0,transparent 49%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.7}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--bright)}h3{font-size:16px;font-weight:600;line-height:1.5}.portfolio-shell{grid-template-columns:1fr 1.12fr;gap:80px;max-width:1180px;margin:auto;padding:0 48px;display:grid}.intro{flex-direction:column;justify-content:space-between;height:100svh;min-height:620px;max-height:1100px;padding:100px 0 58px;display:flex;position:sticky;top:0}.eyebrow{letter-spacing:2px;color:var(--muted);margin-bottom:23px;font-size:10px;font-weight:600}.intro h1{letter-spacing:-3px;font-size:66px;font-weight:750;line-height:1.1}.name-dot{color:var(--accent)}.intro h2{letter-spacing:-.5px;margin-top:16px;font-size:21px;font-weight:500}.tagline{max-width:305px;margin-top:18px;font-size:16px;line-height:1.65}.section-nav{flex-direction:column;align-items:flex-start;gap:18px;margin-top:64px;display:flex}.section-nav a{letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:11px;font-weight:650;display:flex}.nav-line{background:var(--muted);width:30px;height:1px;transition:width .2s,background .2s;display:block}.nav-number{letter-spacing:0;color:var(--muted);font-size:9px}.section-nav a[aria-current],.section-nav a:hover{color:var(--bright)}.section-nav a[aria-current] .nav-line,.section-nav a:hover .nav-line{background:var(--accent);width:62px}.small-note{color:var(--muted);margin-bottom:17px;font-size:11px}.socials{color:var(--bright);flex-wrap:wrap;gap:23px;font-size:12px;display:flex}.main-content{min-width:0;padding:104px 0 50px}section{margin-bottom:100px;scroll-margin-top:32px}.section-heading{letter-spacing:2px;text-transform:uppercase;align-items:center;gap:13px;margin-bottom:31px;font-size:11px;font-weight:650;display:flex}.section-heading span{color:var(--accent);letter-spacing:.5px;font-size:10px}.section-heading:after{content:"";background:var(--line);flex:1;height:1px;margin-left:9px}.about-copy p{margin-bottom:20px}.about-copy p:first-child{color:#c1ccdc}.section-note{color:var(--muted);align-items:center;gap:10px;margin-top:29px;font-size:11px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #5eead429}.card-list{flex-direction:column;gap:18px;display:flex}.experience-card,.project-card{border:1px solid #0000;border-radius:7px;margin:0 -20px;padding:20px;transition:background .2s,border-color .2s}.experience-card:hover,.project-card:hover,.project-card:focus-within{background:#26374d45;border-top-color:#7d94b21a}.period{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:11px}.experience-card p:not(.period),.project-card p:not(.project-category){margin-top:12px;font-size:13px;line-height:1.75}.muted{color:var(--muted)}.responsibilities{margin:12px 0 0;padding-left:17px;font-size:13px}.responsibilities li{margin:6px 0}.tags{flex-wrap:wrap;gap:7px;margin:17px 0 0;padding:0;list-style:none;display:flex}.tags li{color:#75e0d1;background:#2dd4bf16;border-radius:20px;padding:5px 11px;font-size:10px;font-weight:550;line-height:1.5}.text-link{color:var(--bright);align-items:center;gap:12px;margin-top:28px;font-size:13px;font-weight:600;display:inline-flex}.arrow{font-size:17px;line-height:1;transition:transform .2s;display:inline-block}.text-link:hover .arrow,h3 a:hover .arrow{transform:translate(3px,-3px)}.resume-pending{color:var(--bright);margin-top:27px;font-size:13px}.resume-pending span{color:var(--muted);margin-left:12px;font-size:10px}.project-card{grid-template-columns:135px 1fr;gap:20px;display:grid}.project-category{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:5px;font-size:9px}.project-visual{background:#243348;border:1px solid #6c80943d;border-radius:4px;height:91px;margin-top:4px;padding:9px;transition:border-color .2s;overflow:hidden}.project-card:hover .project-visual{border-color:#8fa7c878}.mini-window{background:#e3dfd6;border-radius:2px;height:100%;overflow:hidden;box-shadow:0 4px 12px #0004}.mini-toolbar{background:#f0ede7;align-items:center;gap:2px;height:9px;padding:0 4px;display:flex}.mini-toolbar i{background:#a5a29c;border-radius:100%;width:2px;height:2px}.mini-toolbar span{letter-spacing:.5px;color:#656c6c;margin-left:auto;font-size:3px}.mini-site{color:#44473d;height:62px;padding:7px;position:relative}.mini-site small{letter-spacing:1px;font-size:3px;display:block}.mini-site strong{margin-top:4px;font-family:Georgia,serif;font-size:11px;line-height:1.15;display:block}.mini-image{background:linear-gradient(90deg,#a9a48e 20%,#c8c2ad 20% 25%,#827e6c 25% 75%,#dad3bd 75%);border-radius:18px 18px 0 0;width:33px;height:44px;position:absolute;top:6px;right:5px}.mini-button{letter-spacing:.3px;margin-top:6px;font-size:2.5px;display:block}.willcall{background:#1b343b}.delivery{background:#232e4a}.mini-app{background:#eef1f3;height:65px;display:flex}.mini-sidebar{background:#253a42;flex-direction:column;align-items:center;gap:6px;width:17px;display:flex}.mini-sidebar b{color:#d5e0ce;font-size:8px}.mini-sidebar i{background:#71898c;width:7px;height:2px}.mini-content{flex:1;padding:6px}.mini-content>strong{color:#39444a;font-size:5px;display:block}.mini-stats{gap:3px;margin:5px 0;display:flex}.mini-stats i{background:#d1dfdb;border:1px solid #b8ccc5;flex:1;height:10px}.mini-row{border-bottom:1px solid #d4dcdf;align-items:center;gap:5px;height:8px;display:flex}.mini-row i{background:#b1bfc5;width:3px;height:3px}.mini-row span{background:#c2cbd1;width:30px;height:2px}.mini-row b{background:#8ab8a2;width:10px;height:3px;margin-left:auto}.archive-link{margin-top:30px}.archive-link span{font-size:20px}footer{color:var(--muted);max-width:360px;margin-top:70px;font-size:11px;line-height:1.9}footer a{color:var(--text)}.skip-link{background:var(--accent);color:var(--bg);z-index:20;padding:8px 16px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{color:var(--bg);transform:translateY(0)}.archive-shell{max-width:1230px;margin:auto;padding:75px 48px}.back-link{color:var(--accent);gap:10px;font-size:14px;font-weight:500;display:inline-flex}.archive-eyebrow{margin-top:65px;margin-bottom:13px}.archive-shell h1{letter-spacing:-2px;font-size:52px;line-height:1.2}.archive-description{margin-top:19px;font-size:15px}.archive-table-wrap{margin-top:53px}table{border-collapse:collapse;text-align:left;width:100%}thead th{color:var(--bright);padding:0 18px 18px 0;font-size:11px;font-weight:500}tbody tr{border-top:1px solid var(--line);scroll-margin-top:35px}tbody tr:target{background:#2dd4bf0a}tbody th,tbody td{vertical-align:top;padding:24px 22px 24px 0}tbody th{width:38%;font-weight:400}.archive-project-name{color:var(--bright);align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.featured-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.archive-project-description{max-width:365px;margin-top:8px;font-size:12px}.category-column{width:18%;font-size:12px}.stack-column{width:29%}.stack-column .tags{margin-top:0}.project-links{min-width:105px;font-size:12px}.project-links a{color:var(--bright);white-space:nowrap;margin-bottom:8px;display:block}.project-links a:hover{color:var(--accent)}.link-pending{color:var(--muted);font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1400px){.portfolio-shell{gap:110px;max-width:1220px}.intro{padding-top:112px}.main-content{padding-top:116px}}@media (max-width:1000px){.portfolio-shell{grid-template-columns:.85fr 1.15fr;gap:44px;padding:0 36px}.intro h1{font-size:56px}.project-card{grid-template-columns:1fr}.project-visual{width:155px;height:103px}.mini-site{height:74px}.mini-app{height:78px}.mini-row{height:10px}.category-column{display:none}.stack-column{width:35%}}@media (max-width:760px){html{scroll-padding-top:18px}.portfolio-shell{padding:0 28px;display:block}.intro{gap:37px;height:auto;min-height:0;padding:68px 0 50px;position:relative}.intro h1{font-size:60px}.intro h2{font-size:21px}.tagline{max-width:340px}.section-nav{flex-flow:wrap;gap:24px;margin-top:33px}.section-nav a{letter-spacing:1px;gap:7px;font-size:10px}.nav-line,.small-note{display:none}.main-content{padding:20px 0 40px}section{margin-bottom:72px}.section-heading{margin-bottom:26px}.project-card{grid-template-columns:135px 1fr;gap:20px}.project-visual{width:135px;height:91px}.mini-site{height:62px}.mini-app{height:65px}.mini-row{height:8px}.archive-shell{padding:40px 28px}.archive-eyebrow{margin-top:47px}.archive-shell h1{font-size:41px}.archive-description{font-size:14px}.stack-column{display:none}tbody th{width:auto}tbody td,tbody th{padding-top:22px;padding-bottom:22px}.project-links{min-width:92px;padding-right:0}.archive-project-description{font-size:12px}footer{margin-top:48px}}@media (max-width:440px){.portfolio-shell{padding:0 24px}.intro{padding-top:50px}.intro h1{font-size:54px}.project-card{grid-template-columns:1fr;gap:16px}.project-visual{width:155px;height:101px}.section-nav{gap:17px}.experience-card,.project-card{margin:0 -12px;padding:16px 12px}.archive-shell{padding:35px 22px}.archive-shell h1{font-size:34px}.archive-project-name{font-size:14px}.project-links{min-width:76px}.link-pending{font-size:10px}}.project-card-internal{border-left:2px solid #5eead42b;border-radius:0 7px 7px 0;grid-template-columns:1fr}.project-access{color:var(--muted);letter-spacing:.2px;margin-top:7px;font-size:10px;display:inline-block}.project-card p.project-skills{margin-top:18px;font-size:11px;line-height:1.8}.project-skills strong{color:var(--bright);font-weight:500}.festival{background:#3b3151}.festival .mini-window{background:#f0e8d8}.festival .mini-image{background:repeating-linear-gradient(90deg,#a7554c 0 6px,#cf9b51 6px 12px,#66806b 12px 18px);border-radius:1px;width:24px;height:36px;top:13px}.festival .mini-site strong{font-size:10px}.festival .mini-site small{letter-spacing:.3px;font-size:2.5px}.catalog{background:#344039}.mini-catalog{color:#44473d;padding:7px}.mini-catalog>strong{font-size:5px;display:block}.mini-products{gap:5px;margin-top:6px;display:flex}.mini-products>div{background:#eeece6;flex:1;padding:4px}.mini-products i{background:linear-gradient(90deg,#707575,#b1b4b2 45%,#6f7473 48%,#b1b4b2 50%,#8b908d);border-radius:1px;height:22px;display:block}.mini-products span{background:#b0b2a8;height:2px;margin-top:4px;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}