@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--warm-white:#f5f0e8;--near-black:#1a1a18;--red:#b03a1f;--red-light:#f5e8e3;--amber:#8c5200;--amber-light:#faf0dc;--green:#2d5a0a;--green-light:#eaf0dc;--gray-mid:#5c5b59;--gray-light:#d8d3c8;--serif:"DM Serif Display", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--warm-white);color:var(--near-black);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}.skip-link{background:var(--near-black);color:var(--warm-white);font-family:var(--mono);z-index:9999;border-radius:0 0 6px 6px;padding:.5rem 1rem;font-size:13px;transition:top .2s;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:0}.dot-pattern{background-image:radial-gradient(circle,#b03a1f28 1.2px,#0000 1.2px);background-size:22px 22px}.font-serif{font-family:var(--serif)}.font-mono{font-family:var(--mono)}.section-label{font-family:var(--mono);color:var(--gray-mid);letter-spacing:.1em;margin-bottom:2rem;font-size:13px;font-weight:500}.content-wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 2rem}section{padding:5rem 0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}.tag{font-size:12px;font-family:var(--mono);letter-spacing:.03em;border-radius:100px;padding:3px 11px;font-weight:500;display:inline-block}.tag-red{color:#7a2510;background:#faddcf}.tag-amber{background:var(--amber-light);color:var(--amber)}.tag-green{background:var(--green-light);color:var(--green)}.tag-gray{color:#3d3c3a;background:#e8e3d8}.divider{background:var(--gray-light);width:100%;height:1px}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{color:#7a2510;background:#faddcf}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--warm-white)}::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}@media (max-width:768px){.content-wrap{padding:0 1.25rem}section{padding:3.5rem 0}.about-grid{grid-template-columns:1fr!important}.about-photo{max-width:280px;margin:2rem auto 0;width:100%!important;position:relative!important;top:auto!important}.label-samar,.label-mario{display:none!important}.projects-grid{grid-template-columns:1fr!important}.course-row{row-gap:2px;grid-template-columns:48px 1fr!important}.course-role{grid-column:2;font-size:11px!important}.nav-links{display:none!important}.nav-mobile-cv{display:flex!important}.email-btn{justify-content:center;width:100%}.research-tags{gap:6px!important}.contact-footer-links{flex-wrap:wrap!important;gap:1rem!important}}@media (max-width:480px){.content-wrap{padding:0 1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}