/* De bestaande, goedgekeurde illustratie als zacht blauw achtergrondbeeld. */
.hero{position:relative;isolation:isolate}
.hero-avatar-background{position:absolute;inset:0 0 0 48%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.22;mix-blend-mode:luminosity;mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 85%,transparent 100%)}
.hero-avatar-background::before{content:'';position:absolute;inset:0;background-image:url('assets/digitale-silly-vrijstaand.png');background-size:auto 100%;background-position:center top;background-repeat:no-repeat;filter:grayscale(1);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
.hero .art{background:none}.hero .art .orbit{opacity:.12}.hero .hero-wordmark{text-shadow:0 3px 20px #243b53}
.hero .hero-wordmark{position:absolute;bottom:45px;left:15px;font-size:64px;letter-spacing:-3px;padding:0}.hero .hero-wordmark small{font-size:10px;letter-spacing:6px;margin-top:15px}.hero .artchip{display:none}.hero .artlabel{top:0}.hero .artbottom{bottom:6px;font-size:8px}
@media(max-width:1050px) and (min-width:721px){.hero-avatar-background{left:43%;opacity:.18}}
@media(max-width:720px){.hero-avatar-background{inset:auto 0 60px 0;height:340px;opacity:.2;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent)}.hero-avatar-background::before{background-position:right top;background-size:auto 100%}.hero .hero-wordmark{left:0;bottom:28px;font-size:55px}.hero .hero-wordmark small{font-size:9px;letter-spacing:5px}.hero .artbottom{font-size:7px}}