.wp-block-vilkritis-about-social-responsibility.vilkritis-social {
  --about-section-space: 80px;
  width: 100%;
  margin: 0;
  color: #555;
  font-family: Muli, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.vilkritis-social__spacer {
  height: 16px;
}

.vilkritis-social__title-shell {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 100px 0 30px;
  overflow: hidden;
}

.vilkritis-social .vilkritis-social__title {
  margin: 0 0 0 20px;
  padding: 0;
  color: #333;
  font-family: Prompt, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  text-align: left;
  text-transform: none;
}

.vilkritis-social__intro-shell {
  display: flow-root;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.vilkritis-social__intro {
  display: flow-root;
  margin: var(--about-section-space) 20%;
}

.vilkritis-social p {
  margin: 0 0 24px;
  padding: 0;
  color: #555;
  font-family: Muli, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.vilkritis-social__intro-space {
  display: none;
}

.vilkritis-social__intro > p:last-of-type,
.vilkritis-social__row-copy > p:last-child { margin-bottom: 0; }

.vilkritis-social__row {
  display: flex;
  width: 100%;
  margin: 0;
  overflow: hidden;
  align-items: stretch;
}

.vilkritis-social__copy-column,
.vilkritis-social__photo {
  position: relative;
  width: 50%;
  min-width: 0;
  flex: 1 1 0;
}

.vilkritis-social__copy-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vilkritis-social__row-copy {
  display: flow-root;
  /* Redistribute the original 104px total so text-driven photo heights stay unchanged. */
  padding: 52px 50px 52px 20%;
  margin: 0;
  overflow-wrap: break-word;
}

.vilkritis-social__row--image-left .vilkritis-social__row-copy {
  padding-right: 20%;
  padding-left: 50px;
}

.vilkritis-social__row--image-left .vilkritis-social__photo {
  order: -1;
}

.vilkritis-social__photo {
  min-height: 500px;
  overflow: hidden;
}

.vilkritis-social .vilkritis-social__photo-image {
  display: block;
  position: absolute;
  top: -10vh;
  bottom: -10vh;
  left: -2px;
  width: calc(100% + 4px);
  max-width: none;
  height: auto;
  margin: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* Reduced motion freezes this crop in document coordinates; it does not animate. */
  transform: translateY(var(--native-parallax-y, 10vh));
}

.vilkritis-social__carousel-shell {
  display: flow-root;
}

.vilkritis-social .vilkritis-career__carousel {
  margin-top: 50px;
}

.vilkritis-social .vilkritis-career__viewport {
  height: auto;
  max-height: 650px;
  aspect-ratio: 1200 / 650;
}

.vilkritis-social .vilkritis-career__image {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}

.vilkritis-social .vilkritis-career__dot {
  display: block;
  width: 12px;
  min-width: 0;
  height: 12px;
  margin: 0;
  padding: 0;
  appearance: none;
  border: 1px solid #fff;
  border-radius: 100%;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

.vilkritis-social .vilkritis-career__dot.is-active {
  border-color: #ffe800;
  background: #ffe800;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .wp-block-vilkritis-about-social-responsibility.vilkritis-social { --about-section-space: 64px; }
  .vilkritis-social__intro {
    margin-right: 15%;
    margin-left: 15%;
  }
}

@media (max-width: 767px) {
  .wp-block-vilkritis-about-social-responsibility.vilkritis-social { --about-section-space: 40px; }
  .vilkritis-social__intro {
    margin: var(--about-section-space) 20px;
  }

  .vilkritis-social__row {
    flex-direction: column;
  }

  .vilkritis-social__copy-column,
  .vilkritis-social__photo {
    width: 100%;
    flex: 0 0 auto;
  }

  .vilkritis-social__photo {
    order: -1;
  }

  .vilkritis-social__row .vilkritis-social__row-copy {
    padding: var(--about-section-space) 0;
    margin: 0 20px;
  }

  .vilkritis-social .vilkritis-career__carousel {
    margin-top: 0;
  }
}