@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg:#ece7dd;--paper:#fbfaf6;--line:#d2c7b8;--line-soft:#e5ddce;--ink:#181614;--ink-muted:#5d554b;--accent:#b63a2d;--accent-soft:#efd7cb;--sans:"Space Grotesk", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(circle at 8% 14%, #b63a2d21, transparent 30%), radial-gradient(circle at 90% 88%, #ffffff7a, transparent 35%), var(--bg);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:17px;line-height:1.55}a{color:inherit}.site-shell{border:1px solid var(--line);background:linear-gradient(180deg, var(--paper) 0%, #f6f2eb 100%);width:min(1080px,100% - 3rem);margin:2rem auto 3rem;position:relative;overflow:hidden;box-shadow:0 20px 55px #0000000f}.site-shell:before{content:"";pointer-events:none;border:1px solid var(--line-soft);width:12rem;height:12rem;position:absolute;top:-5rem;right:-3rem;transform:rotate(22deg)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb3;justify-content:flex-end;align-items:center;padding:1.1rem 1.5rem;display:flex}.social-links{gap:.65rem;display:inline-flex}.social-link{color:var(--ink);border:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;align-items:center;gap:.45rem;padding:.42rem .7rem;font-size:.74rem;text-decoration:none;transition:transform .2s,border-color .2s,color .2s;display:inline-flex}.social-link:hover,.social-link:focus-visible{color:var(--accent);border-color:#c2b59f;transform:translateY(-1px)}.social-icon{width:.9rem;height:.9rem;display:block}.kicker,.meta,.section-label,.project-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.kicker{color:var(--ink-muted);margin:0}.meta{color:var(--ink);margin:0}main{padding:1.6rem}.hero-grid{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:start;gap:2.4rem;padding:.75rem 0 2rem;display:grid}h1{letter-spacing:-.03em;max-width:18ch;color:var(--ink);text-wrap:balance;margin:.7rem 0 1rem;font-size:clamp(2rem,5vw,3.9rem);font-weight:500;line-height:.93}.lead{max-width:60ch;color:var(--ink-muted);margin:0}.hero-role{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--accent);margin:0 0 .8rem;font-size:.88rem;font-weight:500}.hero-note{border-left:1px solid var(--line);align-items:center;min-height:100%;padding-left:1rem;display:flex}.hero-note p{color:var(--ink);margin:0;font-size:.99rem}.section-label{color:var(--ink-muted);margin:0}.inline-link{color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:.4rem;margin-right:auto;padding-bottom:.2rem;font-size:.92rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.inline-link:hover,.inline-link:focus-visible{color:var(--accent);border-color:var(--accent)}.projects-panel{margin-top:1.4rem}.projects-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.7rem;display:flex}.projects-header h2{color:var(--ink);margin:0;font-size:1.2rem}.projects-header p{max-width:47ch;color:var(--ink-muted);margin:0;font-size:.94rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.project-card{border:1px solid var(--line);opacity:0;background:#ffffff94;flex-direction:column;gap:.78rem;padding:.55rem;transition:transform .26s,box-shadow .26s,border-color .26s;animation:.58s cubic-bezier(.2,.8,.2,1) forwards reveal;display:flex;transform:translateY(16px)}.project-card:hover{border-color:#c2b59f;transform:translateY(-3px);box-shadow:0 14px 28px #1118271f}.thumbnail-wrap{aspect-ratio:16/9;background:#0f172a;border:1px solid #c8bca7;display:block;overflow:hidden}.project-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block;transform:scale(1.01)}.project-card:hover .project-thumbnail{transform:scale(1.06)}.project-main h3{color:var(--ink);margin:.15rem 0 .38rem;font-size:1.25rem;line-height:1}.project-meta{color:var(--ink-muted);gap:.8rem;margin:0;display:flex}.project-summary{color:var(--ink-muted);margin:0}.project-link{color:var(--ink);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:auto;padding:.2rem 0;font-size:.76rem;text-decoration:none}.project-link:hover,.project-link:focus-visible{color:var(--accent)}.project-detail{padding:1.5rem 0 1.25rem;animation:.5s reveal}.project-hero-media{border:1px solid var(--line);aspect-ratio:16/7;margin-top:1.2rem;overflow:hidden}.project-hero-media .project-thumbnail{transform:none}.project-video{object-fit:cover;width:100%;height:100%;display:block}.project-media{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem;display:grid}.project-media-item{border:1px solid var(--line);aspect-ratio:16/10;cursor:pointer;background:#ffffffb8;margin:0;padding:0;transition:border-color .2s,transform .2s;overflow:hidden}.project-media-item:hover,.project-media-item:focus-visible{border-color:#c2b59f;transform:translateY(-1px)}.project-media-item.is-active{border-color:var(--accent)}.project-media-item .project-thumbnail{transform:none}.project-video-thumb{background:linear-gradient(#1f2937 0%,#111827 100%);place-items:center;width:100%;height:100%;display:grid;position:relative}.video-label{color:#f9fafb;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.video-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#f9fafb;background:#111827b3;border:1px solid #ffffffb3;padding:.22rem .45rem;font-size:.68rem;position:absolute;bottom:.45rem;right:.45rem}.detail-grid{border-top:1px solid var(--line);margin:2rem 0 0}.detail-grid>div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:1rem;padding:1rem 0;display:grid}.detail-grid dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin:0;font-size:.75rem}.detail-grid dd{color:var(--ink);margin:0;line-height:1.65}.stack-list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.stack-list li{border:1px solid var(--line);background:#ffffffbf;padding:.35rem .55rem;font-size:.88rem}.detail-links{flex-wrap:wrap;gap:1rem;margin-top:1.1rem;display:flex}.education-panel{margin-top:1.5rem}.education-list{border-top:1px solid var(--line);margin:.9rem 0 0;padding:0;list-style:none}.education-list li{border-bottom:1px solid var(--line);padding:.9rem 0}.education-list h3{color:var(--ink);margin:.2rem 0 .25rem;font-size:1.03rem}@media (width<=960px){.site-shell{width:min(1080px,100% - 1rem);margin:.5rem auto 1rem}main{padding:1rem}.hero-grid{grid-template-columns:1fr;gap:1.4rem}.hero-note{border-left:0;border-top:1px solid var(--line);min-height:auto;padding-top:.85rem;padding-left:0}.projects-header{flex-direction:column;align-items:start}.project-grid,.project-media{grid-template-columns:1fr}.detail-grid>div{grid-template-columns:1fr;gap:.4rem}}@media (prefers-reduced-motion:reduce){.project-card,.project-detail{opacity:1;animation:none;transform:none}.project-thumbnail{transition:none}}@keyframes reveal{to{opacity:1;transform:translateY(0)}}