/* New illustrated playground cover — Moritz and Igor on a red slide */
.intro-content .intro-scene{width:min(100%,410px)!important;max-width:410px!important;height:clamp(174px,27dvh,240px)!important;overflow:visible!important;position:relative!important;margin:1px auto 5px!important}
.zw-hero-art.zw-slide-art{position:relative;inset:auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:none!important;overflow:visible!important;isolation:isolate}
.zw-hero-art.zw-slide-art .zw-playground-image{height:100%;max-width:100%;width:auto;aspect-ratio:260/226;display:block;object-fit:contain;object-position:center center;border-radius:30px;filter:drop-shadow(2px 5px 3px #586e4e42);pointer-events:none;-webkit-user-drag:none;transition:filter .2s}
.zw-slide-friend{position:absolute;top:0;left:calc(50% - min(115px,29vw));height:100%;width:min(114px,29vw);border:0!important;background:transparent!important;padding:0!important;margin:0!important;touch-action:manipulation;cursor:pointer;outline-offset:-1px}
.zw-slide-igor{left:50%}
.zw-slide-friend-name{position:absolute;bottom:-9px;left:0;width:100%;text-align:center;white-space:nowrap;font:900 clamp(12px,3.4vw,16px) "Chalkboard SE","Marker Felt",sans-serif;color:#fff9e0;text-shadow:1px 2px 1px #5f7d57,0 0 4px #527251}
.zw-slide-friend:focus-visible{outline:4px solid #f4d477;border-radius:15px}
.zw-slide-friend.zw-wave-moritz~.zw-slide-friend, .zw-slide-friend.zw-wave-igor{filter:drop-shadow(0 0 6px #ffe0a9)}
.zw-slide-friend .zw-hello-star{position:absolute;top:27%;right:20%;font-size:32px;color:#ffec9a;filter:drop-shadow(0 1px 1px #fff);z-index:11}
.zw-slide-moritz .zw-hello-star{top:47%;right:12%}
.zw-slide-friend.zw-wave-moritz,.zw-slide-friend.zw-wave-igor{animation:zw-slide-tap 1s ease}
@keyframes zw-slide-tap{0%,100%{transform:rotate(0)}35%{transform:rotate(-3deg) translateY(-3px)}70%{transform:rotate(2deg) translateY(-1px)}}
@media (max-height:760px) and (orientation:portrait){
 .intro-content .intro-scene{height:clamp(105px,22dvh,159px)!important;margin:0 auto 2px!important}
 .zw-slide-friend-name{bottom:-8px;font-size:clamp(11px,3.2vw,14px)}
}
@media (orientation:landscape) and (max-height:520px){
 .intro-content .intro-scene{height:clamp(103px,31dvh,179px)!important}
 .zw-slide-friend{left:calc(50% - 32%);width:32%}.zw-slide-igor{left:50%}
 .zw-slide-friend-name{font-size:12px}
}

/* Keep the illustration inside its actual responsive scene on small phones. */
.zw-hero-art.zw-slide-art{min-height:0!important;max-height:100%!important;height:100%!important;align-self:stretch!important}
.zw-hero-art.zw-slide-art>.zw-playground-image{height:100%!important;max-height:100%!important;min-height:0!important;width:auto!important;min-width:0!important;flex:0 1 auto!important;object-fit:contain!important}
@media(orientation:landscape) and (max-height:520px){.zw-slide-friend-name{display:none!important}}