.batch06-service-page {
  --batch06-ink: #111111;
  --batch06-milk: #f6f5f1;
  --batch06-signal: #b7f000;
}

.batch06-service-page .md-service-hero__visual,
.batch06-service-page .md-service-figure {
  overflow: hidden;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: clamp(18px, 2vw, 30px);
  background: #fff;
}

.batch06-service-page .md-service-hero__visual img,
.batch06-service-page .md-service-figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.batch06-service-page .md-service-section--dark .md-service-figure {
  border-color: rgba(246, 245, 241, 0.2);
  background: var(--batch06-ink);
}

.batch06-service-page .md-service-eyebrow,
.batch06-service-page .md-service-kicker {
  color: inherit;
}

.batch06-service-page .md-service-eyebrow::before,
.batch06-service-page .md-service-kicker::before {
  background: var(--batch06-signal);
}

@media (max-width: 767px) {
  .batch06-service-page .md-service-hero__visual,
  .batch06-service-page .md-service-figure {
    border-radius: 16px;
  }

  .batch06-service-page .md-service-hero__visual img,
  .batch06-service-page .md-service-figure img {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 360px) {
  .batch06-service-page h1,
  .batch06-service-page h2,
  .batch06-service-page h3 {
    overflow-wrap: anywhere;
  }
}