.work-hero{position:relative;width:100%;height:-moz-fit-content;height:fit-content;overflow:hidden;background-color:var(--bg)}.work-hero .container{width:100%;margin:0 auto;padding:4em 0;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.work-hero h1{font-size:7vw;text-align:center}.work-hero p{width:35%;margin:0 auto}.projects{position:relative;width:100%;height:100%}.project{height:100svh}.project,.project-banner{position:relative;width:100%;overflow:hidden}.project-banner{height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.project-banner-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.3}.project-info{display:flex;gap:30px;align-items:center;background:rgba(0,0,0,.5);padding:30px;border-radius:10px;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-cover-art{width:200px;height:200px;flex-shrink:0}.project-cover-art img{width:100%;height:100%;object-fit:cover;border-radius:5px}.project-details{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.project-details h1{font-size:4vw;margin:0;color:var(--copy);line-height:1.1}.project-year{font-size:1.2rem;color:var(--copy);opacity:.8;margin:-5px 0 0}.cta-button{padding:12px 24px;border:1px solid var(--copy);color:var(--copy);text-decoration:none;border-radius:50px;font-size:1rem;font-weight:500;transition:all .3s ease;margin-top:10px}.cta-button:hover{background-color:var(--copy);color:var(--bg)}@media (max-width:900px){.work-hero .container{padding:6em 0 4em}.work-hero .container,.work-hero h1{width:100%;display:flex;flex-wrap:wrap}.work-hero h1{font-size:10vw;padding:0}.work-hero p{width:100%}.project-info{flex-direction:column;text-align:center;padding:20px;background:rgba(0,0,0,.7)}.project-cover-art{width:150px;height:150px}.project-details{align-items:center}.project-details h1{font-size:10vw}}