/* High-resolution Figma artwork for the three-part protection section. */
.protection-art {
  content: url("protection-illustration-hd.png");
  top: 120px;
  width: 530px;
  height: auto;
  object-fit: contain;
  mix-blend-mode: normal;
}

.protection .map-node i {
  display: block;
  position: relative;
  font-size: 0;
}

.protection .map-node i::before {
  content: "";
  position: absolute;
  inset: 9px;
  background: #fff;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.protection .node-top i::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 0 20M12 2a15.3 15.3 0 0 0 0 20'/%3E%3C/svg%3E");
}

.protection .node-left i::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.protection .node-right i::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V5l8-3 8 3v8Z'/%3E%3Cpath d='m13 7-4 6h5l-3 4'/%3E%3C/svg%3E");
}

.protection .node-top {
  left: 50%;
  transform: translateX(-50%);
}

.protection .node-top i {
  margin-top: 12px;
}

.protection .node-left {
  left: -35px;
  top: 240px;
  width: 315px;
  padding-right: 12px;
}

.protection .node-left i {
  position: absolute;
  right: -48px;
  top: 0;
  margin: 0;
}

.protection .node-right {
  left: 788px;
  top: 240px;
  width: 315px;
  padding-left: 12px;
}

.protection .node-right i {
  position: absolute;
  left: -48px;
  top: 0;
  margin: 0;
}