#page-home #home-slider.hero-art{
  position:relative;
  isolation:isolate;
  min-height:0;
  aspect-ratio:4/5;
  max-height:min(72vh,560px);
}
.home-slider-viewport{
  position:absolute;
  inset:0;
  overflow:hidden;
  touch-action:pan-y;
}
.home-slider-track{
  display:flex;
  height:100%;
  transition:transform .65s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.home-slide{
  flex:0 0 100%;
  min-width:0;
  height:100%;
}
.home-slide-art{
  display:block;
  width:100%;
  height:100%;
  background:#e7f1f5;
  text-decoration:none;
}
.home-slide-cover,
.home-slide-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.home-slider-nav{
  position:absolute;
  top:50%;
  z-index:2;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#20343a;
  box-shadow:0 8px 20px rgba(32,51,58,.16);
  display:grid;
  place-items:center;
  transform:translateY(-50%);
}
.home-slider-nav svg{width:16px;height:16px}
.home-slider-nav:hover{background:#fff}
.home-slider-nav.prev{inset-inline-start:12px}
.home-slider-nav.next{inset-inline-end:12px}
.home-slider-nav[hidden],
.home-slider-dots[hidden]{display:none!important}
.home-slider-dots{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:14px;
  display:flex;
  justify-content:center;
  gap:7px;
  pointer-events:none;
}
.home-slider-dots button{
  pointer-events:auto;
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:99px;
  background:rgba(255,255,255,.55);
  box-shadow:0 0 0 1px rgba(32,51,58,.12);
}
.home-slider-dots button.is-active,
.home-slider-dots button[aria-current="true"]{
  width:20px;
  background:#fff;
}
.home-slider-nav:focus-visible,
.home-slider-dots button:focus-visible{
  outline:3px solid rgba(255,147,109,.7);
  outline-offset:2px;
}

@media(max-width:900px){
  #home-slider.hero-art{order:-1}
  .home-slider-nav{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .home-slider-track{transition:none}
}
html[dir="rtl"] .home-slider-nav svg{transform:scaleX(-1)}