.navbar{position:fixed;height:40px;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:transparent}.navbar.scrolled{transition:background-color .3s ease;background-color:#efefefb3}.navbar-menu{list-style:none;display:flex;margin:0;padding:0;font-family:Outfit,sans-serif}.navbar-menu li a{color:#fff;text-decoration:none;transition:color .3s ease;font-size:20px;font-weight:700}.navbar.scrolled .navbar-menu li a{color:#000}.navbar.scrolled .navbar-menu li a:hover{color:#104f55;transition:color .3s ease}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.navbar-menu li a{font-size:16px}}.hero-wrapper{position:relative;height:200vh}.hero{position:sticky;top:0;height:calc(110vh - 50px);width:100VW;display:flex;align-items:center;justify-content:center;z-index:1;color:#fff;background:linear-gradient(145deg,#104f55,#191414 74%);background-size:cover;background-position:center;box-shadow:inset 0 -120px 140px #0000002e;overflow-x:hidden}.hero-content{text-align:center;padding:1rem;transform:translateY(-3vh)}.hero-content h1{font-size:200px;line-height:.85;margin:0;opacity:78%;text-shadow:0 18px 56px rgba(0,0,0,.22)}.letter{opacity:0;display:inline-block;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.letter.visible{opacity:1;transform:translateY(0)}.hero p{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;max-width:720px;margin:28px auto 0;color:#ffffffd6;font-size:28px;font-family:Outfit,sans-serif;font-weight:200;line-height:1.25}.hero p.visible{opacity:1;transform:translateY(0)}.scroll-cue{position:absolute;left:50%;bottom:54px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffff9e;font-family:Outfit,sans-serif;font-size:13px;font-weight:200;transition:opacity .3s ease,transform .3s ease;transform:translate(-50%)}.scroll-cue.hidden{opacity:0;transform:translate(-50%) translateY(10px);pointer-events:none}.scroll-cue-line{display:block;width:1px;height:34px;background:#ffffff6b;animation:scrollCue 1.6s ease-in-out infinite}@keyframes scrollCue{0%{transform:scaleY(.35);transform-origin:top;opacity:.35}50%{transform:scaleY(1);transform-origin:top;opacity:.8}to{transform:scaleY(.35);transform-origin:bottom;opacity:.35}}@media (max-width: 768px){.hero{height:100vh}.hero-content{padding:.5rem;transform:translateY(-2vh)}.hero-content h1{font-size:80px;text-shadow:0 12px 34px rgba(0,0,0,.24)}.hero p{max-width:320px;margin-top:18px;font-size:18px;line-height:1.35}.scroll-cue{bottom:34px;font-size:12px}.scroll-cue-line{height:28px}}#about-me{background-color:#f0f0f0;padding:2rem;text-align:center;border-radius:8px;margin:60px auto;max-width:1300px;box-shadow:0 4px 8px #0000001a;font-family:Outfit,sans-serif;font-weight:200;height:600px;display:flex;justify-content:center;flex-direction:column}#about-me h1{font-size:70px;color:#333;margin-bottom:1rem}.about-headshot{width:156px;height:156px;align-self:center;border-radius:50%;object-fit:cover;object-position:center 42%;box-shadow:0 10px 28px #0000001f;margin-bottom:24px}#about-me p{margin-top:28px;font-size:1.2rem;line-height:1.6;color:#666;align-self:center;width:800px}@media (max-width: 768px){#about-me{padding:1rem;margin:30px auto;height:auto}#about-me h1{font-size:40px;margin-bottom:.5rem}.about-headshot{width:118px;height:118px}#about-me p{font-size:1rem;line-height:1.4;width:80%}}.projects-section{padding:60px 20px;text-align:center;font-family:Outfit,sans-serif;background:#f5f5f5}.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;margin:20px auto;width:80%}.carousel-wrapper{overflow:hidden;width:100%}.carousel-track{display:flex;transition:transform .5s ease}.project-item{flex:0 0 calc(100% / 3);padding:10px;box-sizing:border-box;transition:transform .3s ease}.project-item:hover{transform:scale(1.03);z-index:1}.project-content{background:#fff;border:1px solid #ddd;border-radius:8px;min-height:360px;padding:20px;box-shadow:0 2px 8px #0000001a;text-align:left}.project-category{display:block;margin-bottom:18px;color:#104f55;font-size:.75rem;font-weight:700;text-transform:uppercase}.project-content p{color:#555;line-height:1.5}.project-outcome{color:#333!important;font-weight:500}.project-content small{display:block;margin-top:18px;color:#777;font-size:.78rem}.projects-section h2{text-align:center;margin-top:0;margin-bottom:.5rem;color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:140px;line-height:.9}.projects-intro{max-width:680px;margin:0 auto 2rem;color:#666;font-size:1.1rem;line-height:1.5}.projects-section h3{font-size:1.35rem;color:#333;line-height:1.1}.arrow{background:none;border:none;font-size:2rem;cursor:pointer;padding:10px;color:#333}.arrow:disabled{opacity:.3;cursor:not-allowed}.left-arrow{margin-right:10px}.right-arrow{margin-left:10px}@media (max-width: 768px){.projects-section{padding:40px 10px}.projects-section h2{font-size:64px}.carousel-container{width:95%}.project-item{flex-basis:100%}.project-content{min-height:320px}}.large-container{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:1500px;margin-top:100px;background:linear-gradient(275deg,#104f55,#191414)}.competencies{display:flex;flex-direction:column;width:min(86vw,1120px);min-height:900px;padding-top:180px}.competencies-intro{max-width:820px;margin-bottom:90px;color:#fff;text-align:left;font-family:Outfit,sans-serif}.competencies-intro span{display:block;margin-bottom:16px;font-size:16px;font-weight:200;opacity:.6}.competencies-intro h2{margin:0;font-size:64px;line-height:1.05;opacity:.9}.competencies-intro p{max-width:620px;margin:24px 0 0;font-size:20px;font-weight:200;line-height:1.5;opacity:.72}.competency-list{width:100%;color:#fff;font-family:Outfit,sans-serif}.competency-row{display:grid;grid-template-columns:70px minmax(220px,.8fr) minmax(360px,1.2fr);gap:34px;align-items:start;width:100%;padding:34px 0;border-top:1px solid rgba(255,255,255,.16);transition:padding-left .3s ease,border-color .3s ease}.competency-row:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.competency-row:hover{padding-left:14px;border-color:#ffffff57}.competency-number{color:#ffffff6b;font-size:14px;font-weight:200;letter-spacing:.08em}.competency-row h3{margin:0;color:#ffffffe0;font-size:34px;font-weight:700;line-height:1.05}.competency-copy p{margin:0;color:#ffffffc2;font-size:20px;font-weight:200;line-height:1.45}.competency-copy small{display:block;margin-top:18px;color:#ffffff7a;font-size:14px;line-height:1.5}.competency-note{max-width:760px;margin:70px 0 0;color:#ffffff9e;font-family:Outfit,sans-serif;font-size:20px;font-weight:200;line-height:1.55}@media (max-width: 768px){.large-container{min-height:1450px;margin-top:100px;background:linear-gradient(275deg,#104f55,#191414)}.competencies{width:86vw;min-height:auto;padding-top:100px}.competencies-intro{margin-bottom:50px}.competencies-intro span{font-size:14px}.competencies-intro h2{font-size:34px;line-height:1.12}.competencies-intro p{font-size:16px;line-height:1.45}.competency-row{display:block;padding:28px 0}.competency-row:hover{padding-left:0}.competency-number{display:block;margin-bottom:12px}.competency-row h3{font-size:28px}.competency-copy p{margin-top:8px;font-size:16px}.competency-copy small{margin-top:12px;font-size:13px}.competency-note{margin-top:44px;font-size:16px;line-height:1.5}}.contact-wrapper{position:relative;width:100vw;display:flex;flex-direction:column;align-items:center;padding:50px 0}.chat-button{font-size:80px;padding:10px 20px;color:#fff;cursor:pointer;font-family:Playball,cursive}.contact-info{width:100%;max-height:0;overflow:hidden;opacity:0;text-align:center;margin-top:20px;padding:0 20px;transition:max-height .5s ease,opacity .5s ease,padding .5s ease}.contact-info.open{max-height:300px;opacity:1;padding:20px}.contact-icons{display:flex;justify-content:center;gap:20px}.contact-icon{font-size:40px;color:#fff;transition:transform .3s ease,color .3s ease;cursor:pointer}.contact-icon:hover{transform:scale(1.1);color:#104f55}@media (max-width: 768px){.contact-wrapper{padding:30px 0!important;margin-top:100px}.contact-info.open{padding:0!important}.chat-button{font-size:50px;padding:8px 15px}.contact-info{padding:0 10px}.contact-info.open{padding:15px}.contact-icons{gap:15px}.contact-icon{font-size:30px}}.certifications-section{display:flex;width:100vw;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 0;font-family:Outfit,sans-serif}.certification{flex:1;width:150px;height:auto;filter:grayscale(100%);transition:filter .3s ease;object-fit:contain}.certification:hover{filter:grayscale(0)}.certifications-section a:nth-of-type(1) img{width:300px;height:200px;align-self:center}.certifications-section a:nth-of-type(2) img{width:140px;height:200px;align-self:center}.certifications-section a:nth-of-type(3) img{width:170px;height:200px;align-self:center}.certifications-section a:nth-of-type(4) img{width:180px;height:auto;align-self:center}.certifications-section a:nth-of-type(5) img{width:280px;height:200px;align-self:center;margin-right:70px}@media (max-width: 768px){.certifications-section{flex-wrap:wrap;justify-content:center;gap:20px;max-width:768px;overflow-x:hidden}.certification{margin-top:50px;width:100px}.certifications-section a:nth-of-type(1) img{width:100px;margin-left:-10px;height:auto}.certifications-section a:nth-of-type(2) img{width:40px;height:auto}.certifications-section a:nth-of-type(3) img{width:60px;height:auto;margin-left:20px}.certifications-section a:nth-of-type(4) img{width:80px;height:auto;margin-left:20px}.certifications-section a:nth-of-type(5) img{width:100px;height:auto;margin-right:20px;margin-left:20px}}h1{font-family:Outfit,sans-serif;color:#efefef}body{margin:0;padding:0;overflow-x:hidden}
