#playground-home .rm-hero-slider{position:relative;aspect-ratio:3/2;isolation:auto;touch-action:pan-y}
#playground-home .rm-hero-slide{position:absolute;inset:0}
#playground-home .rm-hero-slide[hidden]{display:none!important}
#playground-home .rm-hero-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}
#playground-home .rm-hero-link img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
#playground-home .rm-hero-slider .hero-kp{position:absolute;right:2%;bottom:3%;margin:0;z-index:4;grid-column:auto;grid-row:auto}
#playground-home .rm-hero-nav{position:absolute;left:auto;right:calc(2% + 162px);bottom:3%;z-index:5;display:flex;align-items:center;gap:8px;padding:4px;border:1px solid #dce6d9;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 4px 16px #26352413}
#playground-home .rm-hero-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#2a6325;box-shadow:none;cursor:pointer;line-height:1}
#playground-home .rm-hero-arrow:hover{background:#edf5e9;color:#214c1e}
#playground-home .rm-hero-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#playground-home .rm-hero-dots{display:flex;align-items:center;gap:2px}
#playground-home .rm-hero-dot{display:flex;align-items:center;justify-content:center;width:24px;height:36px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer}
#playground-home .rm-hero-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#c4d1bf;transition:background .2s,transform .2s}
#playground-home .rm-hero-dot[aria-current="true"]:before{background:#3d7c2c;transform:scale(1.25)}
#playground-home .rm-hero-slider a:focus-visible,#playground-home .rm-hero-slider button:focus-visible{outline:3px solid #f58220;outline-offset:3px}
#playground-home .rm-hero-slide.is-entering .rm-hero-link{animation:rmHeroFade .25s ease-out}
@keyframes rmHeroFade{from{opacity:.35}to{opacity:1}}
@media(max-width:760px){
 #playground-home .hero-art.rm-hero-slider{aspect-ratio:3/2;width:100%;height:auto;margin:4px 0 48px}
 #playground-home .rm-hero-slider .hero-kp{bottom:-42px;right:0;padding:10px 14px;font-size:13px}
 #playground-home .rm-hero-nav{bottom:-44px;left:0;right:auto}
}
@media(prefers-reduced-motion:reduce){#playground-home .rm-hero-slide.is-entering .rm-hero-link{animation:none}#playground-home .rm-hero-dot:before{transition:none}}

/* Keep artwork behind the headline while controls remain clickable above it. */
#playground-home .hero-art.rm-hero-slider{z-index:auto;isolation:auto}
#playground-home .rm-hero-link{position:relative;z-index:1}

@media(max-width:760px){#playground-home .rm-hero-arrow{width:32px}#playground-home .rm-hero-dot{width:20px}}

@media(max-width:360px){#playground-home .rm-hero-arrow{width:30px}#playground-home .rm-hero-dot{width:16px}}