:root{--color-black:#1f1d1d;--color-white:#FFFFFF;--color-blue:#081A26;--color-blue-light:#0ECFE8;--color-red:#B82222;--color-gray:#D4D4D4;--header-height:77px;--transition-1:.25s;--transition-2:.25s;--transition-3:.50s;--transition-4:.75s}*,::after,::before{box-sizing:border-box}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:Inter,Arial,sans-serif;color:var(--color-black);font-size:16px;line-height:24px;letter-spacing:.2px;margin:0;position:relative;-webkit-font-smoothing:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased}.container-fluid{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}img,video{width:100%;display:block}a{color:inherit;text-decoration:none}.btn{font-family:Inter,Arial,sans-serif;cursor:pointer}p{font-size:1rem;line-height:1.5rem;margin:0 0 24px}@media screen and (max-width:576px){li,p{font-size:.875rem;line-height:1.25rem}}#home p:last-child{margin:0}main{min-height:100vh}.flex{display:flex}.flex-center{display:flex;flex-direction:column;justify-content:center}.justify-center{justify-content:center}.flex-direction-start{flex-direction:column}.align-center{align-items:center}.align-start{align-items:start}.gap-24{gap:24px}.text-center{text-align:center}.m-b-56{margin-bottom:56px}.row-gap{row-gap:16px}#home section{padding:90px 0}#page main{margin-top:calc(var(--header-height) + 56px)}@media screen and (max-width:768px){#home section{padding:56px 0}}ul{margin:0 0 24px;padding-left:32px}ul.no-marker{list-style:none;padding:0}ul li{padding:0 0 8px}ul li:last-of-type{padding-bottom:0}#page h1{font-size:1.75rem;line-height:2rem;letter-spacing:.25px;margin:0 0 24px}#home h2{font-size:2.5rem;line-height:2.75rem;font-weight:700;margin:0 0 40px}#home h3{font-size:1.5rem;line-height:2rem;font-weight:700;margin:0 0 24px}@media screen and (max-width:768px){#home h2{font-size:2rem;line-height:2.375rem;font-weight:700;margin:0 0 32px}#home h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;margin:0 0 20px}}header{width:100%;background-color:var(--color-blue);padding:20px 0;position:fixed;top:0;z-index:1000;transition:all var(--transition-1) ease}#home header{opacity:0;background-color:transparent;animation:fadeIn_to_bottom var(--transition-4) ease forwards}#home header.scrolled,#page header,header.scrolled{background-color:var(--color-blue);padding:20px 0;border-bottom:1px solid #21394b;transition:all var(--transition-1) ease}header .col-12{display:flex;align-items:center;justify-content:space-between}header a{display:inline-block}header .logo{width:65px}header nav{color:var(--color-white)}header nav ul{display:flex;align-items:center;gap:24px;margin:0;padding:0}header nav ul li{list-style:none;padding:0}header nav ul li a{font-size:1.125rem;line-height:1.5rem;font-weight:500}header nav ul li a:hover{color:var(--color-blue-light)}header nav ul li a i{font-size:1.75rem}header .mobile-menu{color:var(--color-white);font-size:2.25rem;display:none}@media screen and (max-width:767px){header .mobile-menu{display:block}header #hamburger-menu{position:relative;width:28px;height:20px;padding:8px;cursor:pointer}header #hamburger-menu span{opacity:1;left:0;display:block;width:100%;height:3px;background-color:var(--color-white);position:absolute;transform:rotate(0);transition:all var(--transition-2)}header #hamburger-menu span:nth-child(1){top:0}header #hamburger-menu span:nth-child(2){top:9px}header #hamburger-menu span:nth-child(3){top:9px}header #hamburger-menu span:nth-child(4){top:18px}header #hamburger-menu.open span:nth-child(1){opacity:0}header #hamburger-menu.open span:nth-child(2){transform:translateY(0) rotate(-45deg)}header #hamburger-menu.open span:nth-child(3){transform:translateY(0) rotate(45deg)}header #hamburger-menu.open span:nth-child(4){opacity:0}header nav{display:none;width:100%;padding:12px;border-bottom:1px solid #21394b;background-color:var(--color-blue);position:absolute;top:calc(var(--header-height) - 1px);left:0;overflow:hidden;transition:all var(--transition-3) ease}header nav.active{display:block;position:absolute;left:0;transform:translateY(0);transition:all var(--transition-3) ease}header nav ul{flex-direction:column;gap:12px}header nav ul li{display:flex;width:100%}header nav ul li a{width:100%;font-size:1rem;line-height:1.5rem;padding:8px;text-align:center}}section#jumbotron{color:var(--color-white);background:linear-gradient(181deg,rgb(8 59 80) 0,rgb(0 0 0) 100%);min-height:750px;display:flex;justify-content:center;align-items:center;padding:0;padding-top:var(--header-height)}#jumbotron h1{font-size:4rem;line-height:4.25rem;letter-spacing:.25px;text-transform:uppercase;font-weight:800;margin:0 0 20px;opacity:0;animation:fadeIn_to_top var(--transition-4) ease forwards .2s}#jumbotron .subhead{color:var(--color-blue-light);font-size:1.75rem;line-height:2rem;font-weight:700;letter-spacing:1px;margin:0 0 40px;opacity:0;animation:fadeIn_to_top var(--transition-4) ease forwards .4s}#jumbotron a.btn{color:var(--color-white);background-color:transparent;border:2px solid var(--color-white);border-radius:4px;font-size:1rem;line-height:1.5rem;font-weight:600;letter-spacing:.35px;padding:14px 20px;display:block;width:fit-content;display:flex;align-items:center;gap:8px;opacity:0;animation:fadeIn_to_top var(--transition-4) ease forwards .6s;transition:all var(--transition-2) ease}#jumbotron a.btn:hover{color:var(--color-black);background-color:var(--color-white);border:2px solid var(--color-white);transition:all var(--transition-2) ease}@media screen and (max-width:767px){#jumbotron-content{align-items:center;text-align:center}#jumbotron .row{flex-direction:column-reverse;align-items:flex-start;justify-content:flex-end;gap:40px}#jumbotron h1{font-size:3.5rem;line-height:3.75rem}#jumbotron .subhead{font-size:1.5rem;line-height:1.75rem}}#work .work-nav{color:var(--color-black);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin:0 0 40px}@media screen and (max-width:768px){#work .work-nav{flex-direction:column}}@media screen and (max-width:576px){#work .work-nav{margin:0 0 32px}}#work h2{width:fit-content;margin:0}#work nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}#work .btn{color:inherit;background-color:transparent;border:2px solid transparent;font-size:1rem;line-height:1.125rem;letter-spacing:.25px;font-weight:500;padding:12px 16px;border-radius:32px}@media screen and (max-width:576px){#work .btn{font-size:.875rem;line-height:1.25rem}}#work .btn:hover{border:2px solid var(--color-black)}#work .btn.active{color:var(--color-white);background-color:var(--color-black)}#work .work-item-container{row-gap:24px}#work .thumbnail{border:none;border-radius:8px;display:block;position:relative;padding:0;overflow:hidden;transition:all var(--transition-3) ease}#work .thumbnail:hover{transform:scale(1.05);transition:all var(--transition-3) ease}#work .thumbnail .overlay{color:var(--color-white);background-color:rgba(24,21,21,.85);position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;padding:0;transition:.5s ease}#work .thumbnail:hover .overlay{opacity:1}#work .thumbnail .overlay .overlay-text{color:var(--primary-white);text-align:center;margin:0;position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all var(--transition-3) ease}#work .thumbnail:hover .overlay .overlay-text{transform:translate(-50%,-50%);transition:all var(--transition-3) ease}#work .thumbnail .overlay .overlay-text h3{font-weight:600;margin:0}#work .thumbnail .overlay .overlay-text p{font-size:1.25rem;line-height:1.5rem;margin:0}#home section#about{padding-top:0;color:var(--color-black)}#about h2{margin-bottom:32px}#about .profile-pic{max-width:200px;border:4px solid var(--color-black);border-radius:50%}@media screen and (max-width:992px){#about .profile-pic{margin-bottom:32px}#about h2{text-align:center}}#about .bio-card{padding:40px 40px 56px;border:1px solid rgba(0,0,0,.15);border-radius:16px;box-shadow:0 0 16px rgba(0,0,0,.25)}#about .logo-group{display:flex;flex-wrap:wrap;gap:36px}#about .company-logo{filter:brightness(0) contrast(75%)}@media screen and (max-width:576px){#about .bio-card{padding:32px 32px 56px}#about .logo-group{gap:32px}}#about .logo-group .company-logo{width:auto;height:30px}#contact{color:var(--color-white);background-color:var(--color-blue)}#contact .contact-info{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#contact .contact-info i{font-size:1.75rem}@media screen and (max-width:576px){#skills .skill-group{padding:24px}#contact .contact-info-group{display:flex;justify-content:center;flex-wrap:wrap;row-gap:48px}#contact .contact-info i{font-size:1.25rem}}.border{border:1px solid var(--color-gray)}.work-img-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.work-img-container img{border-radius:8px}#page footer{margin-top:56px}.display-w300{max-width:300px}.display-w160{max-width:160px}.img-email{max-width:450px}@keyframes fadeIn_to_bottom{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn_to_top{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}footer{color:var(--color-white);background-color:var(--color-blue);text-align:center;border-top:1px solid var(--color-gray);padding:20px 0}footer p{margin:0}