.wo-hero {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: max(640px, 100vh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 30px);
  height: max(640px, 100svh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 30px);
  padding: 50px 30px 0;
  overflow: hidden;
  background: var(--color-bg-dark);
}
@media only screen and (max-width: 1199px) {
  .wo-hero {
    height: max(520px, min(924px, calc(100vh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px)), calc(100vh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px) - 30px);
    height: max(520px, min(924px, calc(100svh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px)), calc(100svh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px) - 30px);
    padding: 50px 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wo-hero {
    height: max(440px, min(924px, calc(100vh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px)), calc(100vh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px) - 30px);
    height: max(440px, min(924px, calc(100svh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px)), calc(100svh - var(--wo-topbar-h, 47px) - var(--wp-admin--admin-bar--height, 0px) - 93px) - 30px);
    flex-direction: column;
    padding: 100px 20px 0;
  }
}
@media only screen and (max-width: 600px) {
  .wo-hero {
    height: max(440px, min(924px, calc(100vh - var(--wo-topbar-h, 47px) - 0px - 93px)), calc(100vh - var(--wo-topbar-h, 47px) - 0px - 93px) - 30px);
    height: max(440px, min(924px, calc(100svh - var(--wo-topbar-h, 47px) - 0px - 93px)), calc(100svh - var(--wo-topbar-h, 47px) - 0px - 93px) - 30px);
  }
}
.wo-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.wo-hero__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.wo-hero__veil {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(28.516deg, rgba(0, 0, 0, 0.6) 0.336%, rgba(0, 0, 0, 0) 40.756%);
}
@media only screen and (max-width: 1199px) {
  .wo-hero__veil {
    background-image: linear-gradient(49.832deg, rgba(0, 0, 0, 0.6) 0.336%, rgba(0, 0, 0, 0) 40.756%);
  }
}
@media only screen and (max-width: 767px) {
  .wo-hero__veil {
    background-image: linear-gradient(112.342deg, rgba(0, 0, 0, 0.6) -24.76%, rgba(0, 0, 0, 0) 71.57%);
  }
}
.wo-hero__copy {
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .wo-hero__copy {
    flex: 0 0 auto;
    min-height: auto;
    padding-top: 74px;
    padding-bottom: 0;
  }
}
.wo-hero h2.wo-hero__title {
  width: min(420.312px, 24.3236111111vw);
  max-width: 100%;
  margin: 0 0 50px;
  font-size: min(3.75em, 100vw * 60 / 1728);
  line-height: 1.0867;
  color: var(--color-text-inverse);
  text-box: trim-both cap alphabetic;
}
@media only screen and (max-width: 1199px) {
  .wo-hero h2.wo-hero__title {
    width: 353px;
    font-size: 3.75em;
  }
}
@media only screen and (max-width: 767px) {
  .wo-hero h2.wo-hero__title {
    font-size: clamp(32px, calc(100vh - var(--wp-admin--admin-bar--height, 0px)) * 0.09 - 22px, 60px);
    font-size: clamp(32px, calc(100svh - var(--wp-admin--admin-bar--height, 0px)) * 0.09 - 22px, 60px);
    margin-bottom: clamp(24px, calc(100vh - var(--wp-admin--admin-bar--height, 0px)) * 0.07 - 15px, 50px);
    margin-bottom: clamp(24px, calc(100svh - var(--wp-admin--admin-bar--height, 0px)) * 0.07 - 15px, 50px);
  }
}
@media only screen and (max-width: 600px) {
  .wo-hero h2.wo-hero__title {
    font-size: clamp(32px, calc(100vh - 0px) * 0.09 - 22px, 60px);
    font-size: clamp(32px, calc(100svh - 0px) * 0.09 - 22px, 60px);
    margin-bottom: clamp(24px, calc(100vh - 0px) * 0.07 - 15px, 50px);
    margin-bottom: clamp(24px, calc(100svh - 0px) * 0.07 - 15px, 50px);
  }
}
.wo-hero__figure {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  container-type: size;
}
@media only screen and (max-width: 1199px) {
  .wo-hero__figure {
    flex: 0 0 432px;
    overflow: visible;
  }
}
@media only screen and (max-width: 767px) {
  .wo-hero__figure {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
  }
}
.wo-hero__portrait {
  position: absolute;
  right: 0;
  bottom: -50px;
  left: 0;
  width: min(100cqw, 65.5394927536cqh);
  height: min(100cqh, 152.5797588576cqw);
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wo-hero__portrait {
    top: auto;
    right: auto;
    bottom: -10.1899313501cqh;
    left: calc(266.694px - 30.5389016018cqh);
    width: 61.0778032037cqh;
    height: 90.7345537757cqh;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wo-hero__portrait {
    top: auto;
    right: 0;
    bottom: calc(min(127.354cqh, min(100cqw, 432px) * 1.48556) * -0.2045);
    left: 0;
    width: calc(min(127.354cqh, min(100cqw, 432px) * 1.48556) * 0.67315);
    max-width: none;
    height: min(127.354cqh, min(100cqw, 432px) * 1.48556);
    margin: 0 auto;
  }
}
.wo-hero__portrait-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .wo-hero__portrait-img {
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
}
.wo-hero__aside {
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .wo-hero__aside {
    display: none;
  }
}
.wo-hero__card {
  width: calc(100% - 11.5740740741vw);
  max-width: 500px;
  padding: 30px;
  border-radius: 7px;
  background: var(--color-white);
}
.wo-hero__deck {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.wo-hero__deck::before {
  content: "";
  display: block;
  padding-top: calc((100% - 5px) / 2 * 145 / 146);
}
.wo-hero__deck .slick-list,
.wo-hero__deck .slick-track {
  position: absolute;
  inset: 0;
}
.wo-hero__slide {
  position: absolute;
  inset: 0;
  display: flex;
  gap: 5px;
}
.wo-hero__deck:not(.slick-initialized) .wo-hero__slide + .wo-hero__slide {
  visibility: hidden;
}
.wo-hero__deck.slick-initialized .wo-hero__slide {
  display: flex;
}
.wo-hero__thumb {
  position: relative;
  display: block;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}
.wo-hero__tag {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 1;
  padding: 3px 7px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.55), inset -1px -1px 0 rgba(255, 255, 255, 0.4);
  color: var(--color-text-inverse);
  font-family: var(--ffHeading1);
  font-size: 0.6875em;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
.wo-hero__thumb-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.wo-hero__card p.wo-hero__card-text {
  margin-bottom: 20px;
  color: var(--color-dark);
  text-box: trim-both cap alphabetic;
}
.wo-hero__card a.wo-hero__card-link {
  display: block;
  font-family: var(--ffBody1);
  font-size: 0.9375em;
  line-height: 1.21;
  letter-spacing: 0.15px;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: from-font;
  color: var(--color-dark);
  font-variation-settings: "opsz" 14;
}
.wo-hero__card a.wo-hero__card-link:hover, .wo-hero__card a.wo-hero__card-link:focus {
  color: var(--color-link-hover);
  text-decoration: underline;
}

@keyframes wo-hero-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.wo-hero__title, .wo-hero__cta, .wo-hero__figure {
  animation: wo-hero-rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.wo-hero__title {
  animation-delay: 0.15s;
}
.wo-hero__cta {
  animation-delay: 0.3s;
}
.wo-hero__figure {
  animation-delay: 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .wo-hero__title, .wo-hero__cta, .wo-hero__figure {
    animation: none;
  }
}