/* Donders Homepage — editorial landscape hero, V4.5 */
.ref-home .ref-hero.don-hero-landscape{
 position:relative;isolation:isolate;display:flex;align-items:center;min-height:540px;
 height:clamp(540px,76svh,780px);overflow:hidden;padding:0;background:#304d41;
}
.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-image{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 object-position:var(--don-hero-x,50%) var(--don-hero-y,50%);z-index:-3;
}
.ref-home .ref-hero.don-hero-landscape::before{
 content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
 background:linear-gradient(90deg,rgba(5,24,21,.42),rgba(5,24,21,.16) 72%,rgba(5,24,21,.08));
}
.ref-home .ref-hero.don-hero-landscape::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:rgba(6,25,23,var(--don-hero-overlay,.55));
}
.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-content{
 box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;
 flex-direction:column;width:min(100% - 11vw,1320px);margin-inline:auto;
 padding:76px 0 86px;position:relative;z-index:1;
}
.ref-home .ref-hero.don-hero-landscape .ref-kicker,
.ref-home .ref-hero.don-hero-landscape h1,
.ref-home .ref-hero.don-hero-landscape .ref-lead{
 color:#fffdf4!important;text-shadow:0 1px 9px rgba(0,0,0,.15);
}
.ref-home .ref-hero.don-hero-landscape h1{font:400 clamp(4rem,7.1vw,7.3rem)/1.035 var(--serif,Georgia,serif);letter-spacing:-.035em;max-width:950px;margin:23px 0 26px;}
.ref-home .ref-hero.don-hero-landscape .ref-lead{font-size:clamp(1.04rem,1.45vw,1.26rem);line-height:1.7;max-width:620px;margin:0 0 31px;}
.ref-home .ref-hero.don-hero-landscape .ref-kicker{font-size:.72rem;letter-spacing:.19em;margin:0;font-weight:750;}
.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-cta,
body:is(.don-palette-laut,.don-palette-tanah) .ref-home .ref-hero.don-hero-landscape .don-hero-landscape-cta{
 background:#fffdf6!important;color:#1c3e34!important;border:1px solid #fffdf6!important;min-width:215px;
 display:inline-flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;
 font-weight:650;padding:15px 20px;box-shadow:0 4px 24px rgba(0,0,0,.1);
}
.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-cta:hover{background:#eeeadd!important;color:#1c3e34!important;}
.ref-home .ref-hero.don-hero-align-center .don-hero-landscape-content{text-align:center;align-items:center;}
.ref-home .ref-hero.don-hero-align-center h1,.ref-home .ref-hero.don-hero-align-center .ref-lead{max-width:850px;}
/* Browsing on tablets and small phones, independent of original photo dimensions. */
@media(max-width:900px){.ref-home .ref-hero.don-hero-landscape{height:clamp(520px,73svh,740px);min-height:520px}.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-content{width:calc(100% - 72px);padding:65px 0}.ref-home .ref-hero.don-hero-landscape h1{font-size:clamp(3.6rem,8vw,5.8rem)}}
@media(max-width:600px){.ref-home .ref-hero.don-hero-landscape{height:clamp(560px,78svh,730px);min-height:560px}.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-content{width:calc(100% - 40px);padding:45px 0 60px}.ref-home .ref-hero.don-hero-landscape h1{font-size:clamp(3rem,12vw,4.8rem);max-width:100%;margin:21px 0}.ref-home .ref-hero.don-hero-landscape .ref-lead{font-size:1rem;line-height:1.65;max-width:95%}.ref-home .ref-hero.don-hero-landscape .ref-kicker{font-size:.62rem;letter-spacing:.13em}.ref-home .ref-hero.don-hero-landscape .don-hero-landscape-cta{min-width:190px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.ref-home .ref-hero.don-hero-landscape *{scroll-behavior:auto!important;transition:none!important}}
/* CMS media-preview form, also works on laptop screens. */
.don-landscape-admin-preview{position:relative;max-width:810px;border-radius:8px;overflow:hidden;background:#28493d;aspect-ratio:16/7.5;margin:20px 0 14px}
.don-landscape-admin-preview img{display:block;width:100%;height:100%;object-fit:cover}
.don-landscape-admin-preview span{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;color:#fff;background:rgba(16,42,31,.8);font-weight:650}
.don-landscape-admin select,.don-landscape-admin input[type=range]{display:block;width:100%;max-width:500px;min-height:38px;margin-top:8px}
.don-landscape-admin .don-field small{display:block;color:#516257;margin-top:7px}