.oa-esctiers {
  --oa-esctiers-gap: 24px;
  --oa-esctiers-media-h: 215px;
  position: relative;
  background: #f6f7f8;
  color: var(--oa-text-dark);
  box-sizing: border-box;
}
.oa-esctiers *, .oa-esctiers *::before, .oa-esctiers *::after { box-sizing: border-box; }
.oa-esctiers p, .oa-esctiers h2, .oa-esctiers h3 { margin: 0; }
.oa-esctiers img { display: block; max-width: 100%; }

.oa-esctiers-content-wrap { padding: 126px var(--oa-content-padding) 128px; }

.oa-esctiers-heading {
  max-width: 900px;
  margin: 0 auto 96px;
  text-align: center;
}
.oa-esctiers-eyebrow {
  font-family: var(--oa-font-mono);
  font-size: 14px;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  color: var(--oa-text-regular);
  margin-bottom: 24px;
}
.oa-esctiers-heading h2 {
  font-family: var(--oa-font-heading);
  font-weight: 400;
  font-size: 44px;
  line-height: 1.28;
  color: #161f2a;
}

.oa-esctiers-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--oa-esctiers-gap);
}

.oa-esctiers-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 4px solid #fff;
  border-radius: 12px;
  overflow: hidden;
}

.oa-esctiers-media {
  height: var(--oa-esctiers-media-h);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f3f4;
}
.oa-esctiers-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
}
.oa-esctiers-media-placeholder {
  font-family: var(--oa-font-mono);
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #a3acb5;
}

.oa-esctiers-body {
  padding: 58px 28px 30px;
}
.oa-esctiers-body h3 {
  font-family: var(--oa-font-heading);
  font-weight: 500;
  font-size: 19px;
  line-height: 1.3;
  color: #161f2a;
}
.oa-esctiers-rule {
  height: 1px;
  background: var(--oa-border-light);
  margin: 18px 0;
}
.oa-esctiers-body p {
  font-family: var(--oa-font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--oa-text-regular);
}

.oa-esctiers-arrow {
  position: absolute;
  top: calc(var(--oa-esctiers-media-h) + 4px);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 61px;
  height: 61px;
  flex: 0 0 61px;
  z-index: 2;
}
.oa-esctiers-arrow img { width: 61px; height: 61px; max-width: none; }

@media (max-width: 900px) {
  .oa-esctiers-content-wrap { padding-top: 80px; padding-bottom: 88px; }
  .oa-esctiers-heading { margin-bottom: 56px; }
  .oa-esctiers-heading h2 { font-size: 32px; }
  .oa-esctiers-grid { grid-template-columns: 1fr; gap: 0; }
  .oa-esctiers-arrow {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto !important;
    justify-self: center;
    margin: -2px 0;
    transform: rotate(90deg);
  }
}

@media (max-width: 480px) {
  .oa-esctiers-heading h2 { font-size: 27px; }
  .oa-esctiers-body { padding: 22px; }
}