.hero{position:relative;isolation:isolate;min-height: min(900px,100svh);background:#103e30 url('assets/edwin-groen-museum.jpeg') center 38%/cover no-repeat;padding-top:130px;padding-bottom:0;display:flex;flex-direction:column;justify-content:center}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,28,20,.88) 0%,rgba(4,28,20,.65) 42%,rgba(4,28,20,.12) 100%),linear-gradient(0deg,rgba(4,28,20,.8),transparent 35%)}
.hero .meta{color:#e2e9d6;position:absolute;top:116px;left:max(var(--gutter),calc((100% - var(--content-width))/2));right:max(var(--gutter),calc((100% - var(--content-width))/2))}
.hero h1{font-size:clamp(70px,8.8vw,126px);max-width:950px;margin:65px 0 30px;text-shadow:0 2px 25px #051f1740}
.hero .hero-bottom{margin-bottom:80px}
.hero .hero-bottom>div{display:block}
.hero-bottom p{font-size:18px;color:#e5eade;line-height:1.55;margin-bottom:26px}
.hero .button{box-shadow:0 6px 25px #06231930}
.hero-photo{display:none}
.hero-foot{margin-top:auto;border-top:1px solid #ffffff40;color:#e3e9db}
@media(max-width:800px){.hero{min-height:820px;min-height:100svh;background-position:61% center;padding-top:120px}.hero::before{background:linear-gradient(90deg,rgba(4,28,20,.86),rgba(4,28,20,.35)),linear-gradient(0deg,rgba(4,28,20,.85),transparent 70%)}.hero .meta{top:96px}.hero h1{font-size:clamp(58px,12vw,88px);margin-top:45px}.hero .hero-bottom{margin-bottom:40px}.hero-bottom p{font-size:16px}.hero-foot{font-size:8px;line-height:1.7}}