:root{--bg:#f7efe5;--tile:#e8d5c4;--tile-alt:#d1b8a1;--text:#2a1f19;--accent:#d49a89;--shadow:0 12px 28px #0000001a;--shadow-hover:0 25px 50px #0000001f;--radius:22px;--glass:#ffffff4d;--glass-border:#ffffff3d;--outline:color-mix(in oklab, var(--accent) 50%, transparent);--font-heading:"Sora", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-body:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.2,.7,.2,1)}body.dark-mode{--bg:#1e1612;--tile:#2a1f19;--tile-alt:#3b2c23;--text:#f7efe5;--accent:#d49a89;--shadow:0 12px 28px #0000006b;--shadow-hover:0 25px 55px #0000008c;--glass:#ffffff0f;--glass-border:#ffffff1a;--outline:color-mix(in oklab, var(--accent) 60%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 800px at 20% 10%, color-mix(in oklab, var(--accent) 18%, transparent) 0%, transparent 60%), radial-gradient(1200px 800px at 90% 20%, color-mix(in oklab, var(--tile-alt) 35%, transparent) 0%, transparent 60%), var(--bg);height:100%;min-height:100vh;transition:background-color .28s var(--ease), color .28s var(--ease);margin:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--text) 25%, transparent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--text) 45%, transparent)}.skip-link{background:var(--tile);color:var(--text);transition:transform .22s var(--ease);z-index:9999;border-radius:12px;padding:10px 12px;position:absolute;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}a{color:inherit}.page{outline:none;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0;display:flex}:focus-visible{outline:2px solid var(--outline);outline-offset:3px}body.modal-open{overflow:hidden}.bento{width:min(1400px,95vw);height:min(90vh,900px)}.bento-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);grid-template-areas:"projects about about skills""experience about about research""education highlights highlights contact";gap:22px;width:100%;height:100%;display:grid}.tile--projects{grid-area:projects}.tile--about{grid-area:about}.tile--skills{grid-area:skills}.tile--experience{grid-area:experience}.tile--research{grid-area:research}.tile--education{grid-area:education}.tile--highlights{grid-area:highlights}.tile--contact{grid-area:contact}.tile{border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in oklab, var(--tile) 86%, white) 0%, color-mix(in oklab, var(--tile-alt) 78%, var(--tile)) 100%);box-shadow:var(--shadow);border:1px solid color-mix(in oklab, var(--text) 10%, transparent);min-height:0;transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);opacity:0;will-change:transform, opacity;padding:20px;position:relative;overflow:hidden;transform:translateY(32px)}body.dark-mode .tile{background:linear-gradient(180deg, color-mix(in oklab, var(--tile) 86%, black) 0%, color-mix(in oklab, var(--tile-alt) 82%, var(--tile)) 100%)}.tile:before{content:"";border-radius:inherit;background:radial-gradient(700px 280px at 10% 0%, color-mix(in oklab, var(--accent) 22%, transparent) 0%, transparent 65%);opacity:.9;pointer-events:none;position:absolute;inset:-1px}.tile--interactive{cursor:pointer}.tile--interactive:hover{box-shadow:var(--shadow-hover);filter:saturate(1.02)}.tile__header{justify-content:space-between;align-items:baseline;gap:14px;display:flex;position:relative}.tile__title{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.tile__kicker{opacity:.78;font-size:12px}.tile__summary{letter-spacing:-.01em;margin:12px 0 0;font-weight:600;position:relative}.tile__summary--muted{opacity:.78;font-weight:500}.tile__hint{opacity:.72;font-size:12px;position:absolute;bottom:16px;right:18px}.tile--about{padding:0;overflow:hidden}.about{grid-template-columns:1fr 1fr;height:100%;display:grid}.about__copy{flex-direction:column;justify-content:flex-end;height:100%;padding:32px 20px 32px 28px;display:flex}.about__media{background:radial-gradient(ellipse 100% 62% at 50% 100%, color-mix(in oklab, var(--accent) 28%, transparent), transparent 68%), linear-gradient(180deg, color-mix(in oklab, var(--glass) 40%, transparent), color-mix(in oklab, var(--glass) 20%, transparent));height:100%;position:relative;overflow:hidden}.about__photo{object-fit:cover;object-position:center top;opacity:0;will-change:transform, opacity;width:100%;height:100%;display:block}.eyebrow{font-family:var(--font-mono);opacity:0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.hero-title{font-family:var(--font-heading);letter-spacing:-.04em;opacity:0;margin:0;font-size:44px;line-height:1.05}@media (width<=640px){.hero-title{font-size:34px}}.hero-subtitle{opacity:0;margin:10px 0 0;font-weight:600}.hero-lede{opacity:0;max-width:42ch;margin:14px 0 0;font-size:16px}.hero-actions{opacity:0;flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.btn{appearance:none;border:1px solid color-mix(in oklab, var(--text) 14%, transparent);background:color-mix(in oklab, var(--glass) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .22s var(--ease), box-shadow .22s var(--ease), background-color .22s var(--ease);will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 70%, white), var(--accent));border-color:color-mix(in oklab, var(--accent) 55%, transparent);box-shadow:0 12px 24px color-mix(in oklab, var(--accent) 25%, transparent)}.btn--resume{color:#f7efe5;background:#5c4636;border-color:oklab(41.3202% .021305 .0333182/.7);box-shadow:0 12px 26px oklab(41.3202% .021305 .0333182/.22)}.btn--resume:hover{background:oklab(35.5354% .021305 .0333182);box-shadow:0 18px 34px oklab(41.3202% .021305 .0333182/.26)}.btn:hover{box-shadow:0 16px 32px color-mix(in oklab, var(--accent) 18%, transparent)}@media (width<=768px){.about{flex-direction:column-reverse;display:flex}.about__copy{flex:none;justify-content:flex-start;height:auto;padding:16px 20px}.about__media{flex:none;height:230px;min-height:230px}.about__photo{object-position:center 20%;transform:scale(1.25)translateY(5%)}.hero-title{font-size:32px}.eyebrow{margin-bottom:2px}.hero-subtitle{margin:4px 0 0;font-size:14px;line-height:1.2}.hero-lede{margin:6px 0 0;font-size:14px;line-height:1.3}.hero-actions{margin-top:12px}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.contact-icons{gap:10px;margin-top:14px;display:flex;position:relative}.icon-btn{border:1px solid color-mix(in oklab, var(--text) 14%, transparent);background:color-mix(in oklab, var(--glass) 64%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;transition:transform .22s var(--ease), box-shadow .22s var(--ease);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0000001f}.theme-toggle{z-index:60;appearance:none;border:1px solid color-mix(in oklab, var(--text) 14%, transparent);background:color-mix(in oklab, var(--glass) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:42px;height:42px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), background-color .22s var(--ease);border-radius:999px;place-items:center;display:grid;position:fixed;top:14px;right:18px;box-shadow:0 16px 30px #00000014}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 22px 38px #0000001a}.theme-toggle__icon{transition:transform .32s var(--ease);place-items:center;display:grid}body.dark-mode .theme-toggle__icon{transform:rotate(180deg)}.icon--moon,body.dark-mode .icon--sun{display:none}body.dark-mode .icon--moon{display:block}.modal-root{z-index:100;position:relative}.modal-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transition:opacity .22s var(--ease);background:#0000004d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}body.dark-mode .modal-backdrop{background:#00000070}.modal-backdrop.is-open{opacity:1}.modal{border-radius:calc(var(--radius) + 6px);background:linear-gradient(180deg, color-mix(in oklab, var(--tile) 86%, white), color-mix(in oklab, var(--tile-alt) 86%, var(--tile)));border:1px solid color-mix(in oklab, var(--text) 12%, transparent);opacity:0;width:min(980px,100%);max-height:min(78vh,760px);transition:transform .24s var(--ease), opacity .24s var(--ease);flex-direction:column;min-width:0;display:flex;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:0 30px 80px #00000047}body.dark-mode .modal{background:linear-gradient(180deg, color-mix(in oklab, var(--tile) 86%, black), color-mix(in oklab, var(--tile-alt) 86%, var(--tile)))}.modal.is-open{opacity:1;transform:translateY(0)scale(1)}.modal__top{border-bottom:1px solid color-mix(in oklab, var(--text) 12%, transparent);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 10px;display:flex}.modal__title{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-weight:700}.modal__subtitle{opacity:.78;margin:6px 0 0}.modal__close{border:1px solid color-mix(in oklab, var(--text) 14%, transparent);background:color-mix(in oklab, var(--glass) 62%, transparent);cursor:pointer;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.modal__body{grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.tabs-wrap{min-width:0;min-height:0;position:relative}.tabs{scrollbar-width:thin;border-bottom:1px solid color-mix(in oklab, var(--text) 10%, transparent);white-space:nowrap;touch-action:pan-x;-webkit-overflow-scrolling:touch;gap:10px;padding:12px 18px;display:flex;overflow:auto hidden}.tab{white-space:nowrap;border:1px solid color-mix(in oklab, var(--text) 14%, transparent);background:color-mix(in oklab, var(--glass) 55%, transparent);cursor:pointer;transition:transform .22s var(--ease), background-color .22s var(--ease);border-radius:999px;flex:none;padding:9px 12px;font-weight:600}.tab[aria-selected=true]{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 26%, white), color-mix(in oklab, var(--glass) 52%, transparent));border-color:color-mix(in oklab, var(--accent) 40%, transparent)}.tab:hover{transform:translateY(-1px)}.panels{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;min-width:0;min-height:0;padding:14px 18px 18px;overflow:auto}.panel{animation:panelIn .22s var(--ease);min-width:0;display:none}.panel.is-active{display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}@media (width<=720px){.cards{grid-template-columns:1fr}}.card{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--glass) 64%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;min-width:0;padding:14px}.card__title{font-family:var(--font-heading);letter-spacing:-.02em;margin:0}.card__problem{opacity:.82;margin:8px 0 0}.card__title,.card__problem,.skill__name,.skill__meta{overflow-wrap:anywhere}.tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{font-family:var(--font-mono);border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--glass) 50%, transparent);color:var(--text);border-radius:999px;flex:none;padding:6px 8px;font-size:12px}body.dark-mode .tag{background:color-mix(in oklab, var(--text) 12%, transparent);border-color:color-mix(in oklab, var(--text) 25%, transparent);color:var(--text);font-weight:500}.card__links{gap:10px;margin-top:14px;display:flex}.link{appearance:none;font:inherit;color:inherit;cursor:pointer;border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--glass) 52%, transparent);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none}.link:hover{box-shadow:0 14px 26px #0000001f}.resume{gap:14px;display:grid}.resume__viewer{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--glass) 48%, transparent);border-radius:18px;height:min(56vh,560px);overflow:hidden}.resume__frame{background:0 0;border:0;width:100%;height:100%}.resume__footer{justify-content:flex-end;display:flex}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;display:grid}@media (width<=720px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skill{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--glass) 64%, transparent);border-radius:16px;min-width:0;padding:12px}.skill__icon{width:34px;height:34px;font-family:var(--font-mono);background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 26%, white), color-mix(in oklab, var(--glass) 55%, transparent));border:1px solid color-mix(in oklab, var(--accent) 32%, transparent);border-radius:12px;place-items:center;margin-bottom:10px;font-weight:700;display:grid}.skill__name{font-weight:700}.skill__meta{font-family:var(--font-mono);opacity:.78;margin-top:6px;font-size:12px}.bento-grid>*{opacity:0;transform:translateY(10px)}body.is-loaded .bento-grid>*{opacity:1;transition:opacity .42s var(--ease), transform .42s var(--ease);transform:translateY(0)}body.is-loaded .bento-grid>:first-child{transition-delay:30ms}body.is-loaded .bento-grid>:nth-child(2){transition-delay:80ms}body.is-loaded .bento-grid>:nth-child(3){transition-delay:.13s}body.is-loaded .bento-grid>:nth-child(4){transition-delay:.18s}body.is-loaded .bento-grid>:nth-child(5){transition-delay:.23s}body.is-loaded .bento-grid>:nth-child(6){transition-delay:.28s}body.is-loaded .bento-grid>:nth-child(7){transition-delay:.33s}body.is-loaded .bento-grid>:nth-child(8){transition-delay:.38s}body.is-loaded .bento-grid>:nth-child(9){transition-delay:.43s}@media (width<=640px){.modal-backdrop{padding:12px}.modal{width:min(980px,100vw - 24px)}.skills-grid{grid-template-columns:1fr}.tags{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.tags::-webkit-scrollbar{display:none}}@media (width<=980px){body{overflow:hidden}.bento{width:min(980px,94vw);height:min(94vh,980px)}.bento-grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"about about""projects skills""experience research""education highlights""contact contact"}}@media (width<=640px){body{overflow:auto}.page{justify-content:flex-start;align-items:flex-start}.bento{width:calc(100% - 28px);height:auto;margin:18px auto 28px}.bento-grid{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"about""projects""skills""experience""research""education""highlights""contact";grid-auto-rows:minmax(152px,auto);height:auto}}