body{margin:0}:root{--bg:#f9f5ec;--ink:#1f1a17;--muted:#57483b;--accent:#a35e28;--brown:#5a3e2b;--line:#d9c2a6;--paper:#fbf7ef;--raised:#efe3d6;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{-webkit-font-smoothing:antialiased;background:#f9f5ec;background:var(--bg);color:#1f1a17;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}a{color:#a35e28;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a,button,input,summary,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9a402b;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.15}h2{font-size:clamp(2rem,4vw,3.25rem);margin-bottom:20px;max-width:800px}h3{font-size:1.5rem}p{color:#57483b;color:var(--muted)}.shell{margin-inline:auto;width:min(1120px,calc(100% - 64px))}.section-pad{padding-block:100px}.portfolio main>section:not(:first-child){scroll-margin-top:100px}.eyebrow{color:#a35e28;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;line-height:1.6;margin-bottom:20px}.site-header{background:#0000;border:0;position:sticky;top:0;z-index:20}.header-inner{align-items:center;display:flex;height:80px;justify-content:space-between}.desktop-nav{background:linear-gradient(180deg,#fffdf8,#f1e4d5);border:1px solid #d9c2a6;border-radius:18px;box-shadow:0 3px 0 #e3d0bb,0 8px 20px #5a3e2b16,inset 0 1px #fff;margin-left:auto;padding:5px 10px}.brand{color:#1f1a17;color:var(--ink);font-size:2rem;font-weight:800;letter-spacing:-.08em}.brand span{color:#a35e28;color:var(--accent)}nav{align-items:center;display:flex;gap:30px}nav a{color:var(--muted);font-size:.87rem;padding-block:12px}nav a[aria-current]{color:#a35e28;color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.menu-toggle.ant-btn{display:none}.skip-link{background:#fbf7ef;background:var(--paper);left:16px;padding:12px;position:fixed;top:-100px;z-index:100}.skip-link:focus{top:12px}.hero{grid-gap:90px;align-items:center;display:grid;gap:90px;grid-template-columns:1.45fr 1fr;min-height:550px;padding-block:42px 60px}.hero h1{font-size:clamp(3rem,5.8vw,5rem);font-weight:650;line-height:1.05;margin-bottom:30px}.hero h1>span{color:#a35e28;color:var(--accent)}.hero h1 small{color:#57483b;color:var(--muted);display:block;font-size:1.1rem;font-weight:400;letter-spacing:0;margin-top:20px}.hero-summary{color:#1f1a17;color:var(--ink);font-size:1.5rem;line-height:1.5;max-width:520px}.hero-detail{max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{align-items:center;background:linear-gradient(180deg,#fffdf9,#f3e5d6);border:1px solid #d8b99c;border-radius:12px;box-shadow:0 3px 0 #dec7ae,0 7px 16px #5a3e2b13,inset 0 1px #fff;color:#1f1a17;color:var(--ink);display:inline-flex;font-size:.85rem;font-weight:600;gap:10px;justify-content:center;padding:12px 19px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:focus-visible,.button:hover{background:#f2e2d1;box-shadow:0 5px 0 #d8b99c,0 10px 20px #5a3e2b1e;text-decoration:none;transform:translateY(-2px)}.button.primary{background:linear-gradient(180deg,#9a653e,#5a3e2b);border-color:#5a3e2b;box-shadow:0 4px 0 #442c1d,0 8px 18px #5a3e2b26,inset 0 1px #ffffff35;color:#fff}.button.primary:focus-visible,.button.primary:hover{background:linear-gradient(180deg,#a27149,#69482f)}.hero-social{display:flex;font-size:.85rem;gap:24px;margin-top:26px}.hero-social a{align-items:center;display:flex;gap:8px}.hero-aside{background:linear-gradient(145deg,#ebd8c2,#d6b99a);border:1px solid #c5a582;border-radius:18px 18px 32px 32px;box-shadow:0 8px 0 #b48e69,0 20px 32px #4c311e26,inset 0 1px #fff;padding:32px;position:relative;transform:rotate(1deg)}.hero-aside:before{background:repeating-linear-gradient(#0000 0 22px,#ffffff07 23px),linear-gradient(145deg,#312d28,#181817);border:solid #35291f;border-radius:12px 12px 4px 4px;border-width:8px 8px 15px;box-shadow:0 5px 0 #271c13,inset 0 0 0 1px #ffffff30;content:"";display:block;height:195px;margin:0 auto 22px}.hero-aside:after{color:#e5ba8d;content:"‹  /  portfolio.tsx";font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;left:19%;position:absolute;top:45px}.hero-aside>.eyebrow{font-size:.62rem}.stack-layer{background:linear-gradient(150deg,#fffcf7,#f4e7d8);border:1px solid #d9c2a6;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 0 #dec7ae,0 7px 12px #5a3e2b10,inset 0 1px #fff;margin-bottom:10px;padding:18px 20px;transform:rotate(-1deg)}.stack-layer>span{color:#57483b;color:var(--muted);font-size:.6rem;letter-spacing:.12em}.stack-layer strong{display:block;font-size:1.2rem}.stack-layer p{font-size:.75rem;margin:3px 0 0}.aside-note{font-size:.75rem;margin:20px 0 0}.section-heading{margin-bottom:42px}.section-heading>p:last-child:not(.eyebrow){max-width:600px}.about-grid{grid-gap:34px;align-items:center;background:linear-gradient(140deg,#fffcf7,#f0e3d5);border:1px solid #d7bea1;border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 0 #dec7ae,0 12px 24px #5a3e2b13,inset 0 1px #fff;display:grid;gap:34px;grid-template-columns:210px 1fr;padding:22px 26px}.about-grid img{border:5px solid #fffdf8;border-radius:14px;box-shadow:0 3px 0 #c9a984,0 8px 16px #5a3e2b1a;height:260px;object-fit:cover;width:100%}.large-copy{color:#1f1a17;color:var(--ink);font-size:1.5rem;line-height:1.5}.text-link{font-size:.9rem;font-weight:600}.experience-row{grid-gap:55px;background:linear-gradient(140deg,#fffcf7,#f0e3d5);border:1px solid #d7bea1;border-radius:16px;box-shadow:0 3px 0 #dec7ae,0 8px 18px #5a3e2b11;display:grid;gap:55px;grid-template-columns:1fr 2fr;margin-bottom:14px;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.experience-row:hover{box-shadow:0 5px 0 #dec7ae,0 12px 20px #5a3e2b16;transform:translateY(-2px)}.experience-row h3{margin-bottom:10px}.experience-row .eyebrow{font-size:.65rem;margin-bottom:15px}.experience-row .role{color:#1f1a17;color:var(--ink);font-weight:600;margin-bottom:4px}.detail-list{color:#57483b;color:var(--muted);margin:0 0 24px;padding-left:20px}.detail-list li{margin-bottom:12px;padding-left:5px}.detail-list li::marker{color:#a35e28;color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.tags li{background:linear-gradient(180deg,#fffdf9,#f1e2d2);border:1px solid #dfc8ae;border-radius:9px;box-shadow:0 2px 0 #e5d1bb,inset 0 1px #fff;color:#633e23;font-size:.72rem;line-height:1.5;padding:5px 10px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:linear-gradient(145deg,#fffcf7,#f1e3d4);border:1px solid #d7bea1;border-radius:20px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.project-card:focus-within,.project-card:hover{box-shadow:0 4px 0 #dec7ae,0 10px 22px #5a3e2b18;transform:translateY(-4px)}.project-visual{aspect-ratio:16/9;background:linear-gradient(145deg,#ebd8c2,#d6b99a);border-bottom:1px solid #d9c2a6;border-bottom:1px solid var(--line);overflow:hidden}.project-visual>img{height:100%;object-fit:contain;width:100%}.project-body{display:flex;flex:1 1;flex-direction:column;padding:30px}.project-body .eyebrow{font-size:.6rem;margin-bottom:12px}.project-body h3{font-size:1.7rem;margin-bottom:10px}.project-period{font-size:.75rem}.project-body .detail-list{font-size:.88rem}.project-body .tags{margin-top:auto}.project-links{display:flex;font-size:.85rem;font-weight:600;gap:24px;margin-top:24px}.project-links:empty{display:none}.project-placeholder{background:#593427;color:#fff4e8;display:flex;flex-direction:column;height:100%;justify-content:center;padding:26px 36px}.project-placeholder>span{color:#eed3bf;font-size:.6rem;letter-spacing:.18em}.project-placeholder strong{font-size:2.6rem;letter-spacing:-.04em;line-height:1.1;margin:20px 0}.cursor{color:#edae85}.mini-tags{display:flex;font-size:.6rem;gap:8px}.mini-tags span{border:1px solid #bc9378;border-radius:4px;padding:3px 8px}.more-work{border-block:1px solid #d9c2a6;border-block:1px solid var(--line);margin-top:32px;padding-block:20px}.more-work summary{cursor:pointer;font-weight:600}.more-work p{margin-top:20px}.more-work img{border-radius:12px;height:auto;max-width:100%}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:linear-gradient(145deg,#fffcf7,#f1e3d4);border:1px solid #d7bea1;border-radius:20px;border-radius:var(--radius);box-shadow:0 3px 0 #dec7ae,0 8px 18px #5a3e2b11;padding:28px}.panel h3{font-size:1.1rem;letter-spacing:-.01em}.education-grid{grid-gap:45px;display:grid;gap:45px;grid-template-columns:1fr 1fr;margin-top:55px;padding-top:40px}.education-grid h3{font-size:1.3rem;line-height:1.4}.education-grid p{margin-bottom:8px}.site-footer{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding-block:28px}.site-footer p{margin:0}.contact-content{max-width:840px;text-align:center}.contact-content .section-heading h2,.contact-content .section-heading>p{margin-inline:auto}.contact-content .hero-social{justify-content:center}.contact-email{max-width:100%;overflow-wrap:anywhere}.project-details{border-top:1px solid #d9c2a6;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.project-details summary{color:#a35e28;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:600}.project-details .detail-list{margin-bottom:0;margin-top:20px}#home{isolation:isolate;overflow:hidden;position:relative}#home:before{background:radial-gradient(ellipse at 85% 25%,#eed3bf 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:enter .6s ease-out both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-copy>:nth-child(6){animation-delay:.4s}#home:before{animation:warm-light 4s ease-out both}@keyframes warm-light{0%{opacity:.3;transform:scale(1.12) translateX(3%)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes enter{0%{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1000px){nav{gap:18px}.hero{gap:40px}.hero-aside{padding:20px}.about-grid{gap:40px}.project-body{padding:24px}.hero h1{font-size:3.8rem}}@media (max-width:760px){.shell{width:calc(100% - 40px)}.header-inner{height:68px}.desktop-nav{display:none}.menu-toggle.ant-btn{display:inline-flex}.navigation-drawer nav{align-items:stretch;flex-direction:column;gap:12px}.navigation-drawer nav a{display:block;padding:12px}.hero{gap:44px;grid-template-columns:1fr;min-height:0;padding-block:65px}.hero h1{font-size:clamp(2.8rem,10vw,4rem)}.hero-summary{font-size:1.3rem}.hero-aside{max-width:500px;width:100%}.hero-aside,.stack-layer{transform:none}.section-pad{padding-block:65px}.about-grid{gap:28px;grid-template-columns:1fr}.about-grid img{height:300px;max-width:280px}.experience-row{gap:15px}.experience-row,.projects-grid{grid-template-columns:1fr}.skills-grid{gap:14px}.panel{padding:20px}.education-grid{gap:28px;grid-template-columns:1fr}.site-footer{flex-wrap:wrap;gap:18px}.project-placeholder strong{font-size:2.7rem}}@media (max-width:420px){.project-placeholder{padding:16px 20px}.project-placeholder strong{font-size:1.6rem;margin:10px 0}.skills-grid{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.project-body{padding:22px}.hero-social{margin-top:24px}.site-footer .brand{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.brand,.navigation-drawer .ant-drawer-title,h1,h2,h3{font-family:Georgia,Times New Roman,serif;letter-spacing:-.025em}.portfolio main{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr))}.portfolio main>section{min-width:0;width:100%}#about,#contact,#home,#projects,#skills{grid-column:1/-1}#education,#experience{grid-column:span 6}#about .section-pad,#contact .section-pad,#education .section-pad,#experience .section-pad,#projects .section-pad,#skills .section-pad{background:linear-gradient(145deg,#fffcf7,#f0e2d3);border:1px solid #d7bea1;border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 0 #dec7ae,0 12px 24px #5a3e2b13,inset 0 1px #fff;padding-block:36px;padding-inline:26px}#about .about-grid{background:#0000;border:0;border-radius:0;box-shadow:none;padding:0}#about .section-heading,#contact .section-heading,#education .section-heading,#experience .section-heading,#projects .section-heading,#skills .section-heading{margin-bottom:24px}.education-grid{border-top:1px solid #d9c2a6;border-top:1px solid var(--line);gap:12px;grid-template-columns:1fr;margin-top:0;padding-top:18px}.education-grid article{background:#fbf7ef;border:1px solid #dfc8ae;border-radius:12px;box-shadow:inset 0 1px #fff;padding:14px}.education-grid h3{font-size:1.2rem}.education-grid .eyebrow{margin-bottom:8px}#experience .experience-row{gap:12px;grid-template-columns:1fr}#projects .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#skills .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .brand{font-size:2.2rem;font-style:italic}.navigation-drawer nav{align-items:stretch;flex-direction:column}.navigation-drawer nav a{padding:10px 12px}@media (max-width:900px){#education,#experience{grid-column:1/-1}#projects .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:36px}}@media (max-width:760px){.portfolio main{display:block}.portfolio main>section{margin-bottom:12px}.hero{min-height:0;padding-block:42px 56px}.hero h1>span{display:block}#about .section-pad,#contact .section-pad,#education .section-pad,#experience .section-pad,#projects .section-pad,#skills .section-pad{padding:26px 20px}.about-grid{gap:18px;grid-template-columns:130px 1fr}.about-grid img{height:180px}.large-copy{font-size:1.15rem}}@media (max-width:520px){.about-grid{grid-template-columns:1fr}.about-grid img{height:175px;width:150px}#projects .projects-grid,#skills .skills-grid{grid-template-columns:1fr}.hero-aside{padding:22px}.hero-aside:before{height:145px}.hero-aside:after{top:35px}}.portfolio main{display:block}.portfolio main>section{margin:0 0 32px}.shell{width:min(1080px,calc(100% - 48px))}.site-header{background:#f2e6d8;border-bottom:1px solid #dbc7b1;box-shadow:0 5px 18px #5a3e2b18}.header-inner{height:76px}.desktop-nav{background:#0000;border:0;border-radius:0;box-shadow:none;padding:0}nav{gap:26px}nav a{color:#57483b;font-size:.9rem}.hero{gap:32px;grid-template-columns:1fr;min-height:0;padding-block:72px 60px}.hero-copy{max-width:800px}.hero h1{font-size:clamp(2.8rem,5vw,4.5rem)}.hero h1>span{display:inline}.hero-aside{grid-gap:18px;background:#f1e8dc;border:1px solid #e4d7c6;box-shadow:none;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px;transform:none}.hero-aside:after,.hero-aside:before{display:none}.aside-note,.hero-aside>.eyebrow{grid-column:1/-1;margin:0}.stack-layer{background:#0000;border:0;box-shadow:none;margin:0;padding:0;transform:none}#about .section-pad,#contact .section-pad,#education .section-pad,#experience .section-pad,#projects .section-pad,#skills .section-pad{background:#fcf9f3;border:1px solid #e4d7c6;border-radius:16px;box-shadow:0 6px 20px #5a3e2b06;padding:42px}h2{font-size:clamp(2rem,3.2vw,2.8rem)}#experience .experience-row{gap:32px;grid-template-columns:240px 1fr}.experience-row{background:#0000;border:0;border-radius:0;border-top:1px solid #e4d7c6;box-shadow:none;margin:0;padding:26px 0}.experience-row:hover{box-shadow:none;transform:none}.education-grid{gap:0}.education-grid article{background:#0000;border:0;border-bottom:1px solid #e4d7c6;box-shadow:none;padding:22px 0}.education-grid article:last-child{border-bottom:0}.panel,.project-card{background:#fffdf8}.panel,.project-card,.tags li{border-color:#e4d7c6;box-shadow:none}.tags li{background:#f4ede3}.contact-content{max-width:1080px}@media (max-width:760px){.shell{width:calc(100% - 32px)}.header-inner{height:66px}.hero{padding-block:40px}.hero-aside{gap:20px;grid-template-columns:1fr}#about .section-pad,#contact .section-pad,#education .section-pad,#experience .section-pad,#projects .section-pad,#skills .section-pad{padding:26px 22px}#experience .experience-row{gap:14px;grid-template-columns:1fr}.portfolio main>section{margin-bottom:20px}}.hero{align-items:start;gap:30px clamp(32px,6vw,88px);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero-heading{grid-column:1/-1}.hero-heading h1{margin-bottom:0}.hero-copy{max-width:none;min-width:0}.hero h1{font-size:clamp(3rem,7vw,6rem)}.hero h1>.animated-name{display:inline;white-space:nowrap}.animated-name>span{display:inline-block}.hero-aside{background:#efe3d6;border:1px solid #d9c2a6;border:1px solid var(--line);border-radius:14px;gap:14px;grid-template-columns:1fr;padding:24px 28px}.hero-aside .stack-layer{border-top:1px solid #d9c2a6;border-top:1px solid var(--line);padding:11px 0 0}#about{background:#fffcf7;border-top:1px solid #c8a785}#home:before{background:none}#about .section-pad,#contact .section-pad,#education .section-pad,#experience .section-pad,#projects .section-pad,#skills .section-pad{background:#0000;border:0;border-radius:0;box-shadow:none;padding:60px 0}.portfolio main>section{margin-bottom:0}#education{background:#efe3d6}#education .education-grid{gap:48px;grid-template-columns:1fr 1fr}#education .education-grid article{border:0}#experience .experience-list{border-left:1px solid #d9c2a6;border-left:1px solid var(--line);padding-left:28px}#experience .experience-row{position:relative}.experience-row:before{background:#a35e28;background:var(--accent);border:1px solid #f9f5ec;border:1px solid var(--bg);border-radius:50%;content:"";height:10px;left:-34px;position:absolute;top:32px;width:10px}#projects .projects-grid{display:block}.project-card{grid-gap:40px;background:#0000;border:0;border-radius:0;border-top:1px solid #d9c2a6;border-top:1px solid var(--line);display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible;padding:40px 0}.project-card:focus-within,.project-card:hover{box-shadow:none;transform:none}.project-visual{align-self:start;border:0;border-radius:12px;transition:transform .3s ease}.project-card:hover .project-visual{transform:translateY(-4px)}.project-body{padding:0}.project-body .tags{margin-top:8px}.project-body h3{font-size:clamp(1.6rem,2.8vw,2.2rem)}#skills{background:#5a3e2b}#skills,#skills h2,#skills h3{color:#fff7eb}#skills .eyebrow{color:#ebc8a4}#skills .panel{background:#0000;border:0;border-radius:0;box-shadow:none;padding:18px 0}#skills .tags li{background:#0000;border-color:#ab8c71;color:#fff7eb}#contact .section-pad{padding-block:85px}::selection{background:#d9c2a6;color:#1f1a17}@media (prefers-reduced-motion:no-preference){.animated-name>span{animation:letter-pop .65s cubic-bezier(.2,.9,.3,1.3) backwards}@keyframes letter-pop{0%{opacity:.25;transform:translateY(20px) rotate(-6deg) scale(.85)}to{opacity:1;transform:none}}}@media (max-width:760px){.hero{gap:36px;grid-template-columns:1fr}.hero h1>.animated-name{display:block}.hero-aside{grid-template-columns:1fr}#education .education-grid{gap:0;grid-template-columns:1fr}.project-card{gap:24px}#skills .skills-grid,.project-card{grid-template-columns:1fr}#about .section-pad,#contact .section-pad,#education .section-pad,#experience .section-pad,#projects .section-pad,#skills .section-pad{padding:42px 0}}
/*# sourceMappingURL=main.d1a192e0.css.map*/