@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.project-banner{display:flex;flex-direction:column;position:relative;width:100%;min-height:100dvh;overflow:hidden}.project-banner .swiper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.project-banner .overlay{z-index:var(--one-up-z)}.project-banner .name{margin:auto;color:var(--white-color);font-size:var(--lg-font);text-transform:uppercase;text-align:center;z-index:var(--two-up-z)}.project-banner .bottom{position:absolute;left:0;bottom:6rem;width:100%;z-index:var(--one-up-z)}.project-banner .bottom .flex{justify-content:space-between;gap:3rem}.project-banner .bottom .links,.project-banner .bottom .types{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center}.project-banner .bottom .links .type,.project-banner .bottom .types .type{padding:.5em 1em;border-radius:var(--radius-sm);font-size:var(--xs-font);background:var(--grey-color)}.project-banner .scrolldown-btn{position:absolute;left:50%;transform:translate(-50%);bottom:-5rem;width:10rem;height:10rem;padding:2rem;border-radius:50%;text-align:center;background:var(--white-color);z-index:var(--two-up-z);cursor:pointer}.project-banner .scrolldown-btn img,.project-banner .scrolldown-btn svg{width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width:576px){.project-banner .name{font-size:var(--md-font)}.project-banner .bottom .flex{justify-content:center}}