@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,300;1,9..144,400&family=DM+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#f7f4f0;--surface:#fff;--orange:#c8501a;--orange-soft:#e8916a;--orange-pale:#fdf0e8;--text:#1c1814;--text-mid:#5a5047;--text-light:#9a8e85;--border:#e2dbd3;--sidebar-w:280px;--topbar-h:60px;--font-sans:"DM Sans",sans-serif;--font-serif:"Fraunces",serif;--font-mono:"JetBrains Mono",monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--orange-soft);border-radius:2px}.contour-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cpath d='M0 200 Q50 180 100 200 Q150 220 200 200 Q250 180 300 200 Q350 220 400 200' fill='none' stroke='%23C8501A' stroke-width='0.8' opacity='0.12'/%3E%3Cpath d='M0 160 Q60 140 120 160 Q180 180 240 160 Q300 140 360 160 Q380 170 400 160' fill='none' stroke='%23C8501A' stroke-width='0.8' opacity='0.1'/%3E%3Cpath d='M0 240 Q40 260 80 240 Q140 220 200 240 Q260 260 320 240 Q360 225 400 240' fill='none' stroke='%23C8501A' stroke-width='0.8' opacity='0.1'/%3E%3Cpath d='M0 120 Q70 100 140 120 Q210 140 280 120 Q340 105 400 120' fill='none' stroke='%23C8501A' stroke-width='0.8' opacity='0.08'/%3E%3Cpath d='M0 280 Q55 295 110 280 Q170 265 230 280 Q290 295 350 280 Q375 273 400 280' fill='none' stroke='%23C8501A' stroke-width='0.8' opacity='0.08'/%3E%3C/svg%3E");background-size:400px 400px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bulletIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.fade-up{animation:fadeUp .6s ease both}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}.cursor{animation:blink 1s step-end infinite}.drawer-panel{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) both}.mobile-sidebar-panel{animation:slideInLeft .28s cubic-bezier(.16,1,.3,1) both}.backdrop{animation:fadeIn .22s ease both}.drawer-scroll{overflow-y:auto;flex:1 1}.drawer-scroll::-webkit-scrollbar{width:3px}.drawer-scroll::-webkit-scrollbar-thumb{background:var(--border)}.exp-card{cursor:pointer;border-left:3px solid var(--border);transition:border-color .18s,background .18s;border-radius:0 10px 10px 0}.exp-card:hover{border-left-color:var(--orange)!important;background:var(--orange-pale)!important}.proj-card{cursor:pointer;transition:border-color .18s,background .18s}.proj-card:hover{border-color:var(--orange)!important;background:var(--orange-pale)!important}.research-card{cursor:pointer;transition:border-color .18s,background .18s}.research-card:hover{border-color:var(--orange)!important;background:var(--orange-pale)!important}.interest-card{cursor:default;position:relative;overflow:hidden}.interest-card img{transition:transform .4s ease}.interest-card:hover img{transform:scale(1.05)}.nav-link{transition:color .15s,background .15s}.nav-link:hover{color:var(--orange)!important;background:var(--orange-pale)!important}.icon-btn{transition:background .15s,color .15s}.icon-btn:hover{background:var(--bg)!important;color:var(--orange)!important}.drawer-nav-btn{transition:background .15s,color .15s}.drawer-nav-btn:hover:not(:disabled){background:var(--orange-pale)!important;color:var(--orange)!important}.lazy-media-trigger{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111;border-radius:8px;transition:opacity .15s}.lazy-media-trigger:hover{opacity:.9}.lazy-media-play-btn{position:absolute;z-index:2;background:rgba(200,80,26,.92);color:#fff;border:none;border-radius:50%;width:52px;height:52px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s;pointer-events:none}.lazy-media-trigger:hover .lazy-media-play-btn{transform:scale(1.08);background:var(--orange)}.mobile-topbar{display:none}@media (max-width:768px){:root{--sidebar-w:0px}.desktop-sidebar{display:none!important}.mobile-topbar{display:flex!important}.main-content{padding:24px 20px 80px!important}.hero-title{font-size:36px!important}.proj-grid{grid-template-columns:1fr!important}.interests-grid{grid-auto-rows:160px!important}.highlights-grid,.interests-grid{grid-template-columns:1fr 1fr!important}.contact-pad{padding:28px 24px!important}}