@import"https://fonts.googleapis.com/css2?family=Satisfy&display=swap";.home-container{background-image:url(/assets/ombreDark-B-QYLx6K.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;display:flex;flex-direction:column}.home-container *{margin:0}.home-content{margin-top:40px;width:100%}.home-content h1{padding-left:50px;padding-top:50px;font-size:30px;color:#f5f4f2}.logo1{display:flex;justify-content:space-between;width:96%;color:#f5f4f2;font-size:120px;padding-left:20px;padding-right:20px;position:absolute;bottom:20px}.section-two{min-height:100vh;width:100vw;background-color:#4665ec;padding-top:70px;padding-bottom:70px;display:flex;flex-direction:column;justify-content:flex-start;color:#f5f4f2}.inner{display:grid;grid-template-columns:1fr 1fr;width:80%;margin:60px auto 0}.inner .left-col{display:flex;flex-direction:column;gap:20px}.inner .left-col h1{margin-top:0;font-size:70px;font-family:Georgia,Times New Roman,serif}.inner .left-col img{width:100%;border-radius:12px}.inner .right-col{margin-top:100px}.inner .right-col p{font-size:16px;line-height:1.6;text-align:right}.headshot-img{width:100%;max-width:400px;height:auto;border-radius:8px;margin-top:20px}.download-btn{display:inline-block;margin-top:20px;padding:12px 30px;background-color:#f5f4f2;color:#4665ec;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:background-color .3s ease,transform .2s ease;text-align:center}.download-btn:hover{background-color:#99aaf2;transform:translateY(-2px)}.left-col{display:flex;flex-direction:column;align-items:center}.university-info{padding-top:70px;width:80%}.university-info h2{font-size:32px;margin-bottom:20px;color:#f5f4f2;padding-left:50px}.intro-paragraph{font-size:16px;line-height:1.8;color:#f5f4f2;margin-bottom:30px;max-width:900px;padding-left:80px}.subsection-title{font-size:24px;font-weight:600;color:#f5f4f2;margin:30px 0 20px;padding-left:50px}.experience{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(245,244,242,.3);padding-left:50px}.experience:last-child{border-bottom:none}.experience-header{display:flex;align-items:baseline;flex-wrap:wrap;margin-bottom:10px;gap:10px}.experience-header h4{font-size:18px;font-weight:600;color:#f5f4f2;margin:0}.experience-header .date{font-size:15px;color:#f5f4f2;font-weight:400;font-style:italic}.role{font-size:16px;margin:8px 0;color:#f5f4f2;padding-left:20px}.role-date{font-size:14px;color:#f5f4f2;font-weight:400;font-style:italic;margin-left:10px}.sub-role{margin:10px auto}.experience ul{list-style-type:disc;padding-left:0;margin:8px auto 0;display:inline-block;text-align:left}.experience ul li{font-size:15px;line-height:1.6;color:#f5f4f2;margin-bottom:6px;margin-left:60px}@media(max-width:768px){.university-info{width:90%;padding:20px}.university-info h2{font-size:26px}.intro-paragraph{font-size:15px}.experience-header{flex-direction:column}}.mobile-container{background-color:#161616;color:#f5f4f2;min-height:100vh;width:100%;display:flex;flex-direction:column;overflow:visible}.mobile-container *{margin:0}.mobile-content{margin-top:40px;width:100%;padding:0 40px}.mobile-content h1{padding-top:50px;padding-bottom:50px;padding-left:10px;font-size:30px;color:#f5f4f2}.custom-grid{display:flex;gap:50px;padding:0 10px 150px}.column-1,.column-2{flex:2;display:flex;flex-direction:column;gap:50px}.column-3{flex:1;display:flex;flex-direction:column;gap:50px}.web-item{display:block;width:100%;background-color:#f5f4f2;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.web-item:hover{transform:translateY(-5px);box-shadow:8px 8px 20px #4665ec}.web-item img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}.web-item-vertical{display:block;width:100%;background-color:#f5f4f2;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.web-item-vertical:hover{transform:translateY(-5px);box-shadow:8px 8px 20px #4665ec}.web-item-vertical img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}.mobile-pair{display:flex;gap:60px;width:100%}.mobile-item{display:block;flex:1;background-color:#f5f4f2;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.mobile-item:hover{transform:translateY(-5px);box-shadow:8px 8px 20px #4665ec}.mobile-item img{width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;display:block}.mobile-item-vertical{display:block;width:100%;background-color:#f5f4f2;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.mobile-item-vertical:hover{transform:translateY(-5px);box-shadow:8px 8px 20px #4665ec}.mobile-item-vertical img{width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;display:block}@media(max-width:1200px){.custom-grid{flex-wrap:wrap}.column-2{flex:1}}@media(max-width:1024px){.custom-grid{flex-direction:column}}@media(max-width:768px){.mobile-content{padding:0 20px}.custom-grid{padding:0 20px 150px}.mobile-pair{flex-direction:column}.logo1{font-size:60px}}@media(max-width:480px){.logo1{font-size:40px}}.logo1{margin-top:auto;display:flex;justify-content:space-between;width:100%;padding:80px 20px 40px;font-size:120px;box-sizing:border-box;flex-shrink:0;position:relative}.detail-container{background-color:#161616;color:#f5f4f2;min-height:100vh;width:100%;display:flex;flex-direction:column}.detail-content{max-width:1200px;margin:40px auto;padding:0 40px;width:100%}.back-link{color:#4665ec;text-decoration:none;font-size:18px;margin-bottom:30px;display:inline-block}.back-link:hover{text-decoration:underline}.detail-content h1{font-size:36px;margin:30px 0;color:#f5f4f2}.detail-image{width:100%;max-width:800px;height:auto;margin:30px 0;border-radius:8px}.project-description{font-size:18px;line-height:1.8;color:#f5f4f2;margin:30px 0}.detail-content p{padding-top:20px}@media(max-width:768px){.detail-content{padding:0 20px}.detail-content h1{font-size:28px}}html,body,#root{margin:0;padding:0;font-family:Josefin Sans,sans-serif;overflow-x:hidden}.camera-container{background-color:#161616;min-height:100vh;width:100%;box-sizing:border-box;display:flex;flex-direction:column;position:relative;padding-bottom:80px}.navbar .nav-links a{text-decoration:none;color:#f5f4f2}.navbar .nav-links a:hover{color:#9c9471}.camera-container *{margin:0}.camera-content{margin-top:40px;width:100%}.camera-content h1{padding-top:50px;font-size:30px;color:#f5f4f2;text-align:center}.section-two-camera h3{font-size:22px;text-align:center;color:#161616;padding-bottom:50px}.section-two-camera{position:relative;width:100%;box-sizing:border-box;background-color:#f5f4f2;padding:70px 20px 120px;display:flex;flex-direction:column;color:#161616}.section-two-camera .logo1{display:flex;justify-content:space-between;width:100%;color:#161616;font-size:120px;margin-top:40px}.video-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px}.video-container h3{font-size:22px;margin:0;padding-top:80px;padding-bottom:50px;color:#f5f4f2}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:10px;margin:40px auto 200px;max-width:1200px}.photo-item{width:100%;aspect-ratio:1 / 1;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}.graphic-container{background-color:#f5f4f2;min-height:100vh;width:100%;display:flex;flex-direction:column;overflow:visible}.navbar1{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#161616;background:none}.navbar1 .nav-links a{text-decoration:none;color:#161616}.navbar1 .nav-links a:hover{color:#9c9471}.graphic-container *{margin:0}.graphic-content{margin-top:40px;width:100%;padding:0 40px}.graphic-content h1{padding-top:50px;padding-bottom:50px;font-size:30px;color:#161616;text-align:center}.graphic-content h3{padding-top:50px;padding-bottom:50px;font-size:20px;color:#161616;text-align:center}.masonry-grid{column-count:3;column-gap:20px;padding-bottom:150px}.masonry-item{break-inside:avoid;margin-bottom:20px;display:block;background-color:#fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border-radius:4px}.masonry-item:hover{transform:translateY(-5px);box-shadow:8px 8px 20px #4665ec}.masonry-item img{width:100%;height:auto;display:block;object-fit:cover}@media(max-width:1024px){.masonry-grid{column-count:2}}@media(max-width:768px){.masonry-grid{column-count:1}.graphic-content{padding:0 20px}.logo2{font-size:60px}}@media(max-width:480px){.logo2{font-size:40px}}.logo2{color:#161616;display:flex;justify-content:space-between;width:100%;padding:80px 20px 40px;margin-top:auto;font-size:120px;box-sizing:border-box;flex-shrink:0;position:relative}html,body,#root{margin:0;padding:0;font-family:Josefin Sans,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.qualifications-container{background-color:#161616;color:#f5f4f2;min-height:100vh;width:100%;display:flex;flex-direction:column;overflow:visible}.qualifications-container *{margin:0}.qualifications-content{margin-top:40px;width:100%}.qualifications-content h1{padding-top:50px;padding-bottom:75px;font-size:30px;color:#f5f4f2}h3{padding-bottom:15px;color:#f5f4f2}h4{padding-bottom:15px;color:#f5f4f2;font-size:20px;padding-left:20px}p{padding-left:70px;padding-bottom:10px;font-size:16px;color:#f5f4f2}.qualifications-content h2{padding-left:70px;padding-bottom:20px;color:#f5f4f2}.marquee{width:100%;overflow:hidden;white-space:nowrap;position:relative}.marquee-content{display:inline-flex;width:max-content;animation:marquee 30s linear infinite}.marquee-content span{display:inline-block;word-spacing:2rem;font-size:20px;color:#fff}@keyframes marquee{0%{transform:translate(-25%)}to{transform:translate(0)}}.info-boxes{display:flex;justify-content:center;gap:80px;padding:100px 40px 150px;flex-wrap:wrap}.info-box{background-color:#f5f4f2;color:#161616;padding:40px 40px 40px 20px;border-radius:20px;width:550px;box-shadow:none;transition:box-shadow .3s ease}.info-box:hover{box-shadow:8px 8px 20px #4665ec,15px 15px 40px #4665ec}.info-box h4{margin-top:0;margin-bottom:15px;font-size:24px;color:#161616;padding-left:0}.info-box h4 a{color:#161616;text-decoration:none}.info-box h4 a:hover{color:#4665ec;text-decoration:underline}.info-box p{margin:10px 0;line-height:1.6;color:#161616;padding-left:0}.logo1{margin-top:auto;display:flex;justify-content:space-between;width:100%;padding:100px 20px 40px;font-size:120px;box-sizing:border-box;flex-shrink:0;position:relative}@media(max-width:1200px){.logo1{font-size:80px}}@media(max-width:768px){.logo1{font-size:60px;padding-top:60px}.info-boxes{gap:40px;padding-bottom:120px}}@media(max-width:480px){.logo1{font-size:40px;padding-top:40px}.info-boxes{padding:40px 20px 100px}}.work-info{max-width:900px;margin:0 auto}.work-info h2{font-size:28px;margin-bottom:30px;color:#f5f4f2}.job{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f5f4f2}.job:last-child{border-bottom:none}.job-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:5px;gap:10px}.job-header h3{font-size:20px;font-weight:600;color:#f5f4f2;margin:0;padding-left:20px}.job-header .location{font-size:16px;color:#d5cfc2;font-style:italic}.job-header .date{font-size:16px;color:#4665ec;font-weight:500;margin-left:auto}.job h4{font-size:18px;font-weight:500;color:#d5cfc2;margin:8px 0 12px}.job ul{list-style-type:disc;padding-left:55px;margin:0}.job ul li{font-size:16px;line-height:1.6;color:#d5cfc2;margin-bottom:8px}@media(max-width:768px){.work-info{padding:20px}.job-header{flex-direction:column;align-items:flex-start}.job-header .date{margin-left:0}}html,body,#root{margin:0;padding:0;font-family:Josefin Sans,sans-serif}.contact-container{background-image:url(/assets/ombreDark-B-QYLx6K.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;display:flex;flex-direction:column}.navbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#f5f4f2;background:none}.nav-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.contact-container *{margin:0}.contact-content{margin-top:40px;width:100%}.contact-content h1{padding-left:50px;padding-top:50px;padding-bottom:20px;font-size:30px;color:#f5f4f2}.contact-content h3{padding-left:50px;padding-top:30px}.contact-content p{padding-left:70px;padding-top:15px;font-size:16px;color:#f5f4f2}.contact-content a{color:#99aaf2;text-decoration:none;transition:color .3s ease}.contact-content a:hover{color:#4665ec;text-decoration:underline}.logo1{display:flex;justify-content:space-between;width:100%;padding:0 20px;margin-top:auto;font-size:120px;box-sizing:border-box}