/* Elegant Outdoor Living - Modern Feature Map Section
   Custom CSS Only | No Framework | No HTML Wrapper
*/

.eolfeaturemap26_scope,
.eolfeaturemap26_scope * {
  box-sizing: border-box;
}

.eolfeaturemap26_scope {
  --eolfeaturemap26_primary: #15125D;
  --eolfeaturemap26_primary_dark: #090735;
  --eolfeaturemap26_white: #FFFFFF;
  --eolfeaturemap26_soft: #F8F5EF;
  --eolfeaturemap26_text: #171827;
  --eolfeaturemap26_muted: #6D7282;
  --eolfeaturemap26_cream: #EFE8DA;
  --eolfeaturemap26_line: rgba(21, 18, 93, 0.12);
  --eolfeaturemap26_wrap: min(100% - 36px, 1320px);
  width: 100%;
  position: relative;
  overflow: hidden;
  font-family: "Montserrat", "Inter", Arial, sans-serif;
  background:
    radial-gradient(circle at 8% 12%, rgba(21, 18, 93, 0.07), transparent 25%),
    linear-gradient(180deg, #FFFFFF 0%, var(--eolfeaturemap26_soft) 100%);
  padding: clamp(72px, 8vw, 114px) 0;
}

/* Let Elementor's Classic color replace the built-in gradient when no image is selected. */
.eolfeaturemap26_scope.eolfeaturemap26_solid_background {
  background-image: none;
}


.eolfeaturemap26_scope.eolfeaturemap26_solid_background::before {
  background: none;
  opacity: 0;
}

.eolfeaturemap26_scope::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(21,18,93,0.032) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(21,18,93,0.024) 0 1px, transparent 1px 100%);
  background-size: 78px 78px;
  opacity: 0.42;
}

.eolfeaturemap26_outer {
  position: relative;
  z-index: 1;
  width: var(--eolfeaturemap26_wrap);
  margin: 0 auto;
}

.eolfeaturemap26_header {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(280px, 0.54fr);
  gap: clamp(24px, 5vw, 68px);
  align-items: end;
  margin-bottom: clamp(34px, 5vw, 56px);
}

.eolfeaturemap26_label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--eolfeaturemap26_primary);
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.eolfeaturemap26_label::before {
  content: "";
  width: 38px;
  height: 1px;
  background: var(--eolfeaturemap26_primary);
}

.eolfeaturemap26_title {
  max-width: 760px;
  margin: 0;
  color: var(--eolfeaturemap26_primary);
  font-size: 36px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.eolfeaturemap26_title span {
  color: var(--eolfeaturemap26_text);
}

.eolfeaturemap26_intro {
  margin: 0;
  color: var(--eolfeaturemap26_muted);
  font-size: 15.5px;
  line-height: 1.74;
  font-weight: 500;
}

.eolfeaturemap26_stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
  gap: 22px;
  padding: 18px;
  border-radius: 46px;
  background:
    radial-gradient(circle at 22% 12%, rgba(255,255,255,0.16), transparent 24%),
    linear-gradient(135deg, var(--eolfeaturemap26_primary) 0%, var(--eolfeaturemap26_primary_dark) 100%);
  box-shadow: 0 32px 92px rgba(21, 18, 93, 0.20);
  overflow: hidden;
}

.eolfeaturemap26_stage::before {
  content: "";
  position: absolute;
  left: -80px;
  bottom: -100px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.16);
  pointer-events: none;
}

.eolfeaturemap26_stage::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  pointer-events: none;
}

.eolfeaturemap26_visual {
  position: relative;
  z-index: 1;
  min-height: 680px;
  border-radius: 34px;
  overflow: hidden;
  background: #D8D8D8;
}

.eolfeaturemap26_visual_main {
  position: absolute;
  inset: 0;
}

.eolfeaturemap26_visual_main img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  transition: transform 0.9s ease;
}

.eolfeaturemap26_stage:hover .eolfeaturemap26_visual_main img {
  transform: scale(1.055);
}

.eolfeaturemap26_visual_main::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(21,18,93,0.08) 0%, rgba(21,18,93,0.50) 100%);
  pointer-events: none;
}

.eolfeaturemap26_visual_note {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  color: var(--eolfeaturemap26_white);
}

.eolfeaturemap26_visual_note strong {
  display: block;
  max-width: 390px;
  color: var(--eolfeaturemap26_white);
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 1.75vw, 25px);
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: -0.025em;
  text-shadow: 0 12px 34px rgba(0,0,0,0.24);
}

.eolfeaturemap26_visual_note span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  color: rgba(255,255,255,0.84);
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.20);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.eolfeaturemap26_thumb {
  position: absolute;
  z-index: 3;
  width: min(42%, 270px);
  aspect-ratio: 1 / 0.78;
  border-radius: 26px;
  overflow: hidden;
  border: 7px solid rgba(255,255,255,0.88);
  background: #D8D8D8;
  box-shadow: 0 24px 60px rgba(0,0,0,0.24);
}

.eolfeaturemap26_thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.eolfeaturemap26_thumb_one {
  right: 28px;
  top: 28px;
}

.eolfeaturemap26_thumb_two {
  right: 28px;
  top: 244px;
}

.eolfeaturemap26_panel {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
  align-content: stretch;
}

.eolfeaturemap26_group {
  position: relative;
  min-height: 210px;
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 18px;
  padding: 24px;
  border-radius: 32px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(255,255,255,0.72);
  box-shadow: 0 18px 48px rgba(0,0,0,0.08);
  overflow: hidden;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

.eolfeaturemap26_group > * {
  position: relative;
  z-index: 2;
}

.eolfeaturemap26_group::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 88% 12%, rgba(255,255,255,0.78), transparent 24%),
    radial-gradient(circle at 18% 88%, rgba(21,18,93,0.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(242,238,255,0.96) 45%, rgba(232,225,207,0.94) 100%);
  opacity: 1;
  clip-path: circle(0% at 100% 0%);
  transition: clip-path 0.68s cubic-bezier(.2,.9,.2,1);
}

.eolfeaturemap26_group:hover {
  transform: translateX(-4px);
  border-color: rgba(255,255,255,0.94);
  box-shadow: 0 28px 70px rgba(0,0,0,0.14);
}

.eolfeaturemap26_group:hover::before {
  clip-path: circle(150% at 100% 0%);
}

.eolfeaturemap26_group::after {
  content: "";
  position: absolute;
  inset: auto 20px 0 20px;
  z-index: 3;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, var(--eolfeaturemap26_primary), #8E88E8, var(--eolfeaturemap26_primary));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.32s ease;
}

.eolfeaturemap26_group:hover::after {
  transform: scaleX(1);
}

.eolfeaturemap26_group:hover .eolfeaturemap26_num {
  color: var(--eolfeaturemap26_primary);
  background: var(--eolfeaturemap26_white);
  box-shadow: 0 14px 34px rgba(21,18,93,0.16);
}

.eolfeaturemap26_group:hover .eolfeaturemap26_tags span {
  color: var(--eolfeaturemap26_white);
  background: var(--eolfeaturemap26_primary);
  border-color: var(--eolfeaturemap26_primary);
}

.eolfeaturemap26_group:hover .eolfeaturemap26_tags span::before {
  background: var(--eolfeaturemap26_white);
}

.eolfeaturemap26_num {
  width: 66px;
  height: 66px;
  border-radius: 24px;
  display: inline-grid;
  place-items: center;
  color: var(--eolfeaturemap26_white);
  background: var(--eolfeaturemap26_primary);
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.02em;
  transition:
    color 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease;
}

.eolfeaturemap26_group_title {
  margin: 0 0 7px;
  color: var(--eolfeaturemap26_primary);
  font-size: 20px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.eolfeaturemap26_group_text {
  margin: 0 0 16px;
  color: var(--eolfeaturemap26_muted);
  font-size: 13.5px;
  line-height: 1.58;
  font-weight: 500;
}

.eolfeaturemap26_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.eolfeaturemap26_tags span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  color: var(--eolfeaturemap26_primary);
  background: rgba(21,18,93,0.055);
  border: 1px solid rgba(21,18,93,0.08);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  transition:
    color 0.28s ease,
    background 0.28s ease,
    border-color 0.28s ease;
}

.eolfeaturemap26_tags span::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: var(--eolfeaturemap26_primary);
  transition: background 0.28s ease;
}

.eolfeaturemap26_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 22px;
  padding: 0 18px 0 6px;
}

.eolfeaturemap26_bottom p {
  margin: 0;
  max-width: 600px;
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  line-height: 1.62;
  font-weight: 500;
}

.eolfeaturemap26_bottom strong {
  color: var(--eolfeaturemap26_white);
  font-weight: 800;
}

.eolfeaturemap26_mini_link {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex: 0 0 auto;
  min-width: 196px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 10px 0 22px;
  border-radius: 999px;
  color: var(--eolfeaturemap26_primary);
  background: var(--eolfeaturemap26_white);
  border: 1px solid rgba(255,255,255,0.86);
  box-shadow: 0 16px 40px rgba(0,0,0,0.18);
  text-decoration: none;
  font-size: 13px;
  line-height: 1;
  font-weight: 850;
  white-space: nowrap;
  transition:
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.eolfeaturemap26_mini_link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #000000;
  transform: translateX(-102%);
  transition: transform 0.42s cubic-bezier(.22,.9,.22,1);
}
.eolfeaturemap26_mini_link_text {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: inherit;
  max-width: none;
  overflow: visible;
}

.eolfeaturemap26_mini_link::after {
  content: "→";
  position: relative;
  z-index: 2;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: var(--eolfeaturemap26_white);
  background: var(--eolfeaturemap26_primary);
  transition:
    color 0.24s ease,
    background 0.24s ease,
    transform 0.24s ease;
}

.eolfeaturemap26_mini_link:hover,
.eolfeaturemap26_mini_link:focus {
  color: var(--eolfeaturemap26_white);
  border-color: var(--eolfeaturemap26_white);
  box-shadow: 0 20px 46px rgba(0,0,0,0.24);
}

.eolfeaturemap26_mini_link:hover::before,
.eolfeaturemap26_mini_link:focus::before {
  transform: translateX(0);
}

.eolfeaturemap26_mini_link:hover::after,
.eolfeaturemap26_mini_link:focus::after {
  color: #000000;
  background: var(--eolfeaturemap26_white);
  transform: translateX(3px);
}

@media (max-width: 1120px) {
  .eolfeaturemap26_stage {
    grid-template-columns: 1fr;
  }

  .eolfeaturemap26_visual {
    min-height: 560px;
  }

  .eolfeaturemap26_panel {
    grid-template-columns: 1fr;
  }

  .eolfeaturemap26_bottom {
    margin-top: 10px;
  }
}

@media (max-width: 980px) {
  .eolfeaturemap26_header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .eolfeaturemap26_scope {
    --eolfeaturemap26_wrap: min(100% - 24px, 1320px);
    padding: 62px 0;
  }

  .eolfeaturemap26_title {
    font-size: clamp(32px, 9vw, 42px);
    line-height: 1.08;
  }

  .eolfeaturemap26_intro {
    font-size: 15px;
    line-height: 1.7;
  }

  .eolfeaturemap26_stage {
    padding: 12px;
    border-radius: 32px;
  }

  .eolfeaturemap26_visual {
    min-height: 470px;
    border-radius: 24px;
  }

  .eolfeaturemap26_visual_note {
    left: 18px;
    right: 18px;
    bottom: 18px;
    align-items: flex-start;
    flex-direction: column;
  }

  .eolfeaturemap26_visual_note strong {
    font-size: 23px;
  }

  .eolfeaturemap26_thumb {
    width: 44%;
    border-width: 5px;
    border-radius: 20px;
  }

  .eolfeaturemap26_thumb_one {
    right: 18px;
    top: 18px;
  }

  .eolfeaturemap26_thumb_two {
    right: 18px;
    top: 168px;
  }

  .eolfeaturemap26_group {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: auto;
    padding: 20px;
    border-radius: 24px;
  }

  .eolfeaturemap26_group:hover {
    transform: none;
  }

  .eolfeaturemap26_num {
    width: 54px;
    height: 54px;
    border-radius: 20px;
  }

  .eolfeaturemap26_bottom {
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
  }

  .eolfeaturemap26_mini_link {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .eolfeaturemap26_label {
    font-size: 10px;
  }

  .eolfeaturemap26_label::before {
    width: 28px;
  }

  .eolfeaturemap26_visual {
    min-height: 420px;
  }

  .eolfeaturemap26_thumb {
    width: 48%;
  }

  .eolfeaturemap26_thumb_two {
    top: 146px;
  }

  .eolfeaturemap26_tags span {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Mobile layout hardening: keep the complete feature map inside the viewport
   and turn the overlapping image composition into a clean stacked gallery. */
@media (max-width: 767px) {
  .elementor-widget-ab_elegent_feature_map,
  .elementor-widget-ab_elegent_feature_map > .elementor-widget-container,
  [data-widget_type="ab_elegent_feature_map.default"],
  [data-widget_type="ab_elegent_feature_map.default"] > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .eolfeaturemap26_scope {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  .eolfeaturemap26_outer {
    width: calc(100% - 24px) !important;
    max-width: 1320px !important;
    min-width: 0 !important;
  }

  .eolfeaturemap26_header,
  .eolfeaturemap26_stage,
  .eolfeaturemap26_visual,
  .eolfeaturemap26_panel,
  .eolfeaturemap26_group,
  .eolfeaturemap26_group > div,
  .eolfeaturemap26_bottom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .eolfeaturemap26_header > *,
  .eolfeaturemap26_stage > * {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .eolfeaturemap26_stage {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  .eolfeaturemap26_visual {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "main main"
      "thumb-one thumb-two" !important;
    gap: 10px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 0 10px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .eolfeaturemap26_visual_main {
    position: relative !important;
    inset: auto !important;
    grid-area: main !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: clamp(370px, 108vw, 460px) !important;
    overflow: hidden !important;
  }

  .eolfeaturemap26_visual_main img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  .eolfeaturemap26_stage:hover .eolfeaturemap26_visual_main img {
    transform: none !important;
  }

  .eolfeaturemap26_thumb,
  .eolfeaturemap26_thumb_one,
  .eolfeaturemap26_thumb_two {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    border-width: 4px !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
  }

  .eolfeaturemap26_thumb_one {
    grid-area: thumb-one !important;
    margin-left: 10px !important;
    width: calc(100% - 10px) !important;
  }

  .eolfeaturemap26_thumb_two {
    grid-area: thumb-two !important;
    margin-right: 10px !important;
    width: calc(100% - 10px) !important;
  }

  .eolfeaturemap26_thumb img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
  }

  .eolfeaturemap26_visual_note {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    grid-area: main !important;
    align-self: end !important;
    justify-self: stretch !important;
    width: auto !important;
    max-width: calc(100% - 36px) !important;
    min-width: 0 !important;
    margin: 18px !important;
    gap: 12px !important;
    pointer-events: none;
  }

  .eolfeaturemap26_visual_note strong {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(20px, 6.3vw, 24px) !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .eolfeaturemap26_visual_note span {
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 8px 13px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
  }

  .eolfeaturemap26_panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  .eolfeaturemap26_group {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .eolfeaturemap26_group_title,
  .eolfeaturemap26_group_text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .eolfeaturemap26_tags {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .eolfeaturemap26_tags span {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .eolfeaturemap26_bottom p,
  .eolfeaturemap26_mini_link,
  .eolfeaturemap26_mini_link_text {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }
}

@media (max-width: 420px) {
  .eolfeaturemap26_visual_main {
    height: clamp(350px, 112vw, 420px) !important;
  }

  .eolfeaturemap26_visual_note {
    max-width: calc(100% - 28px) !important;
    margin: 14px !important;
  }

  .eolfeaturemap26_thumb_one {
    margin-left: 8px !important;
    width: calc(100% - 8px) !important;
  }

  .eolfeaturemap26_thumb_two {
    margin-right: 8px !important;
    width: calc(100% - 8px) !important;
  }
}

/* Highlight underline: always visible in the same hand-drawn brush style. */
.eolfeaturemap26_title span {
  display: inline-block;
  position: relative;
  text-decoration: none !important;
}

.eolfeaturemap26_title .eolfeaturemap26_highlight_underline {
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: -16px;
  width: calc(100% - 2px);
  height: 14px;
  min-height: 14px;
  margin: 0;
  padding: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M18 88 C96 61 202 39 330 24 C482 6 647 5 784 13 C875 18 948 29 989 43 C943 37 890 35 826 36 C663 38 510 46 369 59 C238 72 126 90 34 106 C27 102 21 96 18 88 Z' fill='black'/%3E%3Cpath d='M48 108 C107 91 164 80 231 71 C178 84 123 99 66 116 Z' fill='black'/%3E%3Cpath d='M113 101 C176 85 248 75 319 67 C250 82 190 95 132 111 Z' fill='black'/%3E%3Cpath d='M205 91 C259 80 319 72 379 66 C328 78 275 88 220 99 Z' fill='black'/%3E%3Cpath d='M873 39 C919 38 958 41 994 49 C961 47 930 49 899 54 Z' fill='black'/%3E%3Cpath d='M922 52 C951 51 975 54 997 60 C974 58 952 59 932 63 Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M18 88 C96 61 202 39 330 24 C482 6 647 5 784 13 C875 18 948 29 989 43 C943 37 890 35 826 36 C663 38 510 46 369 59 C238 72 126 90 34 106 C27 102 21 96 18 88 Z' fill='black'/%3E%3Cpath d='M48 108 C107 91 164 80 231 71 C178 84 123 99 66 116 Z' fill='black'/%3E%3Cpath d='M113 101 C176 85 248 75 319 67 C250 82 190 95 132 111 Z' fill='black'/%3E%3Cpath d='M205 91 C259 80 319 72 379 66 C328 78 275 88 220 99 Z' fill='black'/%3E%3Cpath d='M873 39 C919 38 958 41 994 49 C961 47 930 49 899 54 Z' fill='black'/%3E%3Cpath d='M922 52 C951 51 975 54 997 60 C974 58 952 59 932 63 Z' fill='black'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-position: center;
  border-radius: 0;
  pointer-events: none;
  z-index: 2;
}