.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;display:flex;justify-content:center;align-items:center;overflow:hidden;background:var(--bg)}.preloader-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.preloader-bg-1{background:linear-gradient(135deg,var(--fg) 0%,var(--accent4) 100%);animation:bgFade1 .8s ease-out forwards}.preloader-bg-2{background:linear-gradient(135deg,var(--accent1) 0%,var(--accent3) 100%);animation:bgFade2 .8s .3s ease-out forwards}.preloader-bg-3{background:var(--fg);animation:bgFade3 .8s .6s ease-out forwards}@keyframes bgFade1{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes bgFade2{0%{opacity:0;transform:scale(.8)}50%{opacity:.8}to{opacity:0;transform:scale(1)}}@keyframes bgFade3{0%{opacity:0}to{opacity:1}}.preloader-content{position:relative;z-index:10;text-align:center;width:100%;max-width:800px;padding:2em}.preloader-logo{margin-bottom:3em;opacity:0;animation:logoFadeIn 1s .8s ease-out forwards}.logo-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--accent1),transparent);margin:0 auto}.logo-line-1{margin-bottom:2em;animation:lineExpand 1.2s 1s ease-out forwards;transform:scaleX(0)}.logo-line-2{margin-top:2em;animation:lineExpand 1.2s 1.2s ease-out forwards;transform:scaleX(0)}@keyframes lineExpand{to{transform:scaleX(1)}}.logo-text{display:flex;justify-content:center;align-items:center;gap:.5em;font-size:4rem;font-family:rader;font-weight:700;font-style:italic;color:var(--bg)}.logo-letter,.logo-symbol{display:inline-block;opacity:0;transform:translateY(50px) rotate(-10deg)}.logo-letter:nth-child(1){animation:letterReveal .8s 1.2s cubic-bezier(.34,1.56,.64,1) forwards}.logo-symbol{animation:symbolSpin 1s 1.4s cubic-bezier(.34,1.56,.64,1) forwards;color:var(--accent1)}.logo-letter:nth-child(3){animation:letterReveal .8s 1.6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes letterReveal{to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes symbolSpin{0%{opacity:0;transform:translateY(50px) rotate(0) scale(0)}50%{transform:translateY(0) rotate(180deg) scale(1.2)}to{opacity:1;transform:translateY(0) rotate(360deg) scale(1)}}@keyframes logoFadeIn{to{opacity:1}}.preloader-name{margin-bottom:2em;overflow:hidden}.name-wrapper{display:flex;flex-direction:column;gap:.5em}.name-part{font-size:6rem;font-family:rader;font-weight:700;font-style:italic;color:var(--bg);line-height:1;opacity:0;transform:translateY(100%)}.name-first{animation:nameSlideUp 1s 1.8s cubic-bezier(.34,1.56,.64,1) forwards}.name-last{animation:nameSlideUp 1s 2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes nameSlideUp{to{opacity:1;transform:translateY(0)}}.preloader-tagline{margin-bottom:3em;overflow:hidden}.tagline-text{font-family:supply-mono;font-size:1.2rem;text-transform:uppercase;color:var(--accent3);letter-spacing:.2em;opacity:0;transform:translateY(30px);animation:taglineFade 1s 2.2s ease-out forwards}@keyframes taglineFade{to{opacity:1;transform:translateY(0)}}.preloader-progress{margin-bottom:2em;opacity:0;animation:progressFadeIn .6s 2.4s ease-out forwards}@keyframes progressFadeIn{to{opacity:1}}.progress-bar{width:100%;max-width:400px;height:4px;background:#ededed1a;margin:0 auto 1em;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent1),var(--accent3));border-radius:2px;transition:width .3s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-counter{font-family:supply-mono;font-size:2rem;font-weight:700;color:var(--bg);text-align:center}.preloader-scroll{opacity:0;animation:scrollFade 1s 3s ease-out forwards}.preloader-scroll p{font-family:supply-mono;font-size:.9rem;text-transform:uppercase;color:var(--accent2);letter-spacing:.1em;animation:pulse 2s infinite}@keyframes scrollFade{to{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.preloader-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:.15}.shape-1{width:300px;height:300px;background:var(--accent1);top:10%;left:5%;animation:shapeFloat1 8s ease-in-out infinite}.shape-2{width:200px;height:200px;background:var(--accent3);bottom:10%;right:10%;animation:shapeFloat2 10s ease-in-out infinite}.shape-3{width:150px;height:150px;background:var(--accent2);top:50%;right:5%;animation:shapeFloat3 12s ease-in-out infinite}.shape-4{width:250px;height:250px;background:var(--accent4);bottom:20%;left:15%;animation:shapeFloat4 9s ease-in-out infinite}@keyframes shapeFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes shapeFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,40px) scale(.9)}}@keyframes shapeFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-50px) scale(1.2)}}@keyframes shapeFloat4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(.8)}}.preloader-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent1);border-radius:50%;opacity:0;animation:particleFloat 3s ease-out forwards}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}.preloader.hidden{animation:preloaderExit 1.2s ease-out forwards}@keyframes preloaderExit{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.1);pointer-events:none}}@media (max-width: 1000px){.logo-text,.name-part{font-size:3rem}.tagline-text{font-size:.9rem;letter-spacing:.15em}.progress-counter{font-size:1.5rem}.shape-1,.shape-2,.shape-3,.shape-4{width:150px;height:150px}}.hero{position:relative;width:100vw;height:100svh;padding:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.hero .hero-header h1{font-size:18vw;line-height:.9}.hero .hero-header.hero-header-1{position:relative;transform:translate(-2%);z-index:-1}.hero .hero-header.hero-header-2{position:relative;transform:translate(10%);z-index:2}.hero .hero-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between}.hero .hero-footer .hero-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.hero .hero-footer .hero-footer-symbols{height:1rem}.hero-img-holder{position:relative;width:100vw;height:100svh;padding:2em}.hero-img-holder .hero-img{position:relative;width:100%;height:100%;transform:translateY(-110%) scale(.25) rotate(-15deg);border:.3em solid var(--fg);border-radius:2em;overflow:hidden}.featured-work{position:relative;width:100vw;height:100svh;overflow:hidden}.featured-work .featured-titles{position:relative;width:500vw;height:100vh;display:flex;will-change:transform}.featured-work .featured-title-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.featured-title-img{position:relative;top:0;width:calc(100% - 4em);height:150px;border:.2em solid var(--fg);border-radius:1em;overflow:hidden;display:none}.featured-work .featured-title-wrapper h1{text-align:center;transform:translateY(-.5em)}.featured-work .featured-images{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200vw;height:200vh;transform-style:preserve-3d;perspective:500px}.featured-work .featured-img-card{position:absolute;width:300px;height:300px;border-radius:2em;overflow:hidden}.featured-work .featured-work-indicator{position:absolute;top:50%;right:2em;transform:translateY(-50%);width:2rem;height:max-content;padding:1.25rem .65rem;background-color:var(--fg);color:var(--bg);border-radius:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;z-index:10}.featured-work .featured-work-indicator .indicator{width:100%;height:1.5px;background-color:var(--bg);opacity:.2}.featured-work .featured-work-footer{position:absolute;bottom:0;width:100%;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:2}.services-header{position:relative;width:100vw;height:100vh;padding:2em;display:flex;justify-content:center;align-items:center;text-align:center}.services-header .services-profile-icon{position:relative;width:100px;height:100px;border-radius:1em;margin-bottom:2em;outline:.25rem solid var(--accent3);border:.25rem solid var(--fg);overflow:hidden}.services-header .services-header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.services-header .services-header-title{margin-bottom:6em}.services .service-card{position:relative;min-height:300px}.services .service-card-inner{position:relative;will-change:transform;width:calc(100vw - 4em);height:100%;margin:0 auto;padding:2em;display:flex;gap:4em;border-radius:2em;min-height:500px}.services .service-card-content{flex:3;display:flex;flex-direction:column;gap:2em}.services .service-card-img{flex:1;aspect-ratio:4/5;border-radius:2em;overflow:hidden}.services #service-card-1 .service-card-inner{background-color:var(--accent1)}.services #service-card-2 .service-card-inner{background-color:var(--accent2)}.services #service-card-3 .service-card-inner{background-color:var(--accent3)}.services #service-card-4 .service-card-inner{background-color:var(--fg);color:var(--bg)}@media (max-width: 1000px){.hero .hero-footer .hero-footer-symbols{display:none}.hero .hero-footer{display:flex;justify-content:flex-end}.hero .hero-footer .hero-footer-scroll-down{left:2em;transform:translate(0)}.featured-work{padding:4em 0}.featured-work,.featured-work .featured-titles{height:max-content}.featured-work .featured-title-wrapper{gap:1em}.featured-work .featured-title-wrapper:nth-child(1){margin-bottom:2em}.featured-work .featured-title-wrapper h1{transform:translateY(0);width:75%}.featured-work .featured-work-footer{position:relative;margin-top:4em;justify-content:center}.featured-work .featured-work-footer p:nth-child(1),.featured-work .featured-work-footer p:nth-child(2){display:none}.featured-work .featured-work-indicator,.featured-work .featured-images{display:none}.featured-title-img{display:block}.featured-work .featured-titles{width:100vw;flex-direction:column;gap:2em}.services-header{height:max-content}.services{display:flex;flex-direction:column;gap:2em}.services .service-card-inner{min-height:0;flex-direction:column;justify-content:center;gap:1em;text-align:center;border:.2em solid var(--fg);border-radius:1em}.services .service-card-img{aspect-ratio:5/3;border:.2em solid var(--fg);border-radius:1em}}