.portfolio-hero,.project-story-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:9rem clamp(1.5rem,8vw,8rem) 6rem;color:#fff;isolation:isolate;overflow:hidden}.portfolio-hero>img,.project-story-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.portfolio-hero .hero-shade,.project-story-hero .hero-shade{z-index:-1}.portfolio-hero h1,.project-story-hero h1{font-size:clamp(4rem,9vw,9rem)}.portfolio-hero>div:last-child,.project-story-hero>div:last-child{max-width:1000px}.portfolio-filters{display:flex;gap:1.5rem;padding:2rem clamp(1.5rem,5vw,5rem);overflow:auto;background:#13291f;color:#fff}.portfolio-filters a{white-space:nowrap;text-decoration:none}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}.portfolio-grid>a{position:relative;min-height:75vh;color:#fff;overflow:hidden}.portfolio-grid img{position:absolute;width:100%;height:100%;object-fit:cover}.portfolio-grid>a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,13,.88),transparent 70%)}.portfolio-grid>a>div{position:absolute;z-index:1;bottom:3rem;left:3rem}.portfolio-grid h2{font-size:clamp(2.5rem,5vw,5rem)}.project-intro{padding:clamp(6rem,12vw,12rem) clamp(1.5rem,10vw,11rem);display:grid;grid-template-columns:.4fr 1.6fr;gap:3rem}.project-intro h2{font-size:clamp(2.4rem,5vw,5rem)}.project-stage{padding:5rem clamp(1.5rem,8vw,8rem)}.project-stage header{display:flex;gap:2rem;align-items:baseline}.project-stage h2{font-size:clamp(3rem,7vw,7rem)}.project-stage figure{margin:0 0 2rem}.project-stage img{width:100%;max-height:90vh;object-fit:cover}@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid>a{min-height:65vh}.project-intro{grid-template-columns:1fr}}