.hero{width:100vw;height:100svh;position:relative;overflow:hidden}.hero .hero-content{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.hero .hero-content .hero-header{text-align:center;margin:0 auto;padding-top:15svh}.hero .hero-cards{justify-content:center;gap:1rem;width:35%;margin-top:10%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .hero-cards .card{aspect-ratio:5/7;flex:1;position:relative;transform:scale(0)}.hero .hero-cards .card .hero-card-inner{border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem;animation:2s ease-in-out infinite floating;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero .hero-cards .card#hero-card-1 .hero-card-inner{animation-delay:0}.hero .hero-cards .card#hero-card-2 .hero-card-inner{animation-delay:.25s}.hero .hero-cards .card#hero-card-3 .hero-card-inner{animation-delay:.5s}.hero .hero-cards .card .card-title{justify-content:space-between;width:100%;display:flex}.hero .hero-cards .card p{font-size:.8rem}.hero .hero-cards .card#hero-card-1{z-index:2}.hero .hero-cards .card#hero-card-2{z-index:1}.hero .hero-cards .card#hero-card-3{z-index:0}.hero .hero-cards .card#hero-card-1 .hero-card-inner{background:#fff url(/services/Advertisement.png) 50%/contain no-repeat}.hero .hero-cards .card#hero-card-2 .hero-card-inner{background:#fff url(/services/Brand-Strategy.png) 50%/contain no-repeat}.hero .hero-cards .card#hero-card-3 .hero-card-inner{background:#fff url(/services/Enterprise-Solutions.png) 50%/contain no-repeat}.home-about{width:100vw;height:100svh;color:var(--base-100);background-color:#ff4552;position:relative;overflow:hidden}.home-about .container{gap:2rem;display:flex}.home-about .home-about-col:first-child{flex:4}.home-about .home-about-col:first-child .home-about-header{flex-direction:column;justify-content:flex-end;gap:2rem;width:90%;height:100%;padding-bottom:1rem;display:flex}.home-about .home-about-col:nth-child(2){flex-direction:column;flex:3;justify-content:flex-end;gap:2rem;width:100%;display:flex}.home-about .home-about-col-row{flex:1;gap:2rem;width:100%;display:flex}.home-about .home-about-card{border:1px dashed var(--base-secondary-fade);border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;height:100%;padding:1.5rem;display:flex}.home-about .home-about-card p.mono{color:var(--base-secondary-dark)}.home-services{width:100vw;height:100svh;padding:8rem 2rem;position:relative;overflow:hidden}.home-services .cards{z-index:-1;background-color:var(--base-100);justify-content:center;width:100vw;height:100svh;display:flex;position:fixed;top:18%;left:0}.home-services .cards-container{justify-content:center;align-items:center;gap:4rem;width:75%;height:100%;margin-top:4rem;display:flex;position:relative}.home-services .cards-container .card{aspect-ratio:5/7;perspective:1000px;flex:1;position:relative}.home-services .cards-container .card .card-wrapper{width:100%;height:100%;animation:2s ease-in-out infinite floating;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-services .card .card-title{justify-content:space-between;width:100%;display:flex}.home-services .card p{font-size:.8rem}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-50%)}}.home-services #card-1 .card-wrapper{animation-delay:0}.home-services #card-2 .card-wrapper{animation-delay:.25s}.home-services #card-3 .card-wrapper{animation-delay:.5s}.home-services .flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.home-services .flip-card-front,.home-services .flip-card-back{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;overflow:hidden}.home-services .flip-card-front{flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.home-services #card-1 .flip-card-front{background:#fff url(/services/Advertisement.png) 50%/contain no-repeat}.home-services #card-2 .flip-card-front{background:#fff url(/services/Brand-Strategy.png) 50%/contain no-repeat}.home-services #card-3 .flip-card-front{background:#fff url(/services/Enterprise-Solutions.png) 50%/contain no-repeat}.home-services .flip-card-back{background-color:#fff;flex-direction:column;justify-content:space-between;gap:2rem;padding:1.5rem;display:flex;transform:rotateY(180deg)}.home-services .card-copy{flex-direction:column;gap:.5rem;width:100%;height:100%;display:flex}.home-services .card-copy p{background-color:#ff45510e;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}.home-services .cards #card-1{z-index:2;transform:translate(100%)translateY(-100%)rotate(-5deg)scale(.25)}.home-services .cards #card-2{z-index:1;transform:translate(0%)translateY(-100%)rotate(0)scale(.25)}.home-services .cards #card-3{z-index:0;transform:translate(-100%)translateY(-100%)rotate(5deg)scale(.25)}.home-services .cards .cards-container .card{opacity:0}@media (min-width:2800px){.hero .hero-content .hero-header{width:100%}.hero .hero-content .hero-header h1{font-size:15vw}.hero .hero-cards{width:30%}}@media (max-width:1200px){.hero .hero-content .hero-header{width:100%}.hero .hero-content .hero-header h1{font-size:20vw}.hero .hero-cards{width:50%}}@media (max-width:1000px){.hero .hero-content .hero-header h1{font-size:22.5vw}.hero .hero-content .hero-footer-copy{display:none}.hero .hero-content .hero-footer-tags{justify-content:space-between;width:100%}.hero .hero-cards .card p{font-size:.7rem}.home-about{height:max-content}.home-about .container{flex-direction:column}.home-about .symbols-container{margin-bottom:8rem}.home-about .home-about-col:first-child .home-about-header{width:100%}.home-about .home-about-col:nth-child(2),.home-about .home-about-col-row{flex-direction:column}.home-about .home-about-card{aspect-ratio:1;max-height:400px}}@media (max-width:800px){.hero .hero-cards{width:65%}}@media (max-width:600px){.hero .hero-content .hero-header h1{font-size:25vw}.hero .hero-cards{width:75%;top:65%}}@media (max-width:500px){.hero .hero-content .hero-header h1{font-size:30vw}.hero .hero-cards{width:85%}}@media (max-width:1000px){.home-services{height:max-content}.home-services .cards{background-color:var(--base-100);width:100%;height:max-content;position:relative}.home-services .cards-container{flex-direction:column;gap:2rem;width:100%;margin:0;display:block}.home-services .card{width:100%;max-width:400px;margin:2rem auto;opacity:1!important;transform:none!important}.home-services .flip-card-inner,.home-services .cards-container .card .card-wrapper{animation:none}.home-services .flip-card-front{display:none}.home-services .flip-card-back{position:relative;transform:none!important}}
