@import url(https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&family=Liter&display=swap);@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.project-banner{color:var(--white-color);text-align:center}.project-banner a:before{display:none}.project-banner .container.grid{min-height:70dvh;overflow:hidden}.project-banner .container.grid .bg-img,.project-banner .container.grid .overlay{position:absolute}.project-banner .overlay{background:var(--black-color);mix-blend-mode:multiply;opacity:.35}.project-banner .content{margin:auto;position:sticky;top:13rem}.project-banner .content .numbers{background:var(--white-color);border-radius:2rem 0;color:var(--main-color);display:inline-flex;gap:3rem;margin-top:4rem;padding:3rem}.project-banner .content .numbers .number-item{align-items:center;display:inline-flex;gap:.5rem;order:2}.project-banner .content .numbers .number-item.order-first{order:1}.project-banner .content .numbers .number-item img,.project-banner .content .numbers .number-item svg{height:1.25em;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;width:1.25em}.project-banner .fav-btn{background:var(--accent-color);border-radius:50%;cursor:pointer;display:grid;height:5rem;left:3rem;position:absolute;top:3rem;width:5rem}.project-banner .fav-btn.active svg path{fill:var(--white-color)}.project-banner .fav-btn:hover svg path{fill:color-mix(in srgb,var(--white-color),transparent 50%)}.project-banner .fav-btn img,.project-banner .fav-btn svg{height:2rem;margin:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;width:2rem}.project-banner .fav-btn img path,.project-banner .fav-btn svg path{fill:transparent;stroke:var(--white-color);stroke-width:2rem}