@import"https://fonts.googleapis.com/css2?family=Satisfy&display=swap";.navbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:none;position:relative;z-index:1000}.logo{font-size:20px;margin:0;z-index:1001;order:1}.logo a{text-decoration:none}.nav-links{list-style:none;display:flex;gap:20px;margin:0;padding:0;order:2}.nav-links li{list-style:none}.nav-links a,.nav-links a:visited,.nav-links a:link{text-decoration:none;font-size:14px;transition:color .3s ease}.nav-links a:hover{color:#9c9471!important}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;gap:5px;order:3}.hamburger span{width:25px;height:3px;background-color:currentColor;transition:all .3s ease;border-radius:3px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.navbar{height:60px}.nav-links{display:none}.hamburger{display:flex;margin-left:auto}.nav-links{display:flex;position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#161616fa;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:40px 20px;transition:right .3s ease;z-index:999;box-shadow:-5px 0 15px #0000004d}.nav-links.active{right:0}.nav-links li{width:100%;text-align:center}.nav-links a{display:block;padding:12px 20px;font-size:16px;color:#f5f4f2!important;border-radius:8px;transition:background-color .3s ease}.nav-links a:hover{background-color:#9c947133;color:#9c9471!important}}@media(max-width:480px){.logo{font-size:16px}.hamburger span{width:22px;height:2.5px}.nav-links{width:80%;gap:25px}.nav-links a{font-size:15px;padding:10px 15px}}.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;gap:40px}.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%;margin:0 auto}.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){.home-content h1{font-size:22px;padding-left:20px;padding-top:30px}.logo1{font-size:50px;bottom:10px;padding-left:10px;padding-right:10px}.inner{grid-template-columns:1fr;width:90%;margin:30px auto 0;gap:30px}.inner .left-col h1{font-size:40px;text-align:center}.inner .right-col{margin-top:0}.inner .right-col p{text-align:left;font-size:15px}.headshot-img{max-width:300px}.university-info{width:90%;padding-top:40px}.university-info h2{font-size:26px;padding-left:20px}.intro-paragraph{font-size:15px;padding-left:30px}.subsection-title{font-size:20px;padding-left:20px}.experience{padding-left:20px}.experience-header{flex-direction:column;gap:5px}.experience ul li{margin-left:30px;font-size:14px}.role{padding-left:10px}}@media(max-width:480px){.logo{font-size:18px}.home-content h1{font-size:18px;padding-left:15px;padding-top:20px;line-height:1.4}.logo1{font-size:30px;letter-spacing:2px}.section-two{padding-top:40px;padding-bottom:40px}.inner{width:95%;margin:20px auto 0}.inner .left-col h1{font-size:32px}.inner .right-col p{font-size:14px}.headshot-img{max-width:250px}.download-btn{padding:10px 20px;font-size:14px}.university-info{width:95%;padding-top:30px}.university-info h2{font-size:22px;padding-left:15px}.intro-paragraph{padding-left:20px;font-size:14px}.subsection-title{font-size:18px;padding-left:15px}.experience{padding-left:15px}.experience-header h4{font-size:16px}.experience-header .date{font-size:13px}.experience ul li{margin-left:20px;font-size:13px}.role{font-size:14px;padding-left:5px}.role-date{font-size:12px}}.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}.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}@media(max-width:1200px){.custom-grid{flex-wrap:wrap}.column-2{flex:1}.logo1{font-size:80px}}@media(max-width:1024px){.custom-grid{flex-direction:column;gap:40px}.column-1,.column-2,.column-3{flex:1;width:100%}}@media(max-width:768px){.mobile-content{padding:0 20px;margin-top:20px}.mobile-content h1{font-size:22px;padding-top:30px;padding-bottom:30px;padding-left:0;text-align:center}.custom-grid{padding:0 20px 100px;gap:30px}.column-1,.column-2,.column-3{gap:30px}.mobile-pair{flex-direction:row;gap:20px;justify-content:center}.mobile-item,.mobile-item-vertical{max-width:250px}.logo1{font-size:60px;padding:60px 15px 30px}}@media(max-width:480px){.mobile-content{padding:0 15px}.mobile-content h1{font-size:18px;padding-top:20px;padding-bottom:20px}.custom-grid{padding:0 15px 80px;gap:25px}.column-1,.column-2,.column-3{gap:25px}.mobile-pair{gap:20px;justify-content:center;flex-direction:row}.mobile-item,.mobile-item-vertical{max-width:150px}.logo1{font-size:30px;padding:40px 10px 20px;letter-spacing:2px}}.detail-container{background-color:#161616;color:#f5f4f2;min-height:100vh;padding:20px}.detail-content{max-width:1200px;margin:0 auto}.back-link{color:#f5f4f2;text-decoration:none;display:inline-block;margin-bottom:20px;transition:opacity .3s}.back-link:hover{opacity:.7}.detail-content h1{color:#f5f4f2;font-size:2.5rem;margin-bottom:20px}.project-description{color:#f5f4f2;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.detail-image{width:100%;max-width:800px;height:auto;border-radius:8px;margin-bottom:40px}.logo1{text-align:center;color:#f5f4f2;font-size:2rem;letter-spacing:.2em;margin-top:40px}.project-link{color:#4665ec;text-decoration:none;transition:opacity .3s;display:block;margin-bottom:30px;font-size:1.1rem;font-weight:500}.project-link:hover{opacity:.7;text-decoration:underline}@media(max-width:768px){.detail-content h1{font-size:2rem}.project-description{font-size:1rem}.detail-image{width:80%}.logo1{font-size:1.5rem}}@media(max-width:480px){.detail-container{padding:15px}.detail-content h1{font-size:1.5rem}.project-description{font-size:.95rem}.detail-image{width:100%}.logo1{font-size:1.2rem;letter-spacing:.15em}}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}.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:0}.section-two-camera p{font-size:15px;color:#161616;padding-bottom:50px;text-align:center;padding-left:0}.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;padding:0 20px}.video-container h3{font-size:22px;margin:0;padding-top:80px;color:#f5f4f2}.video-container p{font-size:15px;padding-left:0;padding-bottom:50px;color:#f5f4f2;text-align:center}.video-container iframe{width:100%;aspect-ratio:16 / 9;max-width:900px;border:none}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:10px;margin:40px auto 200px;max-width:1200px;padding:0 20px}.photo-item{width:100%;aspect-ratio:1 / 1;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.camera-content h1{font-size:22px;padding-top:30px}.video-container{padding:0 15px}.video-container h3{font-size:18px;padding-top:40px;padding-bottom:30px}.video-container iframe{width:100%;height:auto;aspect-ratio:16 / 9}.photo-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:100px;padding:0 15px}.section-two-camera{padding:50px 15px 80px}.section-two-camera h3{font-size:18px;padding-bottom:30px}.section-two-camera .logo1{font-size:60px}}@media(max-width:480px){.camera-content h1{font-size:18px;padding-top:20px}.video-container{padding:0 10px}.video-container h3{font-size:16px;padding-top:30px;padding-bottom:20px}.photo-grid{grid-template-columns:1fr;gap:8px;margin-bottom:80px;padding:0 10px}.section-two-camera{padding:30px 10px 60px}.section-two-camera h3{font-size:16px;padding-bottom:20px}.section-two-camera .logo1{font-size:30px;letter-spacing:2px}}.graphic-container{background-color:#f5f4f2;min-height:100vh;width:100%;display:flex;flex-direction:column;overflow:visible}.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}.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}
