@import"https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Questrial&display=swap";@import"https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Questrial&family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&family=Space+Grotesk:wght@300..700&family=Teko:wght@300..700&display=swap";:root{--setWindowHeight: 0px}.section1{height:100vh;width:100%;position:relative;overflow:hidden}.section1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.2) 1px,transparent 1px);background-size:20px 20px;animation:pulseGridSize 4s ease-in-out infinite;z-index:-1;background-color:#fff}@keyframes pulseGridSize{0%,to{background-size:20px 20px}50%{background-size:30px 30px}}.content{position:absolute;top:58vh;left:50%;transform:translate(-50%,-50%);z-index:2;color:#0e0d0d;font-size:clamp(3rem,9vw,15rem);text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.content h1{display:inline-block;line-height:.6}.content h2{font-size:3vw;font-weight:200;letter-spacing:1px;line-height:.6;color:#333}.styled-box{position:absolute;display:block;top:3%;right:0;width:57%;height:95%;background-color:#5ea7bf;border-left:20px solid #ccc0ab;border-top:20px solid #ccc0ab;border-bottom:20px solid #ccc0ab;z-index:1}.strips-container{height:100vh;width:30%;position:absolute;left:1%}.row{display:block;position:relative;margin-bottom:15px}.strip{background-color:#161614;width:20px;height:25vh;display:inline-block;position:relative;text-align:left;opacity:0;transform:translateY(0);animation:.5s forwards}.strip p{margin-top:var(--margin-height);transform:rotate(-90deg);text-align:left;white-space:nowrap;font-weight:700;font-style:italic;letter-spacing:1.5px;text-transform:uppercase;color:#e6ecee}.row.bottom .strip{height:47vh;animation-name:slideUp}.row .strip:nth-child(2),.row .strip:nth-child(3){margin-left:15px}.row.middle .strip,.row.top .strip{height:21.25vh;animation-name:slideDown}@keyframes slideUp{0%{transform:translateY(100vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}.row.bottom .strip:nth-child(1){animation-delay:0s}.row.bottom .strip:nth-child(2){animation-delay:.1s}.row.bottom .strip:nth-child(3){animation-delay:.2s}.row.middle .strip:nth-child(1){animation-delay:.3s}.row.middle .strip:nth-child(2){animation-delay:.4s}.row.middle .strip:nth-child(3){animation-delay:.5s}.row.top .strip:nth-child(1){animation-delay:.6s}.row.top .strip:nth-child(2){animation-delay:.7s}.row.top .strip:nth-child(3){animation-delay:.8s}.ov-circle-container{position:absolute;bottom:-10%;left:15%}.zigzag-container{position:absolute;width:600px;height:600px;top:-40px;left:15%;z-index:2}.h-strips-container{height:50vh;width:10%;position:absolute;display:flex;flex-direction:column;align-items:flex-end;right:50px;top:15%;z-index:2}.hstrip{background-color:#000;width:100px;height:18px;position:relative;margin-bottom:20px;opacity:0;transform:translateY(0);animation:slideLower .5s forwards}@keyframes slideLower{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}.hstrip:nth-child(1){animation-delay:.1s}.hstrip:nth-child(2){animation-delay:.2s}.hstrip:nth-child(3){animation-delay:.3s}.hstrip:nth-child(4){animation-delay:.4s}.hstrip:nth-child(5){animation-delay:.5s}.hstrip:nth-child(6){animation-delay:.6s}.circle-rotate-container{position:absolute;bottom:3%;right:3%;z-index:1}@media (max-width: 480px){.h-strips-container{display:none}.content{transform:translate(-30%,-50%);font-size:clamp(3.3rem,9vw,15rem)}.content h2{font-size:7vw}}.link{width:10rem;height:10rem;display:inline-block;font:300 1.55rem/1.4 Josefin Sans;text-transform:uppercase;letter-spacing:.1175em;word-spacing:.3em;text-decoration:none}.link__svg{width:100%;height:auto;transform-box:fill-box;fill:#2b3338;stroke:#2b3338;stroke-width:.05em;stroke-linecap:round;stroke-linejoin:round}.link__cloud{transform-origin:50% 50%;animation:rotate normal infinite 60s linear;fill:#d21338}.link__face,.link__arrow{transform-origin:50% 50%;transition:transform .15s cubic-bezier(.32,0,.67,0)}.link:hover .link__face,.link:hover .link__arrow{transform:scale(1.1);transition:transform .3s cubic-bezier(.33,1,.68,1)}.link__arrow{stroke-width:.075em}.link__text{animation:rotateReverse normal infinite 60s linear;transform-origin:50% 50%}.link:hover .link__text{animation-play-state:paused}.link--alt{font-size:1.15rem;letter-spacing:0;word-spacing:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotateReverse{to{transform:rotate(-360deg)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes overlayEnter{0%{opacity:0}to{opacity:1}}@keyframes modalExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes overlayExit{0%{opacity:1}to{opacity:0}}.modal-overlay.closing{animation:overlayExit .3s ease-in forwards}.modal-content.closing{animation:modalExit .3s ease-in forwards}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.form-group{margin-bottom:1.5rem;text-align:left}label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}input,textarea{width:100%;padding:.8rem;background:#2d2d2d;border:1px solid #444;border-radius:4px;font-size:1rem;color:#fff;transition:border-color .3s ease}input:focus,textarea:focus{outline:none;border-color:#646cff;background:#3d3d3d}input::placeholder,textarea::placeholder{color:#888}.submit-btn{background:#646cff;color:#fff;padding:1rem 2rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .3s ease;text-align:left}.submit-btn:hover{background:#535bf2}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff}.close-btn:hover{color:#646cff}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.success-message{color:#4bb543;margin-top:1rem}.error-message{color:#ff3860;margin-top:1rem}.contact-button{background:#646cff;color:#fff;padding:1rem 2rem;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.contact-button:hover{background:#535bf2;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1001;animation:overlayEnter .3s ease-out}.modal-content{background:#1e1e1e;color:#fff;padding:2rem;border-radius:10px;width:90%;max-width:500px;position:relative;box-shadow:0 10px 30px #0003;animation:modalEnter .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center center}@media (min-width: 1366px){.modal-content{max-width:500px;max-height:85vh;overflow-y:auto;padding:3rem;animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275)}.modal-content h2{font-size:2.5rem;margin-bottom:2rem}.form-group{margin-bottom:2rem}label{font-size:1.1rem;margin-bottom:.75rem}input,textarea{padding:1rem;font-size:1.1rem}.submit-btn{padding:1.25rem 2.5rem;font-size:1.1rem;min-width:180px}.close-btn{font-size:2rem;top:1.5rem;right:1.5rem}}@media (min-width: 1920px){.modal-content{max-width:700px;padding:4rem}h2{font-size:3rem}label{font-size:1.2rem}input,textarea{padding:1.25rem;font-size:1.2rem}.submit-btn{padding:1.5rem 3rem;font-size:1.2rem;min-width:200px}}.zigzag-line{width:100%;height:100%}.zig-zag-circle{fill:#000}polyline{stroke:#000;stroke-width:3;fill:none;stroke-dasharray:5,5;marker-end:url(#arrowhead)}marker path{fill:#000}@keyframes moveRight{0%{transform:translate(0)}50%{transform:translate(10px,-5px)}to{transform:translate(0)}}.overlap-circle{animation:moveRight 1.5s ease-in-out infinite}.overlap-circle:nth-child(1){animation-delay:0s}.overlap-circle:nth-child(2){animation-delay:.2s}.overlap-circle:nth-child(3){animation-delay:.4s}.overlap-circle:nth-child(4){animation-delay:.6s}.overlap-circle:nth-child(5){animation-delay:.8s}.ov-triangle-container{position:absolute;top:-8%;right:35%;z-index:2}:root{--barReveal: 0px;--bodyAlpha: 0}.scrollExpand{opacity:0;position:relative;background:#111922}.scrollExpand.is-active{height:200vh;opacity:1}.scrollExpand-content{position:sticky;top:0;height:100vh;overflow:hidden;background:#111922}.scrollExpand-borders{position:absolute;width:100%;height:100%;pointer-events:none}.scrollExpand-border{position:absolute;background:#fff;z-index:2;transition:all .25s ease-out}.scrollExpand-border-top,.scrollExpand-border-bottom{height:var(--barReveal);width:100%}.scrollExpand-border-left,.scrollExpand-border-right{width:var(--barReveal);height:100%}.scrollExpand-border-top{top:0}.scrollExpand-border-bottom{bottom:0}.scrollExpand-border-left{left:0}.scrollExpand-border-right{right:0}.fullscreen-bg-about{min-height:100vh;padding:100px 0}.about-statement{position:relative;font-size:clamp(42px,6.25vw,90px);font-family:Playfair Display,serif;font-weight:400;line-height:1.0666666667;letter-spacing:-.0009375em;text-transform:none;opacity:var(--bodyAlpha);transition:opacity .3s ease-out;padding:25px 0}.about-statement h2{margin-bottom:30px;color:#fdfbf5}@media (min-width: 1025px){.about-pageWrap{padding-left:5.5083333333vw;padding-right:5.5083333333vw}}@media (min-width: 1681px){.about-pageWrap{padding-left:4.8vw!important;padding-right:4.8vw!important}}@media (min-width: 1981px){.about-pageWrap{padding-left:2.2083333333vw!important;padding-right:2.2083333333vw!important}.about-statement{padding:55px 0;font-size:clamp(42px,6.25vw,101px)}}.marquee-main-container{width:100%;background-color:#111922;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 0 9rem}.about-pageWrap{width:100%;margin:auto;text-align:left;max-width:1440px;padding-left:5.2083333333vw;padding-right:5.2083333333vw;background-color:#111922}.skills-section-title{text-align:center;padding:0 0 4rem}.skills-section-title h3{font-size:clamp(18px,2.25vw,75px);font-family:Playfair Display,serif;color:#fdfbf5}.marquee-container{overflow:hidden;position:relative;width:50%;padding:2rem 0;background-color:#111922}.marquee-content{display:flex;width:max-content;animation:marquee 20s linear infinite}.marquee-content:hover{animation-play-state:paused}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;height:100px;margin:0 1.5rem;background:#ffffff;border-radius:12px;transition:transform .3s ease}.tech-item:hover{transform:translateY(-5px)}.tech-item:nth-child(2) .tech-icon svg,.tech-item:nth-child(9) .tech-icon svg,.tech-item:nth-child(3) .tech-icon svg,.tech-item:nth-child(10) .tech-icon svg,.tech-item:nth-child(7) .tech-icon svg,.tech-item:nth-child(14) .tech-icon svg{color:#111922}.tech-icon{width:50px;height:50px;margin-bottom:.3rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.tech-item:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(9)):not(:nth-child(10)):not(:nth-child(7)):not(:nth-child(14)) .tech-icon{background:#111922}.tech-icon svg{width:100%;height:100%;color:#fdfbf5}.icon-dummy{width:100%;height:100%;background:#646cff;border-radius:8px}.tech-name{font-size:.9rem;font-weight:500;color:#333}.marquee-center-align{display:flex;justify-content:center}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{border-radius:16px;border:1px solid rgba(255,255,255,.2)}@media (min-width: 320px){.about-pageWrap{margin:0 auto}.marquee-main-container{padding:2rem 0 7rem;min-height:30vh}.skills-section-title{padding:0 0 1.5rem}.skills-section-title h3{font-size:clamp(1.4rem,2.25vw,4.7rem)}.marquee-container{width:90%;padding:1rem 0}.tech-item{min-width:80px;height:80px;margin:0 .6rem}}@media (min-width: 391px){.skills-section-title h3{font-size:clamp(1.6rem,2.25vw,4.7rem)}.tech-item{min-width:90px;height:90px}.marquee-container{padding:1.1rem 0}}@media (min-width: 541px){.marquee-main-container{padding:2rem 0 8rem}.skills-section-title{padding:0 0 1.8rem}.skills-section-title h3{font-size:clamp(2.8rem,2.25vw,4.7rem)}.tech-item{min-width:100px;height:100px}.marquee-container{padding:1.3rem 0;margin:0 .8rem}}@media (min-width: 769px){.marquee-main-container{padding:2rem 0 9rem}.skills-section-title{padding:0 0 2rem}.skills-section-title h3{font-size:clamp(49.6px,calc(49.6px + (12.8 * ((100vw - 768px) / 255))),62.4px)}.tech-item{min-width:120px;height:120px}.tech-icon{width:55px;height:55px}.tech-name{font-size:1.2rem}.marquee-container{padding:1.5rem 0;margin:0 .9rem}}@media (min-width: 1025px){.about-pageWrap{margin:auto}.marquee-container{padding:1.7rem 0;margin:0 1rem;width:80%}.skills-section-title{padding:0 0 3rem}.skills-section-title h3{font-size:clamp(18px,2.55vw,75px);font-family:Playfair Display,serif}.tech-item{margin:0 .8rem}}@media (min-width: 1681px){.marquee-main-container{min-height:60vh;padding:2rem 0 11rem}.skills-section-title{padding:0 0 4rem}}@media (min-width: 1981px){.marquee-main-container{padding:2rem 0 12rem}.marquee-container{padding:2.7rem 0;margin:0 1rem;width:90%}.skills-section-title{padding:0 0 5rem}.skills-section-title h3{font-size:clamp(18px,2.55vw,75px);font-family:Playfair Display,serif}.tech-item{min-width:140px;height:140px;margin:0 1.2rem}.tech-icon{width:65px;height:65px}.tech-name{font-size:1.5rem}}.section3{position:relative;display:block}.timeline-wrapper{position:relative;display:block;height:100vh;background-color:#20003f;overflow:hidden}.timeline-container{position:absolute;top:50%;right:0;width:75%;height:70vh;transform:translateY(-50%);padding:2rem;background-color:#000;border-top-left-radius:4rem;border-bottom-left-radius:4rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.timeline-container::-webkit-scrollbar{display:none}.timeline-container:active{cursor:grabbing}.timeline-line{position:absolute;top:0;bottom:0;left:20px;width:2px;background:#8a63d2}.cards-wrapper{display:flex;gap:2rem;height:100%;-webkit-user-select:none;user-select:none;scroll-snap-type:x mandatory;min-width:fit-content}.timeline-card{display:flex;flex-direction:column;min-width:300px;height:100%;padding:2rem;color:#000;border-radius:12px;scroll-snap-align:start;transition:transform .3s}.timeline-card:hover{transform:translateY(-5px)}.card-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-header-container{display:block;width:100%;text-align:center}.header-title-year{display:flex;flex-direction:column}.header-titl{font-weight:500;font-size:1.1rem}.year-range{font-weight:400;font-size:.9rem;color:#2a2a2a}.card-h3{margin-top:1.4rem;margin-bottom:.6rem;text-align:left;border-bottom:1px solid #000000}.timeline-list-content-container{display:flex;align-items:center;justify-content:center}.timeline-list-content-container ul li{font-size:1rem}.svg-icon{display:flex;justify-content:center;align-items:center;border:2px solid;border-radius:50%}.svg-icon svg{width:5.3em;height:5.3em;padding:.6rem}.timeline-card path{stroke-width:1px}.timeline-card:nth-child(1) path,.timeline-card:nth-child(4) path,.timeline-card:nth-child(6) path,.timeline-card:nth-child(7) path{stroke-width:0}.card-dot{position:absolute;top:15px;left:-8px;width:18px;height:18px;background:#8a63d2;border:3px solid white;border-radius:50%}.card-content{background:#2a2a2a;padding:20px;border-radius:8px;color:#fff;transition:transform .3s}@media (min-width: 1681px){.timeline-container{height:50vh}.cards-wrapper{min-width:fit-content}.card-header{gap:1.7rem}.timeline-card{min-width:350px}.header-titl{font-size:1.6rem}.year-range{font-size:1.1rem}.svg-icon svg{width:5.9em;height:5.9em}.card-h3{margin-top:1.7rem;font-size:1.6rem}.timeline-list-content-container ul li{font-size:1.1rem}}@media (min-width: 1921px){.timeline-container{height:50vh}.timeline-card{min-width:410px}.card-header{gap:2.5rem}.header-titl{font-size:2.1rem}.year-range{font-size:1.6rem}.svg-icon svg{width:8.3em;height:8.3em}.card-h3{margin-top:2.5rem;font-size:2rem}.timeline-list-content-container ul li{font-size:1.4rem}}@media (max-width: 1024px){.timeline-container{border-radius:1.5rem;top:55%;right:50%;width:90%;height:50vh;transform:translate(50%,-50%);padding:20px 30px}.timeline-line{left:10px}.timeline-card{min-width:clamp(295px,calc(295px + (75 * ((100vw - 768px) / 256))),370px);padding-left:30px}.card-header{gap:1.6rem}.header-titl{font-size:clamp(24px,calc(24px + .03125*(100vw - 768px)),32px)}.year-range{font-size:clamp(19.2px,calc(19.2px + .01875*(100vw - 768px)),24px)}.card-h3{font-size:clamp(25.6px,calc(25.6px + .03125*(100vw - 768px)),33.6px)}.timeline-list-content-container ul li{font-size:clamp(19.2px,calc(19.2px + .025*(100vw - 768px)),25.6px)}.svg-icon svg{width:clamp(100.797px,calc(100.797px + .0625*(100vw - 768px)),116.797px);height:clamp(100.797px,calc(100.797px + .0625*(100vw - 768px)),116.797px);padding:.8rem}.card-h3{margin-top:1.6rem}}@media (max-width: 768px){.timeline-container{border-radius:1.5rem;top:55%;right:50%;width:90%;height:50vh;transform:translate(50%,-50%);padding:20px 30px}.timeline-line{left:10px}.timeline-card{min-width:275px;padding-left:30px}.header-titl{font-size:1.3rem}.year-range{font-size:1.1rem}.card-h3{font-size:1.4rem}.timeline-list-content-container ul li{font-size:1.1rem}.svg-icon svg{width:5em;height:5em}}@media (max-width: 480px){.timeline-container{height:60vh;top:56%}}@media (max-width: 380px){.timeline-container{border-radius:1.5rem;height:65vh;top:56%}.year-carousel{top:12%}.svg-icon svg{width:4.3em;height:4.3em}.card-h3{margin-top:1.1rem}}.year-carousel{position:absolute;left:10%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2}.year-display{font-size:2.5rem;color:#fff;font-weight:700;min-width:100px;text-align:center}.year-button{background:none;border:2px solid white;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s;display:flex;align-items:center;justify-content:center}.year-button:disabled{opacity:1;cursor:not-allowed;border-color:#dcdcdc66;color:#dcdcdc66}.year-button:not(:disabled):hover{background:rgba(255,255,255,.1)}@media (min-width: 1681px){.year-carousel{gap:40px}.year-button{width:80px;height:80px;font-size:2.1rem}.year-display{font-size:4.7rem}}@media (min-width: 1981px){.year-button{width:100px;height:100px;font-size:2.8rem}.year-display{font-size:6rem}}@media (max-width: 1024px){.year-carousel{left:50%;transform:translate(-50%);flex-direction:row;top:18%;gap:45px}.year-button{width:70px;height:70px;font-size:2rem}.year-display{font-size:4.5rem;min-width:150px}.up-button{order:1}.year-display{order:2}.down-button{order:3}}@media (max-width: 768px){.year-carousel{left:50%;transform:translate(-50%);flex-direction:row;top:18%;gap:35px}.year-button{width:50px;height:50px;font-size:1.8rem}.year-display{font-size:3.5rem;min-width:120px}.year-button{width:55px;height:55px;font-size:1.8rem}}@media (max-width: 480px){.year-carousel{top:14%;gap:30px}.year-button{width:50px;height:50px;font-size:1.2rem}.year-display{font-size:2.5rem;min-width:100px}.timeline-list-content-container ul li{font-size:1rem}}@media (max-width: 380px){.year-carousel{top:12%}}:root{--translateX: 0px;--rect-width: 100px;--rect-height: 20px;--slider-opacity: 0;--slider-translateY: 50px;--color_11: rgba(255, 255, 255, .9);--color_12: rgba(245, 245, 245, 1);--color_15: rgba(0, 0, 0, .8);--header-height: 50px;--one-unit: 16px}.portfolio-main{padding-top:4rem;background-color:#121212}.section4P{position:relative}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.projects-title{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.projects-text{font-family:Bebas Neue,Arial,Helvetica,sans-serif;font-size:clamp(5rem,25vw,47.5rem);font-weight:700;text-transform:uppercase;display:block;line-height:.9;color:#fdfbf5}.work{display:flex;align-items:center;justify-content:center;width:fit-content;transition:transform .2s ease-out}.rect{width:var(--rect-width);height:var(--rect-height);display:block;transition:width .2s ease-out,height .2s ease-out}.outer-container{width:var(--rect-width);height:var(--rect-height);display:inline-block;transition:width .2s ease-out,height .2s ease-out;object-fit:cover}.carousel-container{position:relative;width:100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out}.carousel-image.active{opacity:1}.sticky-section{position:sticky;top:var(--header-height);min-height:100vh;display:grid;align-items:center;padding:40px 5%;background-size:cover;background-position:center;z-index:2}.sticky-section:nth-child(2){z-index:3;top:var(--header-height)}.sticky-section:nth-child(3){z-index:4;top:calc(var(--header-height) + 100px)}.sticky-section:nth-child(4){z-index:5;top:calc(var(--header-height) + 100px)}.content-card{background:var(--color_15);border-radius:20px;padding:80px;max-width:600px;margin:0 auto;transition:transform .3s ease}.section-title{color:var(--color_11);font-size:36px;margin-bottom:30px}.section-text{color:var(--color_11);font-size:16px;line-height:1.6;margin-bottom:40px}.styled-button{background:transparent;border:2px solid var(--color_11);color:var(--color_11);padding:12px 30px;border-radius:30px;cursor:pointer;transition:all .3s ease}.styled-button:hover{background:var(--color_11);color:var(--color_15)}@media (max-width: 750px){.content-card{padding:40px;border-radius:15px}.section-title{font-size:28px}}.project-item{width:90%;max-width:1200px;margin:2rem auto;position:relative;border-radius:max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px));overflow:hidden}.case-tile{--radius: 4rem;display:flex;flex-direction:column;position:relative;min-height:300px;border-radius:max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px))}.case-tile__bg{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.case-tile__thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .3s ease}.case-tile__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f0e0c80}.case-tile__content{padding:2rem;color:#fff;background-color:var(--theme);flex:1;display:flex;flex-direction:column;justify-content:center}.case-tile__controls{position:absolute;top:1.7em;right:1.7rem;display:flex;gap:1rem;align-items:center;z-index:2}.case-tile__cta{background:rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px));color:#fff;text-decoration:none;font-size:.9rem;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;font-size:1.5rem;gap:.5rem}.case-tile__icon{width:3rem;height:3rem;border-radius:50%;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.2rem}.case-tile__content h2{font-size:clamp(1.8rem,1.76,3rem);margin-bottom:.5rem}.case-tile__content h3{font-size:clamp(1.2rem,1.36vw,1.8rem);opacity:.9;line-height:1.4;font-weight:300}.case-tile__content .tech-badges{display:flex;flex-wrap:wrap;overflow:visible;align-items:center;gap:.7rem 1rem;margin-bottom:.5rem}.tech-badge{display:inline-flex;align-items:center;padding:.4rem .8rem;background-color:#ffffff1a;border-radius:2rem;border:1px solid transparent;font-size:.9rem;color:#fff}.tech-badge .dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}@media (min-width: 768px){.project-item{height:80vh;max-height:800px;width:80%}.case-tile{height:100%;min-height:auto}.case-tile__bg{height:50vh;padding-top:0}.case-tile__cta{opacity:0;transform:translate(-2rem);transition:all .3s ease}.case-tile .case-tile__content{opacity:1}.case-tile .case-tile__cta{opacity:1;transform:translate(0)}}@media (min-width: 1025px){.project-item{height:80vh;max-height:800px;width:80%}.case-tile__bg{height:100%;padding-top:0;position:absolute;clip-path:inset(0 0 0 0 round max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px)));transition:clip-path .3s ease}.case-tile__content{position:absolute;top:100%;left:0;width:100%;opacity:0;transition:all .3s ease;background-color:transparent;padding:3rem}.case-tile:hover .case-tile__bg{clip-path:inset(1.2rem 1.2rem 14rem 1.2rem round max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px)))}.case-tile:hover .case-tile__content{top:calc(100% - 16rem)}}@media (min-width: 1380px){.case-tile__bg{height:100%;padding-top:0;position:absolute;clip-path:inset(0 0 0 0 round max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px)));transition:clip-path .3s ease}.case-tile__content{position:absolute;top:100%;left:0;width:100%;opacity:0;transition:all .3s ease;background-color:transparent;padding:3rem}.case-tile:hover .case-tile__bg{clip-path:inset(1.2rem 1.2rem 14rem 1.2rem round max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px)))}.case-tile:hover .case-tile__content{top:calc(100% - 16rem)}}@media (min-width: 1680px){.project-item{height:90vh;max-height:1000px}.case-tile:hover .case-tile__bg{clip-path:inset(1.2rem 1.2rem 21rem 1.2rem round max(.5px,.03125 * (min((100 * 1cqw),9999px) - 17px)))}.case-tile:hover .case-tile__content{top:calc(100% - 22.5rem)}.case-tile__controls{top:2em;right:2.6rem}}@media (max-width: 767px){.project-item{border-radius:2rem;width:94%;height:calc(100vh - 8rem);margin:2rem auto}.case-tile{height:100%;min-height:auto;border-radius:2rem}.case-tile__bg{height:50vh;padding-top:0;border-radius:2rem 2rem 0 0}.case-tile__content{padding:1.5rem;border-radius:0 0 2rem 2rem}.case-tile__controls{top:1rem;right:1rem}.case-tile__cta{padding:.6rem 1.2rem;font-size:.8rem}.case-tile__icon{width:2.5rem;height:2.5rem;font-size:1rem}}@media (max-width: 380px){.case-tile__bg{height:40vh}.case-tile__content .tech-badges{gap:.6rem}.tech-badge{padding:.3rem .6rem;font-size:.7rem}.case-tile__content h3{font-size:clamp(.9rem,1.36vw,1.8rem)}}:root{--dark: #000;--soft: #121212;--color: #fff}.section5{position:relative;width:100%;background-color:#121212;color:#fdfbf5}.main-contact{width:100%;margin:0;padding:0;overflow-x:clip}.ctt-title__hold h1.big-t{font-size:clamp(2rem,5vw,5rem);font-weight:700;line-height:.78;word-wrap:break-word;white-space:normal;max-width:90%;margin:0 auto}.ctt-location__address{display:block;margin:.5rem 0}a.ctt-location__address{background-color:transparent;padding:.5rem 1rem;border:1px solid #fdfbf5;border-radius:20px;width:60%;color:#fdfbf5;text-align:center;font-weight:700;text-transform:uppercase;margin-top:1rem}.ctt-links__items,.ctt-hours__list,.ctt-social__items{list-style:none;padding:0;margin:0}.ctt-links__items li,.ctt-hours__each,.ctt-social__items li{margin-bottom:.5rem}.ctt-hours__each{display:flex;justify-content:space-between}.ctt-text{background-color:transparent}.ctt-text__hold{display:flex;justify-content:space-between;align-items:center}.ctt-text__text{max-width:600px}.ctt-text__svg__hold{position:relative}.ctt-social__items>li>a:link,.ctt-social__items>li>a:visited,.ctt-social__items>li>a:hover,.ctt-social__items>li>a:active,.ctt-links__items>li>a:link,.ctt-links__items>li>a:visited,.ctt-links__items>li>a:hover,.ctt-links__items>li>a:active{color:#9e9eff}@media only screen and (min-width: 1354px){main.main-contact{display:grid;grid-template-columns:51.6vw 25vw 23.4vw;grid-template-rows:auto auto auto;grid-template-areas:"title location ctt" "title hours    socials" "text  text     text";padding-top:4.7rem}#contact-title{grid-area:title;grid-row:1 / 3;display:grid;grid-template-rows:subgrid;padding:1.7rem 0 0 1rem;border-top:1px solid #ffffff}.ctt-title__hold,.big-t{display:contents}.t{font-family:var(--font-secondary);font-weight:900;text-transform:uppercase;line-height:inherit;font-size:clamp(262.4px,calc(262.4px + (201.6 * ((100vw - 1366px) / 1194))),464px);letter-spacing:.01em;white-space:normal}.t1{grid-row:1;align-self:end}.t2{grid-row:2;align-self:start}#contact-location,#contact-git,#contact-hours,#contact-socials{border-top:1px solid #ffffff;border-left:1px solid #ffffff}.contact-content{padding:1.7rem 4rem 0 1.7rem}.contact-content>h2{margin-bottom:1rem}#contact-location{grid-area:location}#contact-git{grid-area:ctt}#contact-hours{grid-area:hours}#contact-socials{grid-area:socials}#contact-text{grid-area:text;padding:3rem 2.5rem;border-top:1px solid #ffffff;font-size:clamp(19.2px,calc(19.2px + (32 * ((100vw - 1366px) / 1194))),51.2px)}.ctt-text__text{max-width:clamp(600px,calc(600px + (500 * ((100vw - 1366px) / 1194))),1100px)}.contact-header{font-size:clamp(36.8px,calc(36.8px + (32 * ((100vw - 1366px) / 1194))),68.8px);line-height:1;text-transform:uppercase}.ctt-location__address,.ctt-links__items>li>a,.ctt-hours__list>li>span,.ctt-social__items>li>a{font-family:Playfair Display,serif;font-size:clamp(14.4px,calc(14.4px + (22.4 * ((100vw - 1366px) / 1194))),36.8px)}}@media (min-width: 1025px) and (max-width: 1353px){main.main-contact{display:grid;grid-template-columns:51.6vw 25vw 23.4vw;grid-template-rows:auto auto auto;grid-template-areas:"title location ctt" "title hours    socials" "text  text     text";padding-top:4.7rem}#contact-title{grid-area:title;grid-row:1 / 3;display:grid;grid-template-rows:subgrid;padding:1.7rem 0 0 1rem;border-top:1px solid #ffffff}.ctt-title__hold,.big-t{display:contents}.t{font-family:var(--font-secondary);font-weight:900;text-transform:uppercase;line-height:inherit;font-size:clamp(192px,calc(192px + (64 * ((100vw - 1280px) / 328))),314px);letter-spacing:.01em;white-space:normal}.t1{grid-row:1;align-self:end}.t2{grid-row:2;align-self:start}#contact-location,#contact-git,#contact-hours,#contact-socials{border-top:1px solid #ffffff;border-left:1px solid #ffffff}.contact-content{padding:1.7rem 3rem 0 1.7rem}.contact-content>h2{margin-bottom:1rem}#contact-location{grid-area:location}#contact-git{grid-area:ctt}#contact-hours{grid-area:hours}#contact-socials{grid-area:socials}a.ctt-location__address{width:75%}#contact-text{grid-area:text;padding:3rem 2.5rem;border-top:1px solid #ffffff;font-size:clamp(19.2px,calc(19.2px + (32 * ((100vw - 1353px) / 327))),51.2px)}.ctt-text__text{max-width:clamp(600px,calc(600px + (500 * ((100vw - 1353px) / 327))),1100px)}.contact-header{font-size:clamp(32px,calc(36.8px + (32 * ((100vw - 1353px) / 327))),68.8px);line-height:1;text-transform:uppercase}.ctt-location__address,.ctt-links__items>li>a,.ctt-hours__list>li>span,.ctt-social__items>li>a{font-family:Playfair Display,serif;font-size:clamp(13.4px,calc(13.4px + (23.4 * ((100vw - 1353px) / 327))),36.8px);text-decoration:none;color:#fff}}@media (min-width: 768px) and (max-width: 1024px){html,body{scrollbar-width:none}main.main-contact{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "location ctt" "hours socials" "text text";padding-top:2rem}.ctt-title__hold h1.big-t{font-size:clamp(123px,calc(123px + (37 * ((100vw - 768px) / 256))),160px);text-transform:uppercase;max-width:100%}#contact-title{grid-area:title;padding:3rem 2rem;text-align:left}.t2{margin-left:1.3rem}#contact-location{grid-area:location;padding:2rem}#contact-git{grid-area:ctt;padding:2rem}#contact-hours{grid-area:hours;padding:2rem}#contact-socials{grid-area:socials;padding:2rem}#contact-text{grid-area:text;padding:3rem 2rem 4rem;font-size:clamp(20.8px,calc(20.8px + (10 * ((100vw - 768px) / 256))),30.8px)}.ctt-text__text{max-width:700px}.contact-header{font-size:clamp(30.8px,calc(30.8px + (14 * ((100vw - 768px) / 256))),44.8px);margin-bottom:1rem}.ctt-location__address,.ctt-links__items>li>a,.ctt-hours__list>li>span,.ctt-social__items>li>a{font-size:clamp(22.8px,calc(22.8px + (6 * ((100vw - 768px) / 256))),30.4px)}#contact-text,#contact-socials,#contact-hours,#contact-git,#contact-location,#contact-title{border-top:1px solid rgb(253,251,245)}#contact-socials,#contact-git{border-left:1px solid rgb(253,251,245)}}@media (max-width: 767px){main.main-contact{display:grid;grid-template-columns:1fr;grid-template-areas:"title-left" "title-right" "location" "ctt" "hours" "socials" "text";padding-top:1rem}#contact-title,.title-line,#contact-location,#contact-git,#contact-hours,#contact-socials,#contact-text{padding:1.5rem}.ctt-text__hold{flex-direction:column;align-items:flex-start}.t{display:block}.ctt-title__hold h1.big-t{font-size:clamp(8rem,5vw,5rem);max-width:100%}#contact-text{font-size:1.3rem}.contact-header{font-size:1.9rem}.ctt-location__address,.ctt-links__items>li>a,.ctt-hours__list>li>span,.ctt-social__items>li>a{font-size:1.4rem}#contact-location,#contact-git,#contact-hours,#contact-socials,#contact-text,#contact-title{border-top:1px solid #24212170}}@media (max-width: 380px){.t{display:block}.ctt-title__hold h1.big-t{font-size:clamp(6rem,5vw,5rem);max-width:100%}#contact-text{font-size:1.2rem}.contact-header{font-size:1.7rem}.ctt-location__address,.ctt-links__items>li>a,.ctt-hours__list>li>span,.ctt-social__items>li>a{font-size:1.2rem}#contact-location,#contact-git,#contact-hours,#contact-socials,#contact-text,#contact-title{border-top:1px solid #24212170}}.navbar{position:fixed;top:3.5vw;left:50%;transform:translate(-50%);width:fit-content;max-width:85vw;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5vw 2vw;z-index:1000;text-align:center;border-radius:50px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.3)}.navbar ul{list-style:none;display:flex;justify-content:center;padding:0;margin:0;white-space:nowrap;gap:.8vw}.navbar ul li{display:inline-block;position:relative;border-radius:28px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);flex-shrink:1;min-width:max-content;margin:0 .3vw}.navbar ul li a{color:#000;text-decoration:none;font-size:clamp(.7rem,1.1vw,.85rem);padding:clamp(6px,1vw,12px) clamp(8px,1.2vw,15px);font-weight:600;display:block;position:relative;z-index:1;border-radius:28px;background-color:transparent;transition:all .3s ease}.navbar ul li .progress-bar{position:absolute;bottom:0;left:0;height:0%;background-color:#ffdd57;width:100%;transition:width .1s ease-out;border-radius:5px}@media (max-width: 1366px){.navbar{width:fit-content;max-width:90vw;padding:8px 20px}.navbar ul{gap:.6vw}}@media (max-width: 1024px){.navbar{width:fit-content;max-width:95vw;top:20px}.navbar ul{gap:1.2vw}.navbar ul li a{font-size:clamp(.65rem,1.8vw,.8rem)}}@media (max-width: 768px){.navbar ul{gap:2vw}.navbar ul li a{padding:6px 10px}}@media (max-width: 480px){.navbar{padding:6px 12px;border-radius:30px}.navbar ul{gap:3vw}.navbar ul li a{font-size:.6rem;padding:5px 8px}}:root{--font-primary: "Sofia Sans Condensed", sans-serif;--font-secondary: "Bebas Neue", sans-serif;--font-tertiary: "Playfair Display", serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary)}