.zas-shs {
  --zas-shs-height: 560px;
  --zas-shs-content-width: 42%;
  --zas-shs-grad-1: rgba(4, 36, 84, 0.92);
  --zas-shs-grad-2: rgba(255, 216, 122, 0.14);
  --zas-shs-grad-width: 50%;
  --zas-shs-image-overlay: 0.18;
  --zas-shs-kb-scale: 1.12;
  --zas-shs-kb-duration: 9000ms;
  --zas-shs-cgrad-1: rgba(255,255,255,0.18);
  --zas-shs-cgrad-2: rgba(216,173,77,0.22);
  --zas-shs-cgrad-3: rgba(55,123,255,0.15);
  --zas-shs-cgrad-opacity: .9;
  --zas-shs-cgrad-speed: 12s;
  --zas-shs-ornament-color: rgba(216,173,77,0.7);
  --zas-shs-ornament-opacity: .6;
  --zas-shs-ornament-size: 180px;
  --zas-shs-ornament-blur: 0px;
  --zas-shs-slide-speed: 700ms;
  --zas-shs-mobile-content-min-height: 240px;
  --zas-shs-mobile-offset-y: 0px;
  --zas-shs-mobile-bg-position: center center;
  position: relative;
  min-height: var(--zas-shs-height);
  overflow: hidden;
  isolation: isolate;
}

.zas-shs * { box-sizing: border-box; }

.zas-shs__slides,
.zas-shs__slide {
  position: absolute;
  inset: 0;
}

.zas-shs__slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--zas-shs-slide-speed) ease, visibility var(--zas-shs-slide-speed) ease, transform var(--zas-shs-slide-speed) ease;
  transform: scale(1.01);
}

.zas-shs__slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.zas-shs__slide-bg,
.zas-shs__image-darkener,
.zas-shs__overlay,
.zas-shs__ornament {
  position: absolute;
  inset: 0;
}

.zas-shs__slide-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1.02);
  transition: transform 1.2s ease;
  will-change: transform;
}

.zas-shs--kenburns .zas-shs__slide.is-active .zas-shs__slide-bg {
  animation: zasShsKenBurns var(--zas-shs-kb-duration) ease-out forwards;
}

.zas-shs--no-kenburns .zas-shs__slide.is-active .zas-shs__slide-bg {
  transform: scale(1.02);
}

.zas-shs__image-darkener {
  background: rgba(0,0,0,var(--zas-shs-image-overlay));
}

.zas-shs__overlay {
  pointer-events: none;
}

.zas-shs__overlay--one,
.zas-shs__overlay--two {
  width: var(--zas-shs-grad-width);
  inset-block: 0;
  position: absolute;
}

.zas-shs--side-start .zas-shs__overlay--one,
.zas-shs--side-start .zas-shs__overlay--two {
  inset-inline-start: 0;
}
.zas-shs--side-end .zas-shs__overlay--one,
.zas-shs--side-end .zas-shs__overlay--two {
  inset-inline-end: 0;
}

.zas-shs__overlay--one {
  background: linear-gradient(90deg, var(--zas-shs-grad-1) 0%, rgba(0,0,0,0) 100%);
  opacity: .88;
}
html[dir="rtl"] .zas-shs__overlay--one,
.rtl .zas-shs__overlay--one {
  background: linear-gradient(270deg, var(--zas-shs-grad-1) 0%, rgba(0,0,0,0) 100%);
}
.zas-shs--side-end .zas-shs__overlay--one {
  background: linear-gradient(270deg, var(--zas-shs-grad-1) 0%, rgba(0,0,0,0) 100%);
}
html[dir="rtl"] .zas-shs--side-end .zas-shs__overlay--one,
.rtl .zas-shs--side-end .zas-shs__overlay--one {
  background: linear-gradient(90deg, var(--zas-shs-grad-1) 0%, rgba(0,0,0,0) 100%);
}

.zas-shs__overlay--two {
  width: calc(var(--zas-shs-grad-width) * .72);
  filter: blur(4px);
  opacity: .95;
  background: radial-gradient(circle at 35% 50%, var(--zas-shs-grad-2) 0%, rgba(255,255,255,0) 70%);
}

.zas-shs__ornament {
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity .4s ease;
}

.zas-shs--ornament-on .zas-shs__ornament { opacity: 1; }
.zas-shs--ornament-off .zas-shs__ornament { display: none; }

.zas-shs__ornament--mesh {
  background-image:
    radial-gradient(circle at center, rgba(255,255,255,0) 58%, rgba(255,255,255,0.055) 59%, rgba(255,255,255,0) 61%),
    radial-gradient(circle at center, rgba(255,255,255,0) 58%, rgba(255,255,255,0.055) 59%, rgba(255,255,255,0) 61%);
  background-size: 34px 34px;
  background-position: 0 0, 17px 17px;
  mix-blend-mode: screen;
  opacity: calc(var(--zas-shs-ornament-opacity) * .55);
  filter: blur(var(--zas-shs-ornament-blur));
}

.zas-shs__ornament--corners {
  opacity: var(--zas-shs-ornament-opacity);
  filter: blur(var(--zas-shs-ornament-blur));
}

.zas-shs__corner {
  position: absolute;
  width: var(--zas-shs-ornament-size);
  height: var(--zas-shs-ornament-size);
}

.zas-shs__corner::before,
.zas-shs__corner::after {
  content: "";
  position: absolute;
  border-color: var(--zas-shs-ornament-color);
  opacity: .95;
}

.zas-shs__corner::before {
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 44%;
  height: 2px;
  background: linear-gradient(90deg, var(--zas-shs-ornament-color), transparent);
}

.zas-shs__corner::after {
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 2px;
  height: 44%;
  background: linear-gradient(180deg, var(--zas-shs-ornament-color), transparent);
}

.zas-shs__corner--tr,
.zas-shs__corner--tr::before,
.zas-shs__corner--tr::after,
.zas-shs__corner--br,
.zas-shs__corner--br::before,
.zas-shs__corner--br::after {
  inset-inline-start: auto;
}
.zas-shs__corner--bl,
.zas-shs__corner--bl::before,
.zas-shs__corner--bl::after,
.zas-shs__corner--br,
.zas-shs__corner--br::before,
.zas-shs__corner--br::after {
  inset-block-start: auto;
}

.zas-shs__corner--tl { inset: 18px auto auto 18px; }
.zas-shs__corner--tr { inset: 18px 18px auto auto; }
.zas-shs__corner--bl { inset: auto auto 18px 18px; }
.zas-shs__corner--br { inset: auto 18px 18px auto; }

.zas-shs__corner--tr::before,
.zas-shs__corner--br::before {
  inset-inline-end: 0;
  background: linear-gradient(270deg, var(--zas-shs-ornament-color), transparent);
}
.zas-shs__corner--bl::before,
.zas-shs__corner--br::before {
  inset-block-end: 0;
}
.zas-shs__corner--tl::before,
.zas-shs__corner--tr::before {
  inset-block-end: auto;
}
.zas-shs__corner--bl::before,
.zas-shs__corner--br::before {
  background: linear-gradient(90deg, var(--zas-shs-ornament-color), transparent);
}
.zas-shs__corner--br::before { background: linear-gradient(270deg, var(--zas-shs-ornament-color), transparent); }

.zas-shs__corner--bl::after,
.zas-shs__corner--br::after {
  inset-block-end: 0;
  background: linear-gradient(0deg, var(--zas-shs-ornament-color), transparent);
}
.zas-shs__corner--tr::after,
.zas-shs__corner--br::after {
  inset-inline-end: 0;
}

.zas-shs__ornament--image {
  background-image: var(--zas-shs-ornament-image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: min(34%, 420px) auto;
  filter: blur(var(--zas-shs-ornament-blur));
  opacity: var(--zas-shs-ornament-opacity);
}

.zas-shs--orn-corners .zas-shs__ornament--mesh,
.zas-shs--orn-corners .zas-shs__ornament--image,
.zas-shs--orn-mesh .zas-shs__ornament--corners,
.zas-shs--orn-mesh .zas-shs__ornament--image,
.zas-shs--orn-both .zas-shs__ornament--image,
.zas-shs--orn-image .zas-shs__ornament--mesh,
.zas-shs--orn-image .zas-shs__ornament--corners {
  display: none;
}

.zas-shs__content-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: clamp(18px, 3vw, 34px);
  z-index: 3;
}

.zas-shs--valign-start .zas-shs__content-wrap { align-items: flex-start; }
.zas-shs--valign-center .zas-shs__content-wrap { align-items: center; }
.zas-shs--valign-end .zas-shs__content-wrap { align-items: flex-end; }
.zas-shs--side-start .zas-shs__content-wrap { justify-content: flex-start; }
.zas-shs--side-end .zas-shs__content-wrap { justify-content: flex-end; }

.zas-shs__content-inner {
  position: relative;
  width: min(100%, var(--zas-shs-content-width));
  color: #fff;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  overflow: hidden;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.zas-shs__content-inner {
  transition: opacity .8s ease, transform .8s cubic-bezier(.2,.65,.15,1), filter .8s ease;
}

.zas-shs--box-none .zas-shs__content-inner {
  opacity: 1;
  transform: none;
  filter: none;
}

.zas-shs--box-float-up .zas-shs__content-inner {
  opacity: 0;
  transform: translateY(28px) scale(.985);
  filter: blur(10px);
}

.zas-shs--box-blur-reveal .zas-shs__content-inner {
  opacity: 0;
  transform: scale(.96);
  filter: blur(14px);
}

.zas-shs--box-slide-side .zas-shs__content-inner {
  opacity: 0;
  transform: translateX(28px);
  filter: blur(10px);
}
html[dir="rtl"] .zas-shs--box-slide-side .zas-shs__content-inner,
.rtl .zas-shs--box-slide-side .zas-shs__content-inner {
  transform: translateX(-28px);
}
.zas-shs__slide.is-entered .zas-shs__content-inner {
  opacity: 1;
  transform: none !important;
  filter: none !important;
}

.zas-shs__slide-bg {
  opacity: 1;
}

.zas-shs--media-none .zas-shs__slide-bg {
  opacity: 1;
  transform: scale(1.02);
  filter: none;
  clip-path: inset(0 0 0 0);
}

.zas-shs--media-cinematic-zoom .zas-shs__slide-bg {
  opacity: 0;
  transform: scale(1.12);
  filter: blur(8px);
  transition: opacity .95s ease, transform 1.1s ease, filter 1.1s ease;
}

.zas-shs--media-soft-pan .zas-shs__slide-bg {
  opacity: 0;
  transform: scale(1.06) translateX(-2.5%);
  filter: blur(6px);
  transition: opacity .95s ease, transform 1.1s ease, filter 1.1s ease;
}
html[dir="rtl"] .zas-shs--media-soft-pan .zas-shs__slide-bg,
.rtl .zas-shs--media-soft-pan .zas-shs__slide-bg {
  transform: scale(1.06) translateX(2.5%);
}

.zas-shs--media-reveal-up .zas-shs__slide-bg {
  opacity: 0;
  transform: scale(1.06) translateY(3%);
  filter: blur(6px);
  clip-path: inset(12% 0 0 0);
  transition: opacity .95s ease, transform 1.1s ease, filter 1.1s ease, clip-path 1.1s ease;
}

.zas-shs__slide.is-entered .zas-shs__slide-bg {
  opacity: 1;
  transform: scale(1.02) translate3d(0,0,0);
  filter: none;
  clip-path: inset(0 0 0 0);
}

.zas-shs__content-gradient-layer {
  position: absolute;
  inset: -18%;
  border-radius: inherit;
  background: linear-gradient(115deg, var(--zas-shs-cgrad-1), var(--zas-shs-cgrad-2), var(--zas-shs-cgrad-3), var(--zas-shs-cgrad-1));
  background-size: 200% 200%;
  opacity: var(--zas-shs-cgrad-opacity);
  mix-blend-mode: screen;
  filter: blur(26px);
  animation: zasShsGradientShift var(--zas-shs-cgrad-speed) ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

.zas-shs--content-gradient-off .zas-shs__content-gradient-layer { display: none; }

.zas-shs__content-inner > *:not(.zas-shs__content-gradient-layer) {
  position: relative;
  z-index: 1;
}

.zas-shs__logo-wrap { margin-bottom: 16px; }
.zas-shs__logo {
  max-height: 92px;
  width: auto;
  max-width: min(220px, 60%);
  display: block;
}

.zas-shs__eyebrow {
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: .88;
}

.zas-shs__title {
  margin: 0 0 12px;
  font-size: clamp(32px, 5vw, 68px);
  line-height: 1.02;
  font-weight: 800;
  text-wrap: balance;
}

.zas-shs__subtitle {
  font-size: clamp(16px, 2vw, 24px);
  line-height: 1.45;
  margin-bottom: 12px;
  opacity: .97;
}

.zas-shs__description {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.75;
  max-width: 62ch;
  opacity: .94;
}

.zas-shs__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.zas-shs__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.zas-shs__btn:hover {
  transform: translateY(-2px);
  opacity: .96;
}

.zas-shs__btn--primary {
  background: #d8ad4d;
  color: #102f57;
  box-shadow: 0 14px 28px rgba(0,0,0,.16);
}

.zas-shs__btn--secondary {
  background: rgba(255,255,255,.18);
  color: #fff;
  border-color: rgba(255,255,255,.22);
}

.zas-shs__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: #fff;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
}
.zas-shs__nav--prev { inset-inline-start: 18px; }
.zas-shs__nav--next { inset-inline-end: 18px; }
.zas-shs__nav span { font-size: 28px; line-height: 1; }

.zas-shs__dots {
  position: absolute;
  inset-inline: 0;
  bottom: 18px;
  z-index: 5;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-inline: 16px;
}

.zas-shs__dot {
  width: 11px;
  height: 11px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.45);
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.zas-shs__dot.is-active {
  background: #fff;
  transform: scale(1.18);
}

.zas-shs__anim-item {
  opacity: 0;
  will-change: transform, opacity, filter;
}

.zas-shs__slide.is-entered .zas-shs__anim-item {
  opacity: 1;
}

.zas-shs--anim-none .zas-shs__anim-item,
.zas-shs--anim-none .zas-shs__slide.is-entered .zas-shs__anim-item {
  opacity: 1;
  transform: none;
  filter: none;
  transition: none;
}

.zas-shs--anim-luxury-rise .zas-shs__anim-item {
  transform: translateY(22px) scale(.985);
  filter: blur(8px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.65,.15,1), filter .75s ease;
}
.zas-shs--anim-soft-reveal .zas-shs__anim-item {
  transform: translateX(-22px);
  filter: blur(10px);
  transition: opacity .7s ease, transform .7s ease, filter .7s ease;
}
html[dir="rtl"] .zas-shs--anim-soft-reveal .zas-shs__anim-item,
.rtl .zas-shs--anim-soft-reveal .zas-shs__anim-item { transform: translateX(22px); }
.zas-shs--anim-cinematic .zas-shs__anim-item {
  transform: translateY(16px) translateX(16px);
  filter: blur(14px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.16,.84,.22,1), filter .9s ease;
}
html[dir="rtl"] .zas-shs--anim-cinematic .zas-shs__anim-item,
.rtl .zas-shs--anim-cinematic .zas-shs__anim-item { transform: translateY(16px) translateX(-16px); }
.zas-shs--anim-zoom-fade .zas-shs__anim-item {
  transform: scale(.92);
  filter: blur(6px);
  transition: opacity .75s ease, transform .75s ease, filter .75s ease;
}

.zas-shs__slide.is-entered .zas-shs__anim-item {
  transform: none !important;
  filter: none !important;
}

@keyframes zasShsKenBurns {
  0% { transform: scale(1.02) translate3d(0,0,0); }
  100% { transform: scale(var(--zas-shs-kb-scale)) translate3d(1.2%, -1.2%, 0); }
}

@keyframes zasShsGradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (max-width: 1024px) {
  .zas-shs__content-inner {
    width: min(100%, 62%);
  }
}

@media (max-width: 767px) {
  .zas-shs {
    min-height: max(var(--zas-shs-height), 420px);
  }
  .zas-shs__slide-bg {
    background-position: var(--zas-shs-mobile-bg-position, center center);
    background-image: var(--zas-shs-mobile-bg, var(--zas-shs-desktop-bg)) !important;
  }
  .zas-shs__content-wrap {
    padding: 16px;
    transform: translateY(var(--zas-shs-mobile-offset-y));
  }
  .zas-shs__content-inner {
    width: 100%;
    min-height: var(--zas-shs-mobile-content-min-height);
  }
  .zas-shs--mobile-side-inherit .zas-shs__content-wrap { justify-content: stretch !important; }
  .zas-shs--mobile-side-start .zas-shs__content-wrap { justify-content: flex-start !important; }
  .zas-shs--mobile-side-center .zas-shs__content-wrap { justify-content: center !important; }
  .zas-shs--mobile-side-end .zas-shs__content-wrap { justify-content: flex-end !important; }
  .zas-shs--mobile-side-stretch .zas-shs__content-wrap { justify-content: stretch !important; }
  .zas-shs--mobile-side-start .zas-shs__content-inner,
  .zas-shs--mobile-side-center .zas-shs__content-inner,
  .zas-shs--mobile-side-end .zas-shs__content-inner { width: min(100%, var(--zas-shs-content-width)); }
  .zas-shs--mobile-side-center .zas-shs__content-inner { margin-inline: auto; }
  .zas-shs--mobile-side-end .zas-shs__content-inner { margin-inline-start: auto; }
  .zas-shs--mobile-side-start .zas-shs__content-inner { margin-inline-end: auto; }
  .zas-shs--mobile-side-stretch .zas-shs__content-inner,
  .zas-shs--mobile-side-inherit .zas-shs__content-inner { width: 100%; }

  .zas-shs--mobile-valign-inherit .zas-shs__content-wrap { align-items: flex-end !important; }
  .zas-shs--mobile-valign-start .zas-shs__content-wrap { align-items: flex-start !important; }
  .zas-shs--mobile-valign-center .zas-shs__content-wrap { align-items: center !important; }
  .zas-shs--mobile-valign-end .zas-shs__content-wrap { align-items: flex-end !important; }

  .zas-shs__nav {
    width: 42px;
    height: 42px;
    top: auto;
    bottom: 58px;
    transform: none;
  }
  .zas-shs__nav--prev { inset-inline-start: 16px; }
  .zas-shs__nav--next { inset-inline-start: 66px; inset-inline-end: auto; }
  html[dir="rtl"] .zas-shs__nav--next,
  .rtl .zas-shs__nav--next { inset-inline-start: auto; inset-inline-end: 16px; }
  html[dir="rtl"] .zas-shs__nav--prev,
  .rtl .zas-shs__nav--prev { inset-inline-start: auto; inset-inline-end: 66px; }
  .zas-shs__corner {
    width: min(28vw, 120px);
    height: min(28vw, 120px);
  }
}


/* V1.2.1 mobile performance */
@media (max-width: 767px) {
  .zas-shs__overlay--two,
  .zas-shs__ornament--mesh { display:none; }
  .zas-shs__slide-bg { will-change:auto; }
  .zas-shs__content-gradient-layer { animation:none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .zas-shs__slide,
  .zas-shs__slide-bg,
  .zas-shs__anim-item,
  .zas-shs__content-gradient-layer {
    animation:none !important;
    transition:none !important;
  }
}


.zas-shs__mobile-only{display:none !important}
@media (max-width: 767px) {
  .zas-shs__desktop-only{display:none !important}
  .zas-shs__mobile-only{display:block !important}
  .zas-shs__actions.zas-shs__mobile-only{display:flex !important}
}
@media (min-width: 768px) {
  .zas-shs__mobile-only{display:none !important}
}
