@import"https://fonts.googleapis.com/css2?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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--base-100: #fff;--base-200: #fbfff2;--base-300: #e7ebdf;--base-400: #fd4400;--base-500: #e7ebdf;--base-600: #2668fd;--base-700: #fdcb40;--base-800: #0f0f0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif}h1,h3{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-weight:900;line-height:.85}h1{font-size:clamp(3rem,5vw,7rem)}h3{font-size:clamp(2rem,3vw,5rem)}p{font-size:1.125rem;font-weight:450;line-height:1.1}span{text-transform:uppercase;font-size:.9rem;font-weight:500;padding:.5rem;border-radius:.25rem;background-color:var(--base-100);color:var(--base-800)}section{position:relative;width:100%;height:100svh;overflow:hidden}.hero{background-color:var(--base-200);color:var(--base-800)}.hero-content{position:absolute;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;will-change:transform}.hero-content h1{width:60%;text-align:center}.sticky-cards{position:absolute;width:100%;height:100svh;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;min-width:300px;padding:4rem 2rem;aspect-ratio:4/5;background-color:var(--base-400);color:var(--base-100);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;will-change:transform}.card-front .icon{width:4rem;height:4rem;border:.125rem solid var(--base-100);border-radius:100%;display:flex;justify-content:center;align-items:center}.card-front{transform:translate(-50%,50%) rotateY(0);backface-visibility:hidden}.card-back .icon{width:5rem;height:5rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--base-100);color:var(--base-400)}.card#card-1{background-color:var(--base-400);color:var(--base-100)}.card#card-2{background-color:var(--base-500);color:var(--base-800)}.card#card-3{background-color:var(--base-600);color:var(--base-100)}.card#card-4{background-color:var(--base-700);color:var(--base-800)}.card-back{transform:translate(-50%,50%) rotateY(180deg);backface-visibility:hidden}.about{display:flex;justify-content:center;align-items:center;background-color:var(--base-300);color:var(--base-800)}.about h3{width:60%;text-align:center}@media (max-width: 1000px){.hero-content h1,.about h3{width:85%}}