@import"https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Young+Serif&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%;position:relative}@media (pointer: coarse){html,body{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}}@supports (-webkit-touch-callout: none){html,body{height:-webkit-fill-available}}.app-container{position:relative;min-height:100%;width:100%}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.about-me{background-color:#0a0a0a;height:90vh}.bold-name{font-family:Archivo Black,sans-serif;font-weight:400;font-style:normal;-webkit-text-stroke:2px white;color:#0a0a0a}.header{position:fixed;top:0;left:0;width:100%;padding:24px;display:flex;justify-content:space-between;z-index:1000;transition:all .3s ease}.header-container{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-section{height:100%;display:flex;align-items:center}.header-left{justify-content:flex-start;padding-left:10px}.header-center{justify-content:center}.header-right{justify-content:flex-end;padding-right:10px}.header-bubble{background-color:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 16px;color:#d6d6d6;font-family:Montserrat,sans-serif;border-radius:14px;font-size:12px}.video-background-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1}.name{font-family:ExconComplete,sans-serif;font-weight:black}.name-upper{margin-bottom:-46px}.name-lower{color:#fafafa80}.hero-about{position:absolute;top:60%;left:60%;font-size:24px;width:30%;font-family:Montserrat,sans-serif;font-weight:300}.video-background{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%}.content-overlay{position:relative;z-index:1;color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:end;padding:0 20px;font-size:90px;gap:0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.section-header{font-family:ExconComplete,sans-serif;color:#eee;font-weight:black;justify-content:center;padding-bottom:400px;font-size:36px}.experience-section{display:flex;flex-direction:column;align-items:center;padding-top:200px;background-color:#0b0b0b}.work-title-container{position:relative;border-radius:20px;max-width:96vw;width:100%;height:40vh;max-height:80vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex:1 1 auto;box-sizing:border-box;z-index:1;isolation:isolate}.work-title-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-2}.work-title-wrapper{position:relative;border-radius:20px;max-width:96vw;width:100%;height:40vh;max-height:80vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex:1 1 auto;box-sizing:border-box}.work-title-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;border-radius:inherit}.mockup-title-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:inherit}.work-title{position:relative;font-weight:700;z-index:100;justify-content:center;align-items:center;font-family:"Young Serif",serif;font-weight:400;font-size:40px}.scroll-pan-background{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100%;overflow:hidden;transition:background-position .05s ease-out;will-change:background-position;display:flex}.scroll-pan-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:0}.line{width:100%;background-color:#646464;height:1px}.experience-wrapper{padding-top:60px;display:flex;flex-direction:column;justify-content:flex-end;width:90%;margin-left:auto;padding-bottom:60px}.experience-chunk{display:flex;flex-direction:column;padding:20px;align-items:flex-start}.experience-header{width:100%;font-family:Montserrat,sans-serif;font-size:16px;color:#646464;margin-bottom:10px}.experience-list{width:100%;font-family:Montserrat,sans-serif;font-size:16px;color:#e9e9e9}.project-wrapper{position:relative;border-radius:20px;max-width:96vw;width:100%;height:30vh;max-height:80vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex:1 1 auto;box-sizing:border-box;gap:20px;margin-bottom:60px}.header-links{display:flex;gap:15px}.header-link{cursor:pointer}.project-cards{display:flex;flex-direction:column;width:96vw;gap:20px}.projects{width:96vw;display:flex;flex-direction:column}.detail-text{font-size:16px;width:90%;font-family:Montserrat,sans-serif;font-weight:300;color:#fff}.list{display:flex;flex-direction:column;gap:12px}a{text-decoration:none;color:#e9e9e9;transition:opacity .2s ease}a:hover{opacity:.8}.experience-group{width:96vw;display:flex;flex-direction:column;gap:60px}@media (min-width: 576px){.container{max-width:540px}.header{padding:16px}.header-center{width:100%;justify-content:center}.section-header{font-size:42px}.work-title{font-size:60px}.experience-chunk{padding:30px}.experience-header,.experience-list,.detail-text{font-size:18px}}@media (max-width: 768px){.hide-on-mobile{display:none}.header-container{grid-template-columns:1fr;justify-items:center}}@media (min-width: 768px){.container{max-width:720px}.section-header{font-size:48px;padding-bottom:300px}.work-title{font-size:80px}.experience-section{padding-top:300px}.work-title-container,.work-title-wrapper{height:50vh}.experience-wrapper{width:80%;padding-top:90px;padding-bottom:90px}.experience-chunk{flex-direction:row;padding:36px}.experience-header{width:40%;margin-bottom:0;font-size:18px}.experience-list{width:60%;font-size:18px}.project-cards{flex-direction:row;gap:30px}.detail-text{font-size:20px;width:70%}.experience-group{gap:90px}}@media (max-width: 700px){.name{font-size:50px!important}.name-upper{margin-bottom:-20px}}@media (min-width: 992px){.container{max-width:960px}.section-header{font-size:54px;padding-bottom:400px}.experience-section{padding-top:400px}.work-title-container,.work-title-wrapper{height:60vh}.experience-wrapper{width:70%;padding-top:120px;padding-bottom:120px}.experience-chunk{padding:44px}.experience-header,.experience-list{width:50%;font-size:20px}.detail-text{font-size:24px;width:46%}.experience-group{gap:120px}.work-title{font-size:120px}}@media (min-width: 1200px){.container{max-width:1200px}.section-header{font-size:60px}.work-title{font-size:180px}}