/* De illustratie behoudt zijn plaats en schaal; de lijn en rode ondergrond volgen de machtigingskaart. */
.hero{background:#faeedf;border-radius:34px 34px 0 0}
.hero::before{display:block;z-index:2;inset:0;width:100%;height:100%;background:url("assets/hero-wave.svg") center bottom/100% 100% no-repeat;border-radius:0;transform:none}
.hero-image{width:45%;background:#faeedf}
.hero-image img{object-fit:cover;object-position:51% 43%;transform:scale(1.08)}
.hero-content{width:65%;max-width:none}
.hero h1,.hero-content h1{max-width:790px;font-size:clamp(3.9rem,5.2vw,4.8rem);line-height:1.02}
.hero-symbol{left:auto;right:calc(45% - 56px);bottom:0;width:min(88%,1120px);padding:0;border:0;background:none;border-radius:0;box-shadow:none;clip-path:inset(0 32px 0 0)}
.hero-symbol::before{display:none}
.hero-symbol .hero-symbol-art{filter:none;opacity:1}
.hero-symbol .hero-symbol-leaves{position:absolute;inset:0;z-index:3;clip-path:inset(56% 45% 25% 42%);filter:none;opacity:1}
.hero-symbol-extension{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#171514;stroke-width:7;stroke-linecap:round;filter:none;opacity:1}
@media(min-width:1101px){
  .hero-content{padding-top:45px}
  .hero-content .hero-belief{margin:12px 0 13px}
  .hero-note{display:grid;grid-template-columns:max-content;row-gap:4px;align-items:start;margin-top:8px}
  .hero-note b{justify-self:start}
}
@media(max-width:1100px){.hero-image{width:45%}.hero h1,.hero-content h1{font-size:clamp(3.1rem,5vw,4.1rem)}.hero-symbol{right:calc(45% - 46px);width:88%;clip-path:inset(0 26px 0 0)}}
@media(max-width:800px){
  .hero{border-radius:22px 22px 0 0}
  .hero::before{inset:auto auto 0 0;width:180%;height:270px}
  .hero-image{order:2;width:100%}
  .hero-image img{object-fit:cover;object-position:center 42%}
  .hero-content{order:1;width:100%}
  .hero h1,.hero-content h1{font-size:clamp(2.8rem,10vw,3.8rem)}
  .hero-symbol{order:3;align-self:flex-start;left:auto;right:auto;bottom:auto;width:calc(100% + 60px);max-width:none;margin:-75px 0 16px -38px;padding:0;border:0;background:none;border-radius:0;box-shadow:none;clip-path:none}
  .hero-symbol .hero-symbol-art,.hero-symbol-extension{filter:none}
}
@media(max-width:380px){.hero-symbol{margin-top:-72px}}