.pi-project-identity-visual {
  --pi-identity-size: 38px;
  display: inline-grid;
  place-items: center;
  inline-size: var(--pi-identity-size);
  block-size: var(--pi-identity-size);
  flex: 0 0 var(--pi-identity-size);
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, .78);
  border-radius: 50%;
  background: linear-gradient(145deg, #ffe071, #f2c230 62%, #c88e08);
  color: #08111f;
  box-shadow: 0 8px 22px rgba(242, 194, 48, .2), inset 0 1px rgba(255, 255, 255, .7);
  vertical-align: middle;
}
.pi-project-identity-visual.is-compact { --pi-identity-size: 25px; border-width: 1.5px; }
.pi-project-identity-visual.is-inline { --pi-identity-size: 27px; margin-inline-end: 8px; }
.pi-project-identity-visual.is-card { --pi-identity-size: 48px; }
.pi-project-identity-visual.is-map { --pi-identity-size: 42px; position: absolute; z-index: 2; inset-block-start: 11px; inset-inline-start: 12px; }
.pi-project-identity-visual.is-hero { --pi-identity-size: 68px; }
.pi-project-identity-visual__tower { inline-size: 72%; block-size: 72%; }
.pi-project-identity-visual__logo { inline-size: 100%; block-size: 100%; object-fit: contain; padding: 5px; background: #fff; }
.pi-project-heading-with-identity { display: flex !important; align-items: center; gap: 14px; }
.pi-project-rank-with-identity { min-height: 42px !important; }
.pi-project-cell-with-identity > .pi-project-identity-visual { margin-inline-end: 8px; }
.pi-project-map-callout-with-identity { position: relative; padding-inline-start: 66px !important; }
.pi-ir-card-title { display: flex; align-items: center; gap: 12px; margin: 13px 0 8px; }
.pi-ir-card-title > div { min-width: 0; }
.pi-ir-card-title h3 { margin: 0 !important; }
.pi-ir-card-title p { margin: 4px 0 0 !important; }
.pi-ir-project-link { display: flex !important; align-items: center; gap: 8px; text-align: right; }
.pi-ir-project-link > span:last-child { display: grid; min-width: 0; }
.pi-ir-detail-title { display: flex; align-items: center; gap: 16px; }
.pi-ir-detail-title h1 { margin: 0 !important; }
@media (max-width: 760px) {
  .pi-project-identity-visual.is-hero { --pi-identity-size: 54px; }
  .pi-project-identity-visual.is-card { --pi-identity-size: 42px; }
  .pi-ir-detail-title { align-items: flex-start; gap: 11px; }
  .pi-ir-detail-title h1 { font-size: clamp(25px, 8vw, 36px) !important; }
  .pi-project-map-callout-with-identity { padding-inline-start: 58px !important; }
}