.project-hero{padding:0 0 80px;display:flex;flex-direction:column;align-items:center}.project-hero .hero-content{position:relative;box-sizing:border-box;padding:0 100px;margin-top:80px;display:flex;flex-direction:column;align-items:center}.project-hero h1{margin-bottom:40px;max-width:850px}.project-hero .tags-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.project-hero .tags-container .tag{position:relative;display:flex;align-items:center;margin:0 20px}.project-hero .tags-container .tag span{position:relative;width:15px;height:15px;margin-right:8px}.project-hero .tags-container .tag span::before{content:"";position:absolute;left:0;width:0;height:0;border-style:solid;border-width:16px 9px 0px 9px;border-color:var(--project-color, #FFFFFF) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.project-hero .long-description{margin-top:40px;max-width:650px}.project-hero .image-container{position:relative;width:100%;max-width:1200px;margin-bottom:40px}.project-hero .image-container img{width:100%;height:auto}.project-hero .image-container .shadow{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.project-hero-image{position:relative}.project-hero-image .shadow{position:absolute;left:0;top:0;width:100%;height:auto;z-index:2}.project-hero-image .image{position:relative;display:block;width:100%;height:auto}@media(min-width: 1440px){.project-hero{padding:0 0 80px}.project-hero .hero-content{padding:0 calc((100vw - 1280px)/2)}}@media(max-width: 1150px){.project-hero{padding:0px 0 50px}.project-hero .hero-content{padding:0 20px}.project-hero .tags-container{flex-direction:column;justify-content:flex-start}.project-hero .tags-container .tag{margin:8px 0;font-size:16px}}
