/* Zachte opening: tekst blijft leesbare, schaalbare HTML. */
.hero.hero-soft{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0c172b;container-type:inline-size}
.hero.hero-soft>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;filter:none}
.hero.hero-soft .hero-copy{position:absolute;z-index:3;left:7%;top:13%;width:66%;margin:0;padding:0;color:#f7e8d3;text-shadow:0 1px 2px #09142540}
.hero-soft .hero-name{font:400 clamp(36px,6.7cqw,84px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 .38em;color:#f7e8d3}
.hero-soft .hero-name span{display:block}
.hero.hero-soft .hero-tagline{font:400 clamp(18px,2.3cqw,29px)/1.4 Georgia,'Times New Roman',serif;margin:0;max-width:25em;color:#f2e3d1;letter-spacing:0}
.page-header .inner-sky.soft-sky{display:block;position:relative;height:auto;aspect-ratio:3/1;overflow:hidden;text-decoration:none;background:#0c172b;border-bottom:1px solid #c5aa8840}
.page-header .inner-sky.soft-sky>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;filter:none}
.inner-sky.soft-sky .inner-brand{position:absolute;left:7%;top:17%;color:#f7e8d3;font:400 clamp(27px,4.8vw,62px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em;text-shadow:0 1px 2px #09142540}
.inner-brand span{display:block}
.inner-sky.soft-sky:focus-visible{outline:3px solid #f2d6b3;outline-offset:-4px}
@media(max-width:600px){
 .hero.hero-soft{aspect-ratio:4/5;min-height:0}
 .hero.hero-soft>img{position:absolute;object-position:100% center}
 .hero.hero-soft .hero-copy{position:absolute;left:7%;top:8%;width:86%;padding:0;margin:0}
 .hero-soft .hero-name{font-size:clamp(32px,9.6cqw,56px);line-height:1.07;margin-bottom:.5em}
 .hero.hero-soft .hero-tagline{font-size:clamp(17px,4.8cqw,22px);line-height:1.4;max-width:18em}
 .page-header .inner-sky.soft-sky{aspect-ratio:1.7/1;overflow:hidden}
 .page-header .inner-sky.soft-sky>img{object-position:70% center}
 .inner-sky.soft-sky .inner-brand{left:7%;top:15%;font-size:clamp(26px,7.4vw,42px);max-width:80%}
}

.page-header .inner-sky.soft-sky>picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.page-header .inner-sky.soft-sky>picture>img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none}
@media(max-width:600px){.page-header .inner-sky.soft-sky>picture>img{object-position:80% center}}

/* De introductiekop heeft ook op het lichte vlak voldoende contrast. */
.site .about .about-copy h2{color:#34283b;text-shadow:none}