@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}.projects-menu-container{width:90%;margin-left:auto;margin-right:auto}@media(max-width:768px){.projects-menu-container{width:90%}}@media(max-width:480px){.projects-menu-container{width:95%}}.projects-menu-wrapper{background-color:transparent;transition:background-color .3s ease,opacity .3s ease}.projects-menu-wrapper:hover{background-color:#0a0a0ae6}.App{text-align:center}.intro{display:flex;align-items:center;gap:60px;flex-wrap:wrap;justify-content:center;padding:0 20px}.headshot-wrapper{position:relative;width:280px;height:fit-content;border-radius:12px;padding:2px;background:linear-gradient(135deg,#333,#666,#fff,#666,#333);background-size:300% 300%;animation:gradientRotate 6s ease infinite}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.headshot{width:100%;height:auto;border-radius:10px;display:block}.intro-text{text-align:left}.greeting{font-size:1.5rem;color:#888;margin-bottom:4px}.title{font-size:4rem;font-weight:700;margin-top:16px;line-height:1.1;max-width:300px;word-wrap:break-word;animation:slideInRight .8s ease-out .5s both}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.section-content{text-align:center;width:100%;max-width:800px;margin:0 auto}.section-title{font-size:3rem;font-weight:700;margin-bottom:2rem;color:#fff}.section-text{font-size:1.2rem;color:#aaa;line-height:1.8}@media(max-width:768px){.section-text{font-size:.95rem;line-height:1.6}.experience-title{font-size:1.2rem!important}.experience-subtitle{font-size:.85rem!important}.experience-list{font-size:.9rem!important}.education-degree{font-size:1.2rem!important}.education-school{font-size:.85rem!important}.education-details{font-size:.8rem!important}.education-section-title{font-size:1rem!important}.education-course{font-size:.85rem!important;padding:.75rem 1rem!important}.education-activity{font-size:.85rem!important}}.glass-icon-btn:hover .glass-icon-bg{transform:rotate(25deg) translate3d(-.5em,-.5em,.5em)}.glass-icon-btn:hover .glass-icon-front{transform:translateZ(1.5em)}.staggered-menu-wrapper{position:relative;width:100%;height:100%;z-index:40;pointer-events:none}.staggered-menu-wrapper.fixed-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}.staggered-menu-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:1em 2em 2em;background:transparent;pointer-events:none;z-index:20}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;cursor:pointer;color:#e9e9ef;font-weight:500;line-height:1;overflow:visible;transition:background-color .3s ease,border-color .3s ease}.sm-toggle:hover{background:#00000080;border-color:#fff3}.sm-toggle:focus-visible{outline:2px solid #ffffffaa;outline-offset:4px;border-radius:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width, auto);min-width:var(--sm-toggle-width, auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,38vw,420px);height:100%;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2em 2em;overflow-y:auto;z-index:10;pointer-events:auto}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,38vw,420px);pointer-events:none;z-index:5}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0)}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.sm-socials-title{margin:0;font-size:1rem;font-weight:500;color:var(--sm-accent, #ff0000);text-align:center}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent, #ff0000);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.2rem;font-weight:500;color:#111;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent, #ff0000)}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.sm-panel-item{position:relative;color:#000;font-weight:600;font-size:3.5rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em;text-align:center}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:var(--sm-accent, #5227ff)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent, #5227ff);letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}.staggered-menu-wrapper[data-open] .sm-toggle{color:#000}@media(max-width:1024px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}@media(max-width:640px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}.pill-nav-container{position:relative;z-index:99;width:100%;display:flex;justify-content:center}@media(max-width:1024px){.pill-nav-container{display:none}}.pill-nav{--nav-h: 42px;--pill-pad-x: 18px;--pill-gap: 3px;width:max-content;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #000);border-radius:9999px}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #fff);color:var(--pill-text, var(--base, #000));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:16px;line-height:0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, #000);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active{background:var(--base, #fff)!important;color:var(--pill-bg, #060010)!important}