:root{--primary-color:#fafafa;--bg-color:#0a0a0a}html{scroll-snap-type:y mandatory}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:#222;font-family:Newsreader,serif;overflow-x:hidden}#webgl-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.side-text{color:#1a1a1a;z-index:-2;pointer-events:none;width:45vw;font-family:Newsreader,serif;font-size:2.5vw;font-weight:400;line-height:1.6;position:fixed;top:50%;transform:translateY(-50%)}.left-side{text-align:left;left:5vw}.scroll-char{color:#1a1a1a}.content{z-index:2;position:relative}.scroll-indicator{color:var(--primary-color);opacity:.6;pointer-events:none;animation:2s ease-in-out infinite bounce;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-4px)translate(-50%)}60%{transform:translateY(-2px)translate(-50%)}}.name{color:var(--primary-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-family:Newsreader,serif;font-size:8rem;font-style:italic;font-weight:500}.subtitle{letter-spacing:.3em;color:#222;opacity:.7;font-family:Newsreader,serif;font-size:1.5rem}.animation-track{scroll-snap-align:start;height:395vh}.main-content{box-sizing:border-box;color:#222;z-index:10;scroll-snap-align:start;background-color:#f4f4f0;flex-direction:column;align-items:center;width:100vw;height:100vh;padding:3rem 2rem 0;display:flex;position:relative;overflow:hidden}.main-content h2{text-align:center;margin-bottom:1rem;font-family:EB Garamond,Garamond,serif;font-style:italic;font-weight:500;line-height:1}.first-name{font-size:7rem}.last-name{opacity:.8;font-size:4.5rem}.main-content p{opacity:.8;text-align:center;max-width:600px;margin-bottom:4rem;font-family:Newsreader,serif;font-size:1.4rem}.profile-container{flex:1 1 0;justify-content:center;min-height:0;display:inline-flex;position:relative}.profile-img{object-fit:contain;object-position:bottom;z-index:2;pointer-events:none;border-radius:12px 12px 0 0;width:auto;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:relative}.hover-hitbox{z-index:0;position:absolute;inset:0}.popout-btn{opacity:0;color:#fff;z-index:1;pointer-events:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:40%;left:50%}.linkedin-popout{background:#0a66c2;transform:translate(-50%,-50%)scale(.8);box-shadow:0 15px 35px #0a66c266}.instagram-popout{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);transform:translate(-50%,-50%)scale(.8);box-shadow:0 15px 35px #dc274366;display:none!important}.profile-container:hover .profile-img{transform:scale(1.02)}.profile-container:hover .popout-btn{pointer-events:auto}.profile-container:hover .linkedin-popout{opacity:1;transform:translate(60%,-150%)scale(1.1)rotate(5deg)}.profile-container:hover .instagram-popout{opacity:1;transform:translate(-180%,-150%)scale(1.1)rotate(-9deg)}.research-page{z-index:10;scroll-snap-align:start;background-color:#0000;justify-content:flex-start;align-items:center;height:100vh;padding:0 4rem;display:flex;position:relative}.research-container{flex-direction:row;justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;display:flex}.section-title{color:#fafafa;margin:0 0 0 10vw;font-family:EB Garamond,Garamond,serif;font-size:8rem;font-style:italic;font-weight:500;line-height:1}.research-links{flex-direction:column;flex-grow:1;align-items:flex-end;gap:1.5rem;display:flex}.research-btn{-webkit-backdrop-filter:blur(20px);color:#fafafa;cursor:pointer;letter-spacing:.02em;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;justify-content:space-between;align-items:center;gap:3rem;width:320px;padding:1.2rem 3rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 8px 32px #0000004d}.research-btn .arrow{font-size:1.3rem;transition:transform .3s}.research-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 15px 40px #00000080}.research-btn:hover .arrow{transform:translate(4px,-4px)}@media (width<=768px){.name{font-size:4rem}}.resume-page{background-color:var(--bg-color);z-index:10;scroll-snap-align:start;color:#fafafa;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 10vw;display:flex;position:relative}.bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(150px,auto);gap:1.5rem;width:100%;max-width:1200px;display:grid}.resume-header{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:2rem;display:flex}.resume-header .section-title{margin:0}.view-resume-btn{color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:50px;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;position:relative}.view-resume-btn:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.bento-tile{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:2.5rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94),border-color .3s;position:relative;overflow:hidden}.bento-tile:hover{border-color:#fff3;transform:translateY(-5px)}.bento-large{grid-row:span 3}.bento-glow{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y), #ffffff0f, transparent 40%);pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.bento-tile:hover .bento-glow{opacity:1}.bento-content{z-index:2;position:relative}.bento-content h3{color:var(--primary-color);opacity:.9;margin-bottom:1.5rem;font-family:EB Garamond,serif;font-size:2rem;font-style:italic}.resume-item h4{margin-bottom:.5rem;font-family:Newsreader,serif;font-size:1.25rem;font-weight:500}.resume-item .role{color:#a0a0a0;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;display:flex}.resume-item ul{color:#ccc;padding-left:1.2rem;font-size:.95rem;line-height:1.6}.resume-item ul li{margin-bottom:.5rem}.resume-item p{color:#ccc;margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.skills-cluster{flex-wrap:wrap;gap:.75rem;display:flex}.skill-tag{color:#e0e0e0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.5rem 1rem;font-size:.9rem;transition:background .2s,transform .2s}.skill-tag:hover{background:#ffffff26;transform:scale(1.05)}@media (width<=900px){.bento-grid{grid-template-columns:1fr}.bento-large{grid-row:span 1}}.project-header{z-index:100;background:linear-gradient(#0a0a0ae6,#0000);justify-content:space-between;align-items:center;width:100%;padding:2rem 5vw;display:flex;position:fixed;top:0;left:0}.back-btn{color:#fafafa;align-items:center;gap:.5rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.back-btn:hover{opacity:.7}.collage-container{max-width:1400px;margin:0 auto;padding:8rem 5vw 5rem}.collage-header{text-align:center;margin-bottom:4rem}.project-title{color:var(--primary-color);margin-bottom:1rem;font-family:EB Garamond,serif;font-size:4.5rem;font-style:italic}.project-subtitle{color:#ccc;max-width:800px;margin:0 auto;font-family:Newsreader,serif;font-size:1.3rem;line-height:1.6}.collage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(250px,auto);grid-auto-flow:dense;gap:1.5rem;width:100%;display:grid}.collage-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.image-item:hover img{transform:scale(1.05)}.image-caption{color:#fafafa;background:linear-gradient(#0000,#000c);width:100%;padding:1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;position:absolute;bottom:0;left:0}.text-item{flex-direction:column;justify-content:center;padding:2rem;display:flex}.text-item h3{color:var(--primary-color);margin-bottom:1rem;font-family:EB Garamond,serif;font-size:1.8rem;font-style:italic}.text-item p{color:#ccc;font-family:Newsreader,serif;font-size:1.05rem;line-height:1.6}.abstract-box{grid-area:span 1/span 2}.tall-image{grid-row:span 2}.wide-image{grid-column:span 2}.highlight-box{background:#ff66000d;border-color:#f603;grid-area:span 2/span 1}.results-box{grid-column:span 2}@media (width<=900px){.collage-grid{grid-template-columns:1fr;grid-auto-rows:auto}.collage-item{min-height:250px;grid-area:auto/span 1!important}}.placeholder-img{color:#fff9;text-align:center;background:#ffffff0d;border:2px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-family:Inter,sans-serif;font-size:1.1rem;display:flex}.placeholder-img small{opacity:.7;margin-top:.5rem;font-size:.85rem}