.wp-block-samsic-hero-home.samsic-hero-home {
  --hero-card-width: clamp(15.31rem, 26vw, 20.75rem);
  --hero-card-height: clamp(20rem, 33.125vw, 26.5rem);
  --hero-gap: clamp(1rem, 2.5vw, 2rem);
  --hero-header-height: var(--samsic-header-height, 75px);
  --hero-title-offset: clamp(3rem, 7svh, 5.25rem);
  --hero-track-offset: calc(var(--hero-card-height) * 0.15);
  --hero-card-stagger: calc(var(--hero-card-height) * 0.075);
  --hero-card-max-offset: calc(var(--hero-card-stagger) * 2);
  --hero-background: var(--wp--preset--color--background-light, #f5f5f5);
  --hero-text: var(--wp--preset--color--secondary, #25303b);
  position: relative;
  width: 100%;
  max-width: none;
  margin-block-start: 0;
  overflow-x: clip;
  overflow-y: visible;
  color: var(--hero-text);
  background: var(--hero-background);
}
.wp-block-samsic-hero-home.samsic-hero-home * {
  box-sizing: border-box;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__stage {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 100svh;
  padding: calc(var(--hero-header-height) + var(--hero-title-offset)) 0 2rem;
  flex-direction: column;
  justify-content: flex-start;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__headline-wrap {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  text-align: center;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__headline {
  margin: 0;
  font-size: clamp(2.75rem, 5.45vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.98;
  text-wrap: balance;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__gallery {
  position: relative;
  width: 100%;
  height: calc(var(--hero-card-height) + var(--hero-track-offset) + var(--hero-card-max-offset));
  overflow-x: clip;
  overflow-y: visible;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__track {
  position: relative;
  left: 50%;
  top: var(--hero-track-offset);
  display: flex;
  width: max-content;
  padding-inline: max(1rem, (100vw - var(--hero-card-width) * 3 - var(--hero-gap) * 2) / 2);
  gap: var(--hero-gap);
  transform: translateX(-50%);
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__card {
  position: relative;
  z-index: 1;
  width: var(--hero-card-width);
  height: var(--hero-card-height);
  margin: 0;
  flex: 0 0 var(--hero-card-width);
  background: #dfe3e5;
  border-radius: clamp(1rem, 1.6vw, 1.25rem);
  overflow: hidden;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__card--video {
  z-index: 2;
  transform: translateY(calc(var(--hero-card-stagger) * 2));
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__card--near-video {
  transform: translateY(var(--hero-card-stagger));
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__image,
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-layer {
  position: relative;
  z-index: 2;
  width: min(90vw, 75rem);
  margin: 0 auto clamp(3rem, 8vw, 7.5rem);
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__scroll-space {
  display: none;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-target {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: clamp(1rem, 2vw, 2rem);
  background: var(--hero-text);
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: #101a22;
  opacity: 0.35;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__messages {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 1px;
  background: var(--hero-text);
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__message {
  display: grid;
  min-height: 35vh;
  padding: clamp(2rem, 6vw, 5rem);
  place-items: center;
  color: #fff;
  text-align: center;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__message h2 {
  width: min(90%, 50rem);
  margin: 0;
  color: inherit;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.08;
  text-wrap: balance;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-toggle {
  position: absolute;
  z-index: 5;
  right: clamp(1rem, 2vw, 2rem);
  bottom: clamp(1rem, 2vw, 2rem);
  display: grid;
  width: 3rem;
  height: 3rem;
  padding: 0;
  place-items: center;
  color: #fff;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  background: rgba(20, 30, 38, 0.45);
  backdrop-filter: blur(8px);
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-toggle:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__pause-icon,
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__pause-icon::after {
  display: block;
  width: 3px;
  height: 14px;
  content: "";
  background: currentcolor;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__pause-icon {
  position: relative;
  margin-left: -7px;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__pause-icon::after {
  position: absolute;
  left: 7px;
  top: 0;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__play-icon {
  display: none;
  width: 0;
  height: 0;
  margin-left: 3px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid currentcolor;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-toggle.is-paused .hero-home__pause-icon {
  display: none;
}
.wp-block-samsic-hero-home.samsic-hero-home .hero-home__video-toggle.is-paused .hero-home__play-icon {
  display: block;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__scroll-space {
  display: block;
  height: 300svh;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__stage {
  position: sticky;
  top: calc(-1 * var(--hero-reveal-distance, 0px));
  height: auto;
  min-height: 100svh;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__track {
  padding-inline: 0;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__video-layer {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__video-sticky {
  position: sticky;
  top: 0;
  width: calc(var(--hero-viewport-width, 100vw) * 1.05);
  height: 100svh;
  margin-top: var(--hero-reveal-distance, 0px);
  overflow-x: clip;
  overflow-y: visible;
  transform: translateX(-2.5%);
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__video-target {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: clamp(1rem, 1.6vw, 1.25rem);
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__video-frame {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  aspect-ratio: auto;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__messages {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  pointer-events: none;
  background: transparent;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__message {
  position: absolute;
  display: block;
  width: min(90vw, 52rem);
  min-height: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__message h2 {
  width: 100%;
}
.wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__video-shade {
  opacity: 0;
}

@keyframes hero-home-intro-fallback {
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .wp-block-samsic-hero-home.samsic-hero-home[data-hero-intro=pending] .hero-home__headline-wrap,
  .wp-block-samsic-hero-home.samsic-hero-home[data-hero-intro=pending] .hero-home__card {
    opacity: 0;
    animation: hero-home-intro-fallback 1ms 3s forwards;
  }
}
@media (max-width: 767px) {
  .wp-block-samsic-hero-home.samsic-hero-home {
    --hero-card-width: 15.31rem;
    --hero-card-height: 20rem;
    --hero-gap: 1.5rem;
    --hero-track-offset: calc(var(--hero-card-height) * 0.05);
    --hero-card-stagger: calc(var(--hero-card-height) * 0.1);
  }
  .wp-block-samsic-hero-home.samsic-hero-home .hero-home__headline-wrap {
    width: calc(100vw - 2rem);
  }
  .wp-block-samsic-hero-home.samsic-hero-home .hero-home__headline {
    font-size: clamp(2rem, 9vw, 2.75rem);
    line-height: 1.05;
  }
  .wp-block-samsic-hero-home.samsic-hero-home.is-enhanced .hero-home__message h2 {
    font-size: clamp(2rem, 9vw, 2.75rem);
  }
}