.ta-wbc-recognition {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  align-items: center;
  gap: clamp(24px, 5vw, 76px);
  margin-block: clamp(32px, 6vw, 80px);
  padding: clamp(24px, 4vw, 54px);
  border: 1px solid #786345;
  border-top: 2px solid #d7b582;
  background: radial-gradient(ellipse at top right, #323025, #17181a 62%);
  color: #f6eee1;
}

.ta-wbc-recognition h2 {
  font-size: clamp(36px, 5vw, 72px);
  line-height: .97;
  margin: .25em 0 .4em;
}

.ta-wbc-recognition-copy > p:not(.eyebrow) {
  color: #e3dacf;
  max-width: 60ch;
  margin-block: .8em;
}

.ta-wbc-recognition .eyebrow,
.ta-wbc-recognition .inline-link {
  color: #f1cc93;
}

.ta-wbc-recognition-plate {
  margin: 0;
  width: 100%;
  max-width: 330px;
  justify-self: center;
}

.ta-wbc-recognition-photo {
  display: block;
  padding: 7px;
  border: 1px solid #786345;
  background: #101113;
}

.ta-wbc-recognition-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.ta-wbc-recognition-plate figcaption {
  color: #dbd0bf;
  margin-top: 10px;
  font-size: .85rem;
}

@supports (zoom: tan(atan2(100cqw, 880px))) {
  .ta-wbc-recognition-photo {
    container-type: inline-size;
  }

  .ta-wbc-recognition-crop {
    width: 880px;
    height: 1110px;
    overflow: hidden;
    zoom: tan(atan2(100cqw, 880px));
  }

  .ta-wbc-recognition-photo img {
    width: 1320px;
    max-width: none;
    transform-origin: 0 0;
    transform: matrix3d(1.03598891797,-0.0673927010814,0,-0.0000260658964602,0.0925657968225,1.1281538161,0,0.000110688067411,0,0,1,0,-291.380298252,-123.951351537,0,1);
  }
}

@media (max-width: 740px) {
  .ta-wbc-recognition {
    grid-template-columns: minmax(0, 1fr);
  }
}