:root{--background-color:#ccd5ae;--text-color:#28351f;--nav-color:#d4a373;--primary-color:#e9edc9;--paper:#fefae0;--matcha-dark:#2f3e28;--matcha-mid:#718355;--matcha-soft:#e9edc9;--clay:#d4a373;--line:#2f3e2829;--shadow:0 18px 45px #2f3e281f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 8%,#fefae073,#0000 28%),linear-gradient(180deg,#ccd5ae,#d7dfbd 48%,#e9edc9);background:radial-gradient(circle at 82% 8%,#fefae073,#0000 28%),linear-gradient(180deg,var(--background-color),#d7dfbd 48%,var(--primary-color));color:#28351f;color:var(--text-color);font-family:Courier New,Courier,monospace;margin:0}a{color:inherit}img{display:block;max-width:100%}.App{min-height:100vh}.site-header{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fefae0e0;border:1px solid #2f3e2829;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #2f3e2814;display:flex;justify-content:space-between;margin:12px auto 0;padding:20px 12px 20px 18px;position:-webkit-sticky;position:sticky;width:min(1120px,calc(100% - 32px));z-index:10}.brand-link{color:#2f3e28;color:var(--matcha-dark);font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-bar{align-items:center;display:flex}.nav-bar a{border-radius:999px;color:#2f3e28;color:var(--matcha-dark);font-size:1.25rem;font-weight:700;padding:10px 12px;text-decoration:none;transition:background-color .16s ease,color .16s ease}.nav-bar a:focus-visible,.nav-bar a:hover{background:#e9edc9;background:var(--matcha-soft);color:#2f3e28;color:var(--matcha-dark);outline:none}#about,#home,#projects{scroll-margin-top:92px}.home-container{grid-gap:clamp(28px,5vw,58px);align-items:center;display:grid;gap:clamp(28px,5vw,58px);grid-template-columns:minmax(190px,.55fr) minmax(300px,1fr) minmax(260px,.78fr);margin:0 auto;min-height:calc(100vh - 80px);padding:clamp(56px,8vw,96px) 0;width:min(1120px,calc(100% - 32px))}.animation-stage{display:grid;min-height:450px;place-items:center;position:relative;z-index:3}.animation-frame{width:min(100%,310px)}.head-animation{height:340px;isolation:isolate;position:relative}.head-animation__bottom,.head-animation__top{left:50%;max-width:none;position:absolute;transform-origin:18% 100%}.head-animation__bottom{filter:drop-shadow(0 20px 18px rgba(47,62,40,.18));top:52px;translate:-50% 0;width:250px;z-index:3}.head-animation__top{margin-left:-120px;top:49px;width:240px;z-index:5}.head-animation--ready .head-animation__top{animation:crackOpen 1.65s cubic-bezier(.45,0,.2,1) forwards}@keyframes crackOpen{0%,16%{transform:translate(0) rotate(0)}34%{transform:translate(-2px,-8px) rotate(-1deg)}58%{transform:translate(1px,-24px) rotate(-3deg)}to{transform:translate(-8px,-62px) rotate(-7deg)}}.head-animation__prompt{color:#718355;color:var(--matcha-mid);font-size:.68rem;font-weight:800;left:50%;letter-spacing:.13em;opacity:0;position:absolute;text-transform:uppercase;top:35px;translate:-50% 0;z-index:1}.head-animation--ready .head-animation__prompt{animation:revealPrompt .5s ease 1.15s forwards}@keyframes revealPrompt{to{opacity:1}}.idea-stream{height:7px;left:53%;pointer-events:none;position:absolute;top:87px;width:3px;z-index:4}.idea-card{background:#fefae0;background:var(--paper);border:1px solid #2f3e2833;border-radius:5px;box-shadow:0 9px 20px #2f3e2833;height:70px;max-width:none;object-fit:cover;opacity:0;padding:4px;position:absolute;width:64px}.head-animation--ready .idea-card{animation:riseAndFrameHead 1.75s cubic-bezier(.22,.72,.24,1) forwards}.idea-card--one{--land-x:-145px;--land-y:-35px;--land-rotate:-8deg}.idea-card--two{--land-x:70px;--land-y:-35px;--land-rotate:-3deg}.idea-card--three{--land-x:-158px;--land-y:130px;--land-rotate:-4deg}.idea-card--four{--land-x:82px;--land-y:130px;--land-rotate:7deg}.head-animation--ready .idea-card--one{animation-delay:1.35s}.head-animation--ready .idea-card--two{animation-delay:1.52s}.head-animation--ready .idea-card--three{animation-delay:1.69s}.head-animation--ready .idea-card--four{animation-delay:1.86s}@keyframes riseAndFrameHead{0%{opacity:0;transform:translate(0) scale(.35) rotate(-8deg)}16%{opacity:1}72%{opacity:1;transform:translate(var(--land-x),calc(var(--land-y) - 16px)) scale(1.04) rotate(var(--land-rotate))}88%{transform:translate(var(--land-x),calc(var(--land-y) + 5px)) scale(.99) rotate(var(--land-rotate))}to{opacity:1;transform:translate(var(--land-x),var(--land-y)) scale(1) rotate(var(--land-rotate))}}.welcome{position:relative;z-index:2}.eyebrow{color:#718355;color:var(--matcha-mid);font-size:.78rem;font-weight:800;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#2f3e28;color:var(--matcha-dark)}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:200;line-height:.92;margin-bottom:20px;max-width:520px}h1,h2{padding:0;text-shadow:none}h2{color:#718355;color:var(--matcha-mid);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700;line-height:1.55;margin-bottom:0;max-width:600px}.hero-actions,.professional-links,.project-links{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.linkedin-button,.primary-action,.project-link,.resume-button,.secondary-action,.youtube-button{align-items:center;border:1px solid #2f3e28;border:1px solid var(--matcha-dark);border-radius:999px;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:11px 18px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.linkedin-button,.primary-action,.project-link{background:#2f3e28;background:var(--matcha-dark);color:#fefae0;color:var(--paper)}.resume-button,.secondary-action,.youtube-button{background:#fefae0d1;color:#2f3e28;color:var(--matcha-dark)}.linkedin-button:hover,.primary-action:hover,.project-link:hover,.resume-button:hover,.secondary-action:hover,.youtube-button:hover{box-shadow:0 12px 24px #2f3e2824;transform:translateY(-2px)}.polaroid-container{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(120px,1fr))}.polaroid{background:#fefae0;background:var(--paper);border:1px solid #2f3e2829;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #2f3e281f;box-shadow:var(--shadow);margin:0 auto;max-width:230px;opacity:0;padding:12px 12px 30px;width:100%}.polaroid:first-child{grid-row:span 2;transform:rotate(-4deg)}.polaroid:nth-child(2){transform:rotate(5deg)}.polaroid:nth-child(3){transform:rotate(3deg)}.polaroid img{aspect-ratio:4/5;border-radius:4px;object-fit:cover;width:100%}.fade-in-1{animation:fadeIn .8s ease-out forwards;animation-delay:.2s}.fade-in-2{animation:fadeIn .8s ease-out forwards;animation-delay:.38s}.fade-in-3{animation:fadeIn .8s ease-out forwards;animation-delay:.56s}@keyframes fadeIn{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.about-container,.projects-container{margin:0 auto;padding:clamp(70px,9vw,112px) 0;width:min(1120px,calc(100% - 32px))}.about-container>h1,.projects-container>h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;margin-bottom:18px;text-align:left}.about-boxes{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.about-background,.project-row{background:#fefae0bd;border:1px solid #2f3e2829;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #2f3e281f;box-shadow:var(--shadow)}.about-background{color:#28351f;color:var(--text-color);padding:clamp(22px,3vw,32px);width:auto}.about-background h2,.project-info h2{color:#2f3e28;color:var(--matcha-dark);font-family:Georgia,Times New Roman,serif;font-size:1.55rem;line-height:1.1;margin-bottom:14px}.about-background p,.project-details p,.project-info p{color:#28351f;color:var(--text-color);line-height:1.75}.professional-links{justify-content:center;margin-top:30px}.projects-list{grid-gap:16px;display:grid;gap:16px}.projects-intro{font-size:1.02rem;line-height:1.7;margin-bottom:34px;max-width:650px}.project-row{overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.project-row:hover{box-shadow:0 22px 50px #2f3e2826;transform:translateY(-3px)}.project-summary{grid-gap:22px;align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;gap:22px;grid-template-columns:auto minmax(0,1fr) auto;padding:18px;text-align:left;width:100%}.project-summary:focus-visible{outline:3px solid #718355;outline:3px solid var(--matcha-mid);outline-offset:-3px}.project-category-number{color:#d4a373;color:var(--clay);font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700}.project-info{grid-gap:7px;display:grid;gap:7px}.project-title-line{align-items:center;display:flex;flex-wrap:wrap;gap:10px 14px}.project-category-title{color:#2f3e28;color:var(--matcha-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700}.project-count{background:#e9edc9;background:var(--matcha-soft);border-radius:999px;color:#718355;color:var(--matcha-mid);font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:5px 9px;text-transform:uppercase}.project-category-description{line-height:1.55}.expand-icon{border:1px solid #2f3e2829;border:1px solid var(--line);border-radius:50%;color:#2f3e28;color:var(--matcha-dark);display:grid;font-size:1.35rem;font-weight:800;height:38px;place-items:center;width:38px}.project-details{background:#fefae073;border-top:1px solid #2f3e2829;border-top:1px solid var(--line);overflow:hidden}.project-card-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding:22px}.project-card{background:#fefae0;background:var(--paper);border:1px solid #2f3e2829;border:1px solid var(--line);border-radius:7px;overflow:hidden}.project-card-image{aspect-ratio:16/9;background:#e9edc9;background:var(--matcha-soft);overflow:hidden}.project-card-image img{height:100%;object-fit:cover;object-position:top;transition:transform .3s ease;width:100%}.project-card:hover .project-card-image img{transform:scale(1.025)}.project-card-image--placeholder{background:linear-gradient(135deg,#e9edc9,#d9e2bd);background:linear-gradient(135deg,var(--matcha-soft),#d9e2bd);color:#718355;color:var(--matcha-mid);display:grid;font-family:Georgia,Times New Roman,serif;font-size:4rem;place-items:center}.project-card-content{padding:22px}.project-card-content h3{font-family:Georgia,Times New Roman,serif;font-size:1.55rem;margin-bottom:12px}.project-card-content>p:not(.project-card-kicker){line-height:1.7;margin-bottom:20px}.project-card-kicker{color:#718355;color:var(--matcha-mid);font-size:.75rem;font-weight:800;letter-spacing:.06em;line-height:1.45;margin-bottom:8px;text-transform:uppercase}.project-link--secondary{background:#0000;color:#2f3e28;color:var(--matcha-dark)}@media (max-width:1000px){.home-container{grid-template-columns:minmax(180px,.55fr) minmax(0,1fr)}.polaroid-container{grid-column:1/-1;grid-template-columns:repeat(3,minmax(120px,1fr));justify-items:center}.about-boxes{grid-template-columns:1fr}}@media (max-width:720px){.site-header{align-items:flex-start;flex-direction:column}.nav-bar{width:100%}.home-container{grid-template-columns:1fr;min-height:auto}.animation-stage{min-height:350px;order:2}.animation-frame{width:min(100%,330px)}.idea-card--one{--land-x:-145px;--land-y:-35px}.idea-card--two{--land-x:70px;--land-y:-35px}.idea-card--three{--land-x:-158px;--land-y:130px}.idea-card--four{--land-x:82px;--land-y:130px}.welcome{order:1}.polaroid-container{grid-template-columns:1fr;order:3}.polaroid:first-child,.polaroid:nth-child(2),.polaroid:nth-child(3){grid-row:auto;transform:none}.project-summary{align-items:start;gap:14px;grid-template-columns:auto minmax(0,1fr) auto}.expand-icon{height:34px;width:34px}.project-category-description{display:none}.project-card-grid{grid-template-columns:1fr;padding:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-in-1,.fade-in-2,.fade-in-3{animation:none;opacity:1}.idea-card{animation:none;opacity:.92;transform:translate(var(--land-x),var(--land-y)) rotate(var(--land-rotate))}.head-animation--ready .head-animation__top{animation:none;transform:translate(-8px,-42px) rotate(-5deg)}.head-animation--ready .head-animation__prompt{animation:none;opacity:1}}
/*# sourceMappingURL=main.816597b1.css.map*/