:root{--cream:#fef0df;--maroon:#875e87;--dark-blue:#2274a5;--orange:#ffa500;--dark-grey:#444;--light-blue-header:#c8dbe8;--light-maroon-header:#e9c9c7}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;background:#000;color:white;font-family:DM Sans,sans-serif}.container{position:relative}.container,.scene{width:100%;min-height:100vh}.scene{position:absolute;top:0;left:0;opacity:0;z-index:0;display:flex;transition:opacity 1s ease;overflow:hidden;color:var(--cream)}#scene1:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle 1300px at 10% -10%,var(--maroon),transparent 70%),radial-gradient(circle 1500px at 75% 100%,var(--dark-blue),transparent 70%);filter:blur(80px);background-repeat:no-repeat;background-size:cover}.scene.active{opacity:1;z-index:1}#scene2{background:radial-gradient(circle at center,#875e87 0,#533a53 40%,#000000 80%)}#scene3:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 130%,#2274a5 0,#14425c 40%,#000000 50%);filter:blur(80px);background-repeat:no-repeat;background-size:cover}#scene4{background:black}#scene5:before{background-image:radial-gradient(circle 1300px at 10% -10%,var(--maroon),transparent 70%),radial-gradient(circle 1500px at 75% 100%,var(--dark-blue),transparent 70%),radial-gradient(circle 1000px at 50% 80%,#F58A07,transparent 70%)}#scene5:before,#scene6:before{content:"";position:absolute;inset:0;z-index:-1;filter:blur(80px);background-repeat:no-repeat;background-size:cover}#scene6:before{background-image:radial-gradient(circle 1300px at 15% 130%,var(--maroon),transparent 70%),radial-gradient(circle 1500px at 85% -50%,var(--dark-blue),transparent 70%)}.hero .header{font-size:clamp(2.5rem,4.583vw,4.125rem);line-height:1;font-weight:700;margin-bottom:8px}.header span{display:block}.hero .support-text{font-size:clamp(.9rem,2.222vw,2rem);margin-bottom:18px}.hero .buttons{display:flex;gap:22px}.hero .buttons>button+button{background-color:var(--cream);color:var(--dark-blue);white-space:nowrap;fill:var(--dark-blue)}.download-link{color:inherit;text-decoration:none;display:flex;gap:5px}.download-link:hover{color:inherit}.hero .buttons>button+button .icon{display:flex}.hero .buttons>button+button .text{white-space:nowrap}.hero .buttons>button+button .icon svg{width:24px;height:24px;stroke:currentColor}.hero .buttons>button+button:hover{background-color:transparent;color:var(--cream);fill:var(--cream)}.hero .buttons>button:hover{background-color:var(--cream);color:var(--dark-blue)}.hero button{background-color:transparent;font-size:clamp(.8rem,1.458vw,1.313rem);padding:15px 45px;border:1px solid var(--cream);border-radius:30px;font-weight:600;cursor:pointer;transition:background .7s ease;color:var(--cream);display:inline-flex;align-items:center}.hero{display:flex;align-items:center;margin:0 0 0 150px;padding-bottom:50px}.hero .center-line{position:absolute;top:51%;left:-40%;transform:translate(-50%,-50%);width:195vw;height:120vw;border:5px solid white;border-radius:100%;pointer-events:none;z-index:0;padding:0 100px;box-shadow:inset 0 -5px 20px rgba(255,255,255,.8);opacity:.5}.hero .img-container{max-width:400px;margin-left:250px}.hero .img-container img{object-fit:cover;width:100%;height:100%}#scene2{display:flex;align-items:center;justify-content:center;gap:60px;margin-top:-40px;height:105vh}#scene2 .left{margin-top:70px}#scene2 .right{max-width:500px;font-size:clamp(.8rem,1.736vw,1.563rem);display:flex;flex-direction:column;gap:50px}#scene2 .right .header{font-family:Big Shoulders,sans-serif;font-optical-sizing:auto;font-weight:400;color:var(--light-blue-header);text-shadow:0 0 5px var(--dark-blue),0 0 10px var(--dark-blue),0 0 20px var(--dark-blue),0 0 40px var(--dark-blue);font-style:normal;font-size:clamp(2.5rem,5vw,4.5rem);text-align:center}#scene3{padding:20px 0 20px 50px;gap:70px}#scene3 .left{display:flex;flex-direction:column;gap:40px}#scene3 .left .header{font-family:Big Shoulders,sans-serif;font-optical-sizing:auto;font-weight:400;color:var(--light-maroon-header);text-shadow:0 0 5px var(--maroon),0 0 10px var(--maroon),0 0 20px var(--maroon),0 0 40px var(--maroon);font-style:normal;font-size:clamp(2.5rem,5vw,4.5rem);text-align:center;word-spacing:5px}#scene3 .img-container{max-width:450px}#scene3 .img-container img{object-fit:cover;width:100%;height:100%}#scene3 .right{max-width:60%;background:linear-gradient(black) padding-box,linear-gradient(90deg,var(--cream),var(--maroon)) border-box;border:3px solid transparent;border-right:none;padding:30px;border-radius:30px 0 0 30px;font-size:clamp(.9rem,1.25vw,1.125rem);font-weight:200}#scene3 .right .header{font-family:Big Shoulders,sans-serif;font-optical-sizing:auto;font-weight:400;color:var(--light-maroon-header);text-shadow:0 0 5px var(--maroon),0 0 10px var(--maroon),0 0 20px var(--maroon),0 0 40px var(--maroon);font-style:normal;font-size:clamp(2.5rem,5vw,4.5rem);word-spacing:5px;padding:5px 0}#scene3 .right .top p{margin-bottom:15px;max-width:90%}#scene3 .right .top p.span{margin-bottom:0;max-width:90%}#scene3 .right .bottom>p{margin-top:10px;font-weight:400}#scene3 .right .bottom>p+p{margin:0;font-weight:200}#scene4{display:flex;flex-direction:column;align-items:center;padding:40px 50px}#scene4 .header{font-family:Big Shoulders,sans-serif;font-optical-sizing:auto;font-weight:400;color:var(--light-blue-header);text-shadow:0 0 5px var(--dark-blue),0 0 10px var(--dark-blue),0 0 20px var(--dark-blue),0 0 40px var(--dark-blue);font-style:normal;font-size:clamp(2.5rem,5vw,4.5rem);word-spacing:5px;padding:5px 0}#scene4 .support-text{font-size:clamp(.8rem,1.736vw,1.563rem);text-align:center;max-width:80%;line-height:1.6}.skills-wrapper{display:flex;gap:155px;margin-top:50px;width:80%;max-width:100%}.skills-wrapper>*{flex:1 1}.skill{margin-bottom:50px;font-size:clamp(.9rem,1.25vw,1.125rem)}.skill-name{margin-bottom:1rem}.progress-wrapper{position:relative;width:100%}.progress-percent{position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap;color:#e5d8cc}.progress-bar{height:15px;background:var(--dark-blue);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--maroon);border-radius:5px 0 0 5px;width:0;transition:width 1s ease}#scene5 .work-experience-wrapper .header{color:var(--light-maroon-header);text-shadow:0 0 5px var(--maroon),0 0 10px var(--maroon),0 0 20px var(--maroon),0 0 40px var(--maroon);padding:5px 0 30px}#scene5 .work-experience-wrapper .header,.work-experience-wrapper #scene5-header.header{font-family:Big Shoulders,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:clamp(2.5rem,5vw,4.5rem);word-spacing:5px}.work-experience-wrapper #scene5-header.header{color:var(--light-blue-header);text-shadow:0 0 5px var(--dark-blue),0 0 10px var(--dark-blue),0 0 20px var(--dark-blue),0 0 40px var(--dark-blue);padding:5px 0;margin-top:50px}#scene5 .work-experience-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding:30px 0}#scene6 .contact-wrapper{margin:100px 0 0 200px}#scene6 .header{font-family:Big Shoulders,sans-serif;font-optical-sizing:auto;font-weight:400;color:var(--light-blue-header);text-shadow:0 0 5px var(--dark-blue),0 0 10px var(--dark-blue),0 0 20px var(--dark-blue),0 0 40px var(--dark-blue);font-style:normal;font-size:clamp(2.5rem,5vw,4.5rem);word-spacing:5px;padding:5px 0 30px}#scene6 .img-container{max-width:250px;max-height:250px;border-radius:50px;overflow:hidden}#scene6 .img-container img{object-fit:cover;width:100%;height:100%;object-position:top}#scene6 .contact-card{display:flex;gap:100px}#scene6 .contact-card .info{display:flex;flex-direction:column;justify-content:space-between;padding:30px 0}#scene6 .contact-card .heading{font-size:clamp(.8rem,1.736vw,1.563rem);font-weight:600;margin-bottom:20px}#scene6 .contact-card .icons{display:flex;fill:var(--cream);gap:15px}#scene6 .contact-card .icons svg{height:50px}.carousel-wrapper{cursor:pointer;overflow:hidden;width:100%;position:relative}.carousel-track{display:flex;gap:2rem;will-change:transform}.carousel-item{min-width:350px;position:relative;flex-shrink:0;height:200px}.carousel-item img{width:100%;height:100%;object-fit:contain;display:block}.overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,transparent,black);color:#eee;display:flex;justify-content:space-between;align-items:flex-end;padding:5px 1rem;font-size:.9rem;font-size:16px;font-family:Dosis,sans-serif;font-optical-sizing:auto;font-weight:600}.project-name{margin-bottom:2px}.icons a svg{margin-left:.5rem;transition:transform .3s}.icons a svg:hover{fill:var(--orange);transform:scale(1.3)}.tools-container{width:100%;margin-top:30px}.tools-grid{display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(2,1fr);grid-gap:10px;gap:10px;padding:0 30px 0 20px}.tools-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;text-align:center;color:var(--cream);cursor:pointer}.tool-icon{width:30px;height:30px;margin-bottom:8px;transition:.3s}.tools-grid-item:hover .tool-icon{width:45px;height:45px}.tool-name{font-size:14px;font-family:Dosis,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;transition:.3s}.tools-grid-item:hover .tool-name{color:var(--orange);font-weight:400}.tools-grid-mobile{display:none}@media (min-height:800px){#scene3{padding:50px 0 50px 50px}#scene3 .right .header{padding:35px 0 10px}#scene3 .right .top p{margin-bottom:30px;max-width:90%}#scene4{padding:80px 50px}#scene5 .work-experience-wrapper{padding:50px 0}}@media (max-width:1200px){.hero{display:flex;align-items:center;margin:0;padding:0 50px 50px 70px;width:100%;justify-content:space-between}.hero .img-container{max-width:400px;margin-left:0}.hero .center-line{left:-45%;height:135vw}#scene2{padding:0 30px}#scene2 .img-container{max-width:530px}#scene2 .img-container img{object-fit:cover;width:100%;height:100%}#scene3 .left{margin-top:80px}#scene3 .right .header{padding:35px 0 10px}#scene3 .right .top p{margin-bottom:30px;max-width:90%}#scene4{padding:80px 50px}#scene5 .work-experience-wrapper{padding:50px 0}#scene5 .work-experience-wrapper .card-2{transform:translateY(40px)}}@media (max-width:999px){.hero{display:flex;flex-direction:column-reverse;align-items:center;gap:100px;margin:0;padding:0 50px 70px;width:100%;justify-content:space-between}.hero .center-line{z-index:-1;left:49.5%;top:-5%;height:130vw}.hero .header{line-height:1;margin-bottom:15px}.hero .support-text{margin-bottom:25px}.hero .header{font-size:clamp(2.5rem,4.583vw,4.125rem)}.hero button{font-size:clamp(1.1rem,1.458vw,1.313rem);padding:13px 45px}.download-link{gap:5px;align-items:center}.hero .buttons{justify-content:space-between}.hero .left{text-align:center}.section{min-height:0;opacity:0;transform:translateY(40px);transition:all 1s ease}.section.visible{opacity:1;transform:translateY(0)}body{overflow-y:scroll}.container{min-height:100%}.container,.scene{position:relative}#scene2{gap:60px;margin-top:0;height:105vh;padding-bottom:30px}#scene2 .img-container{min-width:300px;max-width:auto}#scene3 .left{margin-top:0}.skills-wrapper{gap:100px;width:90%}#scene5 .work-experience-wrapper .experience{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:700px}#scene5 .work-experience-wrapper .experience>*{text-align:center}#scene5 .work-experience-wrapper{padding:40px 0 60px;width:100%}#scene5 .work-experience-wrapper .card-2{transform:translateY(0)}#scene5 .work-experience-wrapper .experience .heading{font-size:clamp(1.2rem,1.389vw,1.25rem);font-weight:600;text-align:center;margin-bottom:10px}#scene6 .contact-wrapper{margin:50px}.tools-grid{display:none}.tools-grid-mobile{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;padding:0 30px 0 20px}}@media (max-width:800px){.hero .center-line{left:370px;top:-40px;height:1300px;width:1500px}#scene2{gap:60px;height:100%}#scene3{flex-direction:column;align-items:center;padding:70px 30px 0}#scene3 .right{max-width:100%;background:linear-gradient(black) padding-box,linear-gradient(45deg,var(--cream),var(--maroon)) border-box;border:3px solid transparent;border-bottom:none;border-radius:30px 30px 0 0;font-size:clamp(1rem,1.25vw,1.125rem);text-align:center;padding:30px 30px 50px}#scene3 .right .top p{margin-bottom:30px;max-width:100%}#scene3 .right .top p.span{margin-bottom:0;max-width:100%}#scene4{padding:0 50px 40px;min-height:100%}#scene4 .header{padding:5px 0 20px}.skills-wrapper{gap:50px;width:100%}.skill{margin-bottom:50px;font-size:clamp(.8rem,1.25vw,1.125rem)}.progress-percent{top:-30px}}@media (max-width:768px){.hero .center-line{left:370px;top:-40px;height:1300px;width:1500px}#scene2{flex-direction:column-reverse;padding:50px 30px;gap:0;min-height:100%}#scene2 .img-container{max-width:300px}#scene2 .right{max-width:500px;font-size:clamp(1rem,1.736vw,1.563rem);display:flex;flex-direction:column;gap:30px;text-align:center}.skills-wrapper{gap:0;flex-direction:column;width:80%}#scene4 .support-text{max-width:100%}#scene6 .contact-wrapper{margin:60px 50px}#scene6{min-height:100%;width:100%;justify-content:center}#scene6 .header{text-align:center}#scene6 .contact-card{display:flex;flex-direction:column;gap:0;text-align:center;font-size:clamp(.9rem,1.736vw,1.563rem)}#scene6 .contact-card .heading{font-size:clamp(1.3rem,1.736vw,1.563rem);font-weight:600;margin-bottom:15px}#scene6 .contact-card .info{gap:30px}#scene6 .contact-card .icons{justify-content:center;gap:15px}}@media (max-width:450px){.hero{gap:70px;padding:0 30px 70px}.hero .right{padding:0 20px}.hero .center-line{left:220px;top:0;height:1000px;width:1000px}.hero .buttons{align-items:center;flex-direction:column}#scene3{gap:50px;padding:70px 15px 0}#scene3 .right{padding:20px 15px 50px}#scene3 .right .header{padding:20px 0 10px}#scene4{padding:0 30px 20px}.skills-wrapper{width:90%}#scene5 .work-experience-wrapper{padding:40px 0 60px}#scene5 .work-experience-wrapper .experience .heading{font-size:clamp(1.1rem,1.389vw,1.25rem)}#scene5 .work-experience-wrapper .experience li{margin-bottom:10px}#scene6 .contact-wrapper{margin:40px 30px 60px}.hero .support-text{font-size:clamp(1.2rem,2.222vw,2rem)}}@media (max-width:430px){.hero .center-line{left:200px;top:-20px;height:1000px;width:1000px}}