h2,p{transition:color 1.2s}.nav-btn,h1{color:#fff;text-transform:uppercase}.hero-content,.nav-btn,.page-loader,h2{text-align:center}.nav-btn,.pill,.strategy,h1{text-transform:uppercase}.card-container-3d .card,.pill,.slider-container,.slider-row{backface-visibility:hidden}body,footer{background-color:#000}.nav-btn,footer .footer-content>p>a:hover{text-decoration:none}:root{--bg-color:transparent;--text-color:#fff;--heading-color:#fff;--section-bg:transparent;--animation-duration:0.8s;--stagger-delay:0.25s;--ease:cubic-bezier(0.25, 0.46, 0.45, 0.94)}::selection{color:#fff;background-color:#d8865d}*{margin:0;padding:0;box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar,.page-loader{width:100%;background:#000}body{font-family:roboto,sans-serif;overflow-x:hidden}.nav-btn,h1,h2,h3{font-family:Space,sans-serif}h1,h2,h3{text-wrap-style:balance}h1{font-weight:600;font-size:clamp(2rem, 4vw, 3rem)}h2{margin:40px 0 20px;font-size:clamp(2.5rem, 4.5vw, 5rem);font-weight:400;color:var(--heading-color)}p{line-height:1.6;margin-bottom:20px;font-size:1.2rem;color:var(--text-color)}.m-h{margin-block:16vh}@font-face{font-family:roboto;src:url(../includes/Roboto/Roboto-VariableFont.ttf);font-display:swap}@font-face{font-family:Merriweather;src:url(../includes/Merriweather/Merriweather-VariableFont.ttf);font-display:swap}@font-face{font-family:Space;src:url(../includes/Space_Grotesk/SpaceGrotesk-VariableFont.ttf);font-display:swap}@keyframes reveal{0%{clip-path:inset(50% 49.9% 50% 49.9% round 20px)}25%{clip-path:inset(30% 49.9% 30% 49.9% round 20px)}50%{clip-path:inset(18% 49.9% 2% 49.9% round 20px)}100%{clip-path:inset(18% 0% 2% 0% round 20px)}}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}@keyframes logoAppear{from{opacity:0;filter:blur(8px);transform:translateY(15px) scale(.95)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.page-loader{position:fixed;top:0;left:0;height:100%;z-index:9999;align-content:center;animation:5s ease-in-out .5s forwards fadeOut}.header-wrapper{position:relative;height:100dvh;clip-path:inset(20% 50% 20% 50% round 20px);animation:5.5s cubic-bezier(.1,.66,.29,1) 2s forwards reveal;display:flex;flex-direction:column;align-items:center;padding:119px 20px 20px;justify-content:flex-end}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 40px;position:fixed;z-index:10;opacity:0;will-change:transform,opacity;transform:translate3d(0,-50px,0);animation:.5s ease-out 5.5s forwards slideDown}.header-container,.nav-btn{position:relative;overflow:hidden}.hero-content h1,.hero-logo{transform:translateY(0);will-change:transform,opacity}.logo{height:90px}.nav-buttons{display:flex;gap:20px}.nav-btn{padding:18px 26px;border:none;border-radius:25px;font-size:14px;letter-spacing:1px;cursor:pointer;display:inline-block;z-index:1;transition:.3s}.nav-btn::after,.nav-btn::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s;border-radius:25px;content:""}.nav-btn::before{background:linear-gradient(17deg,#02afe6,#002756,#02afe6);opacity:1}.nav-btn::after{background:linear-gradient(17deg,#002756,#02afe6,#002756);opacity:0}.nav-btn:hover{box-shadow:0 4px 15px rgba(2,175,230,.6),0 0 20px rgba(2,175,230,.4)}.nav-btn:hover::before{opacity:0}.nav-btn:hover::after,.reveal-visible.reveal-fade{opacity:1}.header-container{height:80vh;width:96vw;aspect-ratio:16/9;border:6px solid #000;display:flex;align-items:center;justify-content:center;border-radius:20px}.background-video,.bg-image,.bg-image-container{width:100%;top:0;left:0}.header-container::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);z-index:1}.background-video{position:absolute;height:100%;object-fit:cover;z-index:0;border-radius:20px}.hero-content{z-index:10;position:relative}.hero-content h1{opacity:0;animation:2s cubic-bezier(.175,.885,.32,1.275) 6.4s forwards logoAppear}.hero-logo{height:25vw;max-width:100%;filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, .5));opacity:0;animation:1.5s cubic-bezier(.25,.46,.45,.94) 6s forwards logoAppear}.reveal-fade{opacity:0;transition:opacity .8s}.content-sections{padding:80px 20px;color:var(--text-color);background-color:var(--section-bg);position:relative;overflow:hidden;transition:background-color 1.2s}.container{min-height:100vh;padding:60px 20px;max-width:1200px;margin:0 auto}.dark-bg,.text-reveal__container{position:relative;overflow:hidden}.bg-image-container{position:absolute;height:100%;z-index:0;opacity:0;transition:opacity .8s ease-in-out}.bg-image{position:absolute;height:100%;background:url("../img/Gradient-blue.png") center/cover;z-index:-1}.card-container .card,.content{position:relative;margin-inline:auto}.content{color:#fff;margin-block:10rem 5rem;padding-inline:3rem;max-width:1400px;z-index:1}@media (max-width:768px){.header-wrapper{padding:20px 10px 0}.navbar{padding:15px 20px;flex-direction:column;gap:15px}.nav-buttons{gap:10px}.nav-btn{padding:10px 20px;font-size:12px}.header-container{width:90vw}.hero-logo{height:150px}.strategy-container p{font-size:1.2rem}.strategy{font-size:1.6rem}}.strategy-container p{font-size:1.6rem}.strategy{margin-bottom:2rem;font-size:clamp(1.4rem, 2vw, 2rem);font-weight:200;color:var(--heading-color);transition:color 1.2s}.strategy-container .card-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4rem}.card-container .card{background:linear-gradient(#d8865d65,#d8865d83),url(../img/card1.webp) center/cover;width:95%;aspect-ratio:8/3;border-radius:50px;padding:4rem;display:flex;gap:5rem;will-change:transform;transform:translateZ(0)}.card-container .card.right,.card-container .card.right p{transform:scaleX(-1)}.pill,.pill span,.slider-container,.slider-row{transform:translateZ(0)}.card-container .card:nth-child(2){background:linear-gradient(#700e0563,#700e059c),url(../img/card2.webp) center/cover}.card-container .card:nth-child(3){background:linear-gradient(#275e0091,#275e0091),url(../img/card3.webp) center/cover}.card-container .card:nth-child(4){background:linear-gradient(#00275699,#0027566e),url(../img/card4.webp) center/cover}.card-container .card.left>img{position:absolute;bottom:10%;right:4%;transition:transform .5s}.card-container .card.right>img{transform:scaleX(-1);position:absolute;bottom:10%;left:4%;transition:transform .5s}.card-container .card:hover>img{transform:rotate(-90deg) translateX(-2rem)}.card-container .card.right:hover>img{transform:scaleX(-1) rotate(-90deg) translateX(-2rem)}.card-container .card h3{color:#fff;font-size:clamp(2rem, 4vw, 4rem)}.card-container .card.right h3{transform:scaleX(-1);text-align:end}.card-container .card hr{height:4px;width:100%;border:none;background-color:#fff}.card-container-3d .card,.card-container-3d .card-image{border-radius:16px;will-change:transform;position:relative}.card-container .card p{font-size:1.6rem;color:#fff;transform:translateY(3rem);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}@media (max-width:568px){.content{margin-block:2rem;padding-inline:1rem}.card-container .card{padding:4rem 2rem;display:flex;flex-direction:column;gap:2rem}.card-container .card p{opacity:1;transform:translateY(0)}.card-container .card.left>img,.card-container .card.right>img{display:none}.card-container .card-left{width:100%!important}}.card-container .card:hover p{transform:translateY(0);opacity:1}.card-container .card.right:hover p{transform:scaleX(-1) translateY(0);opacity:1}.card-container .card-left{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:2rem;width:40%}.card-container .card-right{align-content:end;flex:1}.slider-container{width:100%;margin-top:10rem;display:flex;flex-direction:column;justify-content:center;gap:6rem;position:relative;will-change:transform}.slider-row{display:flex;width:200%;gap:5rem;will-change:transform;perspective:1000px;animation-timing-function:linear;animation-iteration-count:infinite;transition:transform .1s ease-out}.slider-row:hover{animation-play-state:paused}.row-1{animation:25s linear infinite slideLeft3D}.row-2{animation:30s linear infinite slideRight3D}.row-3{animation:35s linear infinite slideLeft3D}.pill{flex-shrink:0;width:490px;height:200px;border-radius:150px;background:center/cover #f5f1eb;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#333;letter-spacing:2px;box-shadow:0 8px 25px rgba(0,0,0,.1);position:relative;will-change:transform;transition:transform .3s cubic-bezier(.25, .46, .45, .94)}.pill.with-image{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.pill.with-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);border-radius:60px;z-index:1;will-change:transform;transform:translateZ(0)}.pill span{position:relative;z-index:2;will-change:transform}.text-reveal:not(.is-animated) .text-reveal__line span,.text-reveal__line span{transform:translateY(100%)}.pill.img-1{background:url("../img/div.png") center/cover}.pill.img-2{background:url("../img/div1.png") center/cover}.pill.img-3{background:url("../img/div2.png") center/cover}@keyframes slideLeft3D{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}@keyframes slideRight3D{0%{transform:translate3d(-50%,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes slideLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes slideRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}@media (max-width:768px){.pill{width:320px;height:150px;font-size:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.slider-container{gap:30px;margin-top:5rem}.slider-row{gap:4rem}.row-1{animation-duration:30s}.row-2{animation-duration:35s}.row-3{animation-duration:40s}}@media (max-width:480px){.pill{width:280px;height:120px;font-size:16px;border-radius:100px}}@supports (transform:translate3d(0,0,0)){.row-1,.row-3{animation-name:slideLeft3D}.row-2{animation-name:slideRight3D}}.card-container-3d{perspective:1000px;will-change:transform}.card-container-3d .card{width:60%;margin:10rem auto 8rem;transform-style:preserve-3d;transition:transform var(--transition-speed) ease-out;cursor:pointer;overflow:hidden;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}@media (max-width:768px){.card-container-3d .card{width:100%}}.card-container-3d.card:hover{box-shadow:0 15px 35px -15px rgba(0,0,0,.6)}.card-container-3d .card-image{width:100%;height:100%;object-fit:cover;z-index:1;transform:translateZ(0);border:1px solid #ffffff66}.card-container-3d .card::after,.card-container-3d .card::before{content:none}.contact-section{background-color:#fff;height:100vh;align-content:center;position:relative;z-index:1;overflow:hidden}.contact-section .background-logo{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../img/SVG/Noisy-Planet-LOGO-BLACK-Little.svg");background-repeat:repeat;background-position:center;background-size:200px;opacity:.03;z-index:-2}.contact-section .background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/Gradient-blue.png") center/cover;opacity:1;z-index:-1}.contact-section .contact-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;height:100%}.contact-section h2{color:#000}.contact-section .nav-btn{font-size:18px;border-radius:35px;padding-inline:3rem}footer{padding:2rem}footer .footer-content{display:flex;justify-content:space-between;align-items:flex-end;margin-right:2rem}footer p{font-size:14px;margin-bottom:0}footer img{width:500px}footer .footer-content>div{display:flex;gap:3rem;align-items:flex-end}footer .footer-content>p>a{color:#fff}footer .social-icons{display:flex;gap:2rem}footer .social-icons i{color:#fff;font-size:2.5rem}@media (max-width:580px){footer img{width:200px}footer .footer-content{margin-top:2rem;flex-direction:column;gap:2rem}}.text-reveal{overflow:hidden}.text-reveal__line{display:block;position:relative;overflow:hidden}.text-reveal__line::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;transform:translateY(0);z-index:1}.text-reveal__line span{display:block;transition:none}.text-reveal.is-animated .text-reveal__line span{animation:revealText var(--animation-duration) var(--ease) forwards;animation-delay:calc(var(--line-index, 0) * var(--stagger-delay))}@keyframes revealText{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.slider-row{animation-duration:60s!important;animation-timing-function:ease-in-out!important}.pill{transition-duration:.1s!important}.text-reveal__line span{animation-duration:.1s!important}}.no-js .text-reveal__line span{transform:translateY(0);animation:none}.logo-container{position:relative}@media (min-width:568px){.logo-svg{width:400px;height:320px}}.logo-path{fill:none;stroke:white;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:5s ease-in-out infinite drawPathLoop}.logo-text{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:5s ease-in-out infinite drawTextLoop}.logo-circle{fill:none;stroke:white;stroke-width:2;stroke-dasharray:314;stroke-dashoffset:314;animation:5s ease-in-out infinite drawCircleLoop}.logo-element{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:5s ease-in-out infinite drawElementLoop}@keyframes drawPathLoop{0%{stroke-dashoffset:2000;opacity:1}50%,60%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:2000;opacity:0}}@keyframes drawTextLoop{0%{stroke-dashoffset:1000;opacity:1;fill:none}40%{stroke-dashoffset:0;opacity:1;fill:none}50%,60%{stroke-dashoffset:0;opacity:1;fill:white}80%{stroke-dashoffset:0;opacity:0;fill:white}100%{stroke-dashoffset:1000;opacity:0;fill:none}}@keyframes drawCircleLoop{0%{stroke-dashoffset:314;opacity:1}30%,60%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:314;opacity:0}}@keyframes drawElementLoop{0%{stroke-dashoffset:1000;opacity:1}50%,60%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1000;opacity:0}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes drawElement{to{stroke-dashoffset:0}}@keyframes drawText{to{stroke-dashoffset:0}}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes fadeOut{to{opacity:0;pointer-events:none}}