/* Hero and portfolio follow native scrolling on every screen. */
.hero-scroll{--scene-height:max(820px,100svh);position:relative;height:auto}
.hero-scroll .hero.hero-photo{position:relative;height:var(--scene-height)}
.hero-scroll .hero.hero-photo .hero-content{height:100%;min-height:0}
.hero-scroll .hero-photo-media,.hero-scroll .hero-statement,.hero-scroll .hero-intro{transform:none}
.hero-scroll .hero-photo-shade{background:linear-gradient(180deg,#111310 0%,#111310 24%,rgba(17,19,16,.98) 35%,rgba(17,19,16,.94) 49%,rgba(17,19,16,.6) 61%,rgba(17,19,16,.15) 76%,rgba(17,19,16,.42) 85%,rgba(17,19,16,.88) 100%)}
.cases-section{position:relative;z-index:3;width:100%;margin-top:-40px;background:var(--bg);border-radius:40px 40px 0 0;border-top:1px solid #3b4034}
@media(max-width:767px){.cases-section{margin-top:-24px;border-radius:24px 24px 0 0}.hero-scroll .hero-photo-shade{background:linear-gradient(180deg,#111310 0%,#111310 40%,rgba(17,19,16,.97) 48%,rgba(17,19,16,.77) 56%,rgba(17,19,16,.16) 68%,rgba(17,19,16,.4) 82%,rgba(17,19,16,.92) 100%)}}
@media(max-width:370px){.hero-scroll{--scene-height:max(790px,100svh)}}