.work-hero{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--bg)}.work-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%}.work-hero-bg:after{content:"";position:absolute;inset:0;background:rgba(15,15,15,.6)}.work-hero .container{position:relative;z-index:1;width:58%;margin:0 auto;padding:4em 0;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.work-hero .animated-h1{width:100%;font-size:15vw;text-align:center;overflow-wrap:normal;word-break:keep-all}.work-hero p{width:35%;margin:0 auto}.projects{position:relative;width:100%;height:100%}.project{width:100vw;height:100svh}.project,.project-banner-img{position:relative;overflow:hidden}.project-banner-img{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.project-banner-img img{position:absolute;will-change:transform,scale;filter:grayscale(.25) brightness(.85) contrast(1.05)}.project-banner-img:after{content:"";position:absolute;inset:0;background:rgba(10,10,10,.55);pointer-events:none;z-index:1}.project-title{position:relative;z-index:2;width:100%;max-width:100%;padding:0 1em;color:#fff;text-align:center}.project-title a{display:block;width:100%}.project-title .animated-h1,.project-title a,.project-title p{color:#fff}.project-title .animated-h1{width:100%;text-align:center}.project-title p{margin-top:.5em}@media (max-width:900px){.work-hero .container{width:75%;padding:8em 0 4em}.work-hero .animated-h1{font-size:20vw}.work-hero p{width:100%}.project-title{padding:0 1.5em}.project-title .animated-h1{font-size:9vw}.project-title p{font-size:12px}}