.plhs{--plhs-transition:300ms;position:relative;width:100%;overflow:hidden;background:#f4f4f2;font-family:Dosis,Arial,sans-serif;isolation:isolate}.plhs *{box-sizing:border-box}.plhs__track{position:relative;width:100%;aspect-ratio:1180/655}.plhs__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity var(--plhs-transition) ease,visibility 0s linear var(--plhs-transition);background:#f3f3f1 center/cover no-repeat}.plhs__slide.is-active{opacity:1;visibility:visible;z-index:1;transition-delay:0s}.plhs__slide--one{background-image:url(images/background1.jpg)}.plhs__slide--two{background-image:url(images/kidsketches-bg-branding-colors.jpg)}.plhs__stage{position:relative;width:min(100%,1180px);height:100%;margin:auto;overflow:hidden}.plhs__art{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}.plhs__art--child{z-index:2;left:67%;top:0;width:35.5%;height:auto;animation:plhs-float 4.2s ease-in-out infinite}.plhs__art--slogan{z-index:3;left:11.9%;top:8.5%;width:46.6%;height:auto}.plhs__art--supplies{z-index:2;left:-1.6%;bottom:-5.2%;width:67.8%;height:auto}.plhs__slide--two .plhs__art--child{left:63.7%;top:4%;width:35%}.plhs__slide--two .plhs__art--slogan{left:11.9%;top:9.3%;width:46.6%}.plhs__slide--two .plhs__art--supplies{left:3.4%;bottom:-9.6%;width:61.6%}.plhs__copy{position:absolute;z-index:4;left:11.8%;top:27%;width:48%;color:#383838}.plhs__copy h2{margin:0 0 20px!important;color:#3b3937!important;font-family:Dosis,Arial,sans-serif!important;font-size:clamp(25px,3.05vw,36px)!important;font-weight:700!important;line-height:1.38!important;letter-spacing:0!important;text-transform:none!important}.plhs__button{display:inline-block;padding:12px 35px;border:0;border-radius:30px;background:#efaf00;color:#fff!important;font-family:Roboto,Arial,sans-serif;font-size:20px;font-weight:700;line-height:30px;text-decoration:none!important;transition:background-color .15s ease,transform .15s ease}.plhs__button:hover,.plhs__button:focus-visible{background:#e8a200;color:#fff!important;transform:translateY(-1px)}.plhs__arrow{position:absolute;z-index:5;top:50%;width:44px;height:56px;margin:0;padding:0;border:0;border-radius:4px;background:rgba(0,0,0,.18);color:#fff;font:400 44px/50px Arial,sans-serif;opacity:0;cursor:pointer;transform:translateY(-50%);transition:opacity .2s,background .2s}.plhs:hover .plhs__arrow,.plhs__arrow:focus-visible{opacity:1}.plhs__arrow:hover{background:rgba(0,0,0,.34)}.plhs__arrow--prev{left:18px}.plhs__arrow--next{right:18px}.plhs__dots{position:absolute;z-index:5;left:50%;bottom:14px;display:flex;gap:9px;transform:translateX(-50%)}.plhs__dots button{width:10px;height:10px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:pointer}.plhs__dots button.is-active{background:#efaf00}.plhs__slide.is-active .plhs__art--child{animation:plhs-enter-right 1.2s .15s both,plhs-float 4.2s 1.35s ease-in-out infinite}.plhs__slide.is-active .plhs__art--slogan{animation:plhs-enter-top 1.1s .35s both}.plhs__slide.is-active .plhs__art--supplies{animation:plhs-enter-bottom .75s .25s both}.plhs__slide.is-active .plhs__copy h2{animation:plhs-enter-left 1s .45s both}.plhs__slide.is-active .plhs__button{animation:plhs-fade-up .65s .85s both}@keyframes plhs-enter-right{from{opacity:0;transform:translateX(35%)}to{opacity:1;transform:none}}@keyframes plhs-enter-top{from{opacity:0;transform:translateY(-35%)}to{opacity:1;transform:none}}@keyframes plhs-enter-bottom{from{opacity:0;transform:translateY(35%)}to{opacity:1;transform:none}}@keyframes plhs-enter-left{from{opacity:0;transform:translateX(-35%)}to{opacity:1;transform:none}}@keyframes plhs-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes plhs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:767px){.plhs__track{aspect-ratio:480/720}.plhs__stage{width:100%}.plhs__art--slogan,.plhs__slide--two .plhs__art--slogan{left:4%;top:7.9%;width:92%}.plhs__copy,.plhs__slide--two .plhs__copy{left:5%;top:22%;width:90%;text-align:center}.plhs__copy h2{margin-bottom:25px!important;font-size:clamp(28px,7.5vw,36px)!important;line-height:1.38!important}.plhs__button{padding:11px 31px;font-size:18px;line-height:28px}.plhs__art--child,.plhs__slide--two .plhs__art--child{left:50%;top:auto;bottom:0;width:57%;transform:none}.plhs__art--supplies,.plhs__slide--two .plhs__art--supplies{left:-23%;bottom:-2%;width:112%}.plhs__slide--two .plhs__art--child{left:48%;width:59%}.plhs__slide--two .plhs__art--supplies{left:-13%;bottom:-1%;width:105%}.plhs__arrow{display:none}.plhs__dots{bottom:12px}.plhs__slide.is-active .plhs__art--child{animation:plhs-enter-right .85s .12s both,plhs-float 4.2s 1s ease-in-out infinite}}
@media(min-width:768px) and (max-width:1024px){.plhs__track{aspect-ratio:4/3}.plhs__art--child{left:58%;width:43%}.plhs__art--slogan{left:6%;width:55%}.plhs__art--supplies{left:-10%;width:80%}.plhs__copy{left:7%;top:28%;width:52%}.plhs__slide--two .plhs__art--child{left:58%;width:42%}.plhs__slide--two .plhs__art--slogan{left:6%;width:55%}.plhs__slide--two .plhs__art--supplies{left:-4%;width:72%}}
@media(prefers-reduced-motion:reduce){.plhs__slide,.plhs__art,.plhs__copy h2,.plhs__button{animation:none!important;transition:none!important}}

/* Match the original Revolution Slider layer timeline. */
.plhs__slide.is-active .plhs__art--child{animation:plhs-enter-right-original 1.2s .58s cubic-bezier(.165,.84,.44,1) both,plhs-child-float-original 4s 1.78s ease-in-out infinite}
.plhs__slide.is-active .plhs__art--supplies{animation:plhs-enter-bottom-original .75s .79s cubic-bezier(.165,.84,.44,1) both}
.plhs__slide.is-active .plhs__art--slogan{animation:plhs-enter-top-original 1.5s 1.15s ease-in-out both}
.plhs__slide.is-active .plhs__copy h2{animation:plhs-enter-left-original 1.5s 1.41s ease both}
.plhs__slide.is-active .plhs__button{animation:plhs-button-original .6s 1.4s ease both}
@keyframes plhs-enter-right-original{from{opacity:1;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@keyframes plhs-enter-bottom-original{from{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
@keyframes plhs-enter-top-original{from{opacity:1;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
@keyframes plhs-enter-left-original{from{opacity:1;clip-path:inset(0 100% 0 0);transform:translateX(-175%)}to{opacity:1;clip-path:inset(0);transform:translateX(0)}}
@keyframes plhs-button-original{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes plhs-child-float-original{0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg)}50%{transform:translate3d(0,-20px,0) rotateX(5deg) rotateY(10deg)}}

/* Match the original 2500 x 655 desktop canvas and keep it stable on wide screens. */
@media(min-width:1025px){.plhs{max-width:none}.plhs__track{aspect-ratio:2500/655;min-height:315px;max-height:655px}}
@media(min-width:768px) and (max-width:1024px){.plhs__track{aspect-ratio:16/7;min-height:380px}}
@media(max-width:767px){.plhs__track{aspect-ratio:480/720;min-height:0;max-height:none}}

/* Desktop match for the original School Home Revolution Slider. */
@media(min-width:1025px){
  /* Match the original module's fixed 655px desktop canvas. */
  .plhs__track{height:655px;min-height:655px;max-height:655px;aspect-ratio:auto}
  .plhs__stage{width:min(100%,1180px)}
  .plhs__art--child{top:3.2%}
  .plhs__art--supplies{bottom:-34%}
  .plhs__slide--two .plhs__art--supplies{bottom:-25%}
  .plhs__copy{width:70%;color:#fff!important}
  .plhs__copy h2{color:#fff!important;white-space:nowrap!important;text-shadow:none!important}
}

/* Make the original curved 3D child loop clearly visible. */
.plhs__stage{perspective:900px}
.plhs__art--child{transform-origin:50% 50%;will-change:transform}
@keyframes plhs-child-float-original{
  0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}
  50%{transform:translate3d(-18px,-34px,0) rotateX(10deg) rotateY(24deg) rotateZ(-2deg)}
}
