.deem-about-vision {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  padding: clamp(36px, 4vw, 52px) 0 clamp(66px, 6.5vw, 88px);
  background: radial-gradient(circle at 5% 95%, rgba(193,148,94,.16), transparent 35%), linear-gradient(135deg, var(--deem-plum), var(--deem-plum-deep) 82%);
  color: var(--deem-ivory);
}
.deem-about-vision::before {
  position: absolute;
  z-index: -1;
  inset-inline-end: -180px;
  top: -185px;
  width: 450px;
  height: 450px;
  border: 1px solid rgba(225,189,137,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(225,189,137,.018), 0 0 0 92px rgba(225,189,137,.012);
  content: '';
  pointer-events: none;
}
.deem-about-vision__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: clamp(25px, 5vw, 70px);
  margin-bottom: clamp(31px, 4vw, 51px);
}
.deem-about-vision__heading-main { flex: 1; min-width: 0; }
.deem-about-vision__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--deem-gold-light);
  font: 700 14px/1.5 var(--deem-font-body);
}
.deem-about-vision__eyebrow span { width: 27px; height: 1px; background: currentColor; }
#content .entry-content .deem-about-vision h2,
.deem-about-vision h2 {
  margin: 11px 0 0;
  color: var(--deem-gold-light);
  background: linear-gradient(180deg, #fff5db, var(--deem-gold-light) 48%, var(--deem-gold));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font: 400 clamp(2.8rem, 4.3vw, 4.45rem)/1.35 var(--deem-font-display);
  filter: drop-shadow(0 3px 7px rgba(13,3,8,.25));
}
.deem-about-vision__heading > p {
  flex: 0 1 475px;
  max-width: 475px;
  margin: 0 0 7px;
  padding-inline-start: 26px;
  border-inline-start: 1px solid rgba(225,189,137,.55);
  color: #e3d6d1;
  font: 500 clamp(16px, 1.2vw, 18px)/1.8 var(--deem-font-body);
}
.deem-about-vision__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(225,189,137,.4);
}
.deem-about-vision__card {
  position: relative;
  min-width: 0;
  padding: clamp(30px, 3vw, 41px) clamp(19px, 2.7vw, 36px) 0;
}
.deem-about-vision__card:first-child { padding-inline-start: 0; }
.deem-about-vision__card:last-child { padding-inline-end: 0; }
.deem-about-vision__card + .deem-about-vision__card { border-inline-start: 1px solid rgba(225,189,137,.22); }
.deem-about-vision__icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(225,189,137,.48);
  border-radius: 50%;
  color: var(--deem-gold-light);
  transition: background .25s ease, border-color .25s ease;
}
.deem-about-vision__card:hover .deem-about-vision__icon {
  border-color: var(--deem-gold-light);
  background: rgba(225,189,137,.12);
}
.deem-about-vision__icon svg { display: block; width: 29px; height: 29px; }
.deem-about-vision__number {
  position: absolute;
  top: clamp(34px, 3.4vw, 47px);
  inset-inline-end: clamp(19px, 2.7vw, 36px);
  color: rgba(225,189,137,.55);
  font: 400 25px/1 var(--deem-font-display);
}
.deem-about-vision__card:last-child .deem-about-vision__number { inset-inline-end: 0; }
#content .entry-content .deem-about-vision__card h3,
.deem-about-vision__card h3 {
  margin: 22px 0 9px;
  color: var(--deem-gold-light);
  font: 400 clamp(1.85rem, 2.2vw, 2.5rem)/1.35 var(--deem-font-display);
}
.deem-about-vision__card p {
  max-width: 340px;
  margin: 0;
  color: #dfd0cb;
  font: 500 16px/1.82 var(--deem-font-body);
}
@media (max-width: 900px) {
  .deem-about-vision__heading { align-items: start; flex-direction: column; gap: 17px; }
  .deem-about-vision__heading > p { flex: auto; max-width: 700px; }
}
@media (max-width: 700px) {
  .deem-about-vision { padding-block: 32px 64px; }
  .deem-about-vision__heading { margin-bottom: 28px; }
  .deem-about-vision__heading > p { padding-inline-start: 16px; }
  .deem-about-vision__cards { grid-template-columns: 1fr; }
  .deem-about-vision__card,
  .deem-about-vision__card:first-child,
  .deem-about-vision__card:last-child { padding: 24px 0 28px; }
  .deem-about-vision__card + .deem-about-vision__card { border-inline-start: 0; border-top: 1px solid rgba(225,189,137,.22); }
  .deem-about-vision__number,
  .deem-about-vision__card:last-child .deem-about-vision__number { top: 28px; inset-inline-end: 0; }
  .deem-about-vision__card:last-child { padding-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .deem-about-vision__icon { transition: none; }
}