/** Shopify CDN: Minification failed

Line 1095:1 Expected "}" to go with "{"

**/
/* assets/gcitypartners-entry-gateway.css — GCITYPARTNERS-ENTRY-GATEWAY-06
   Owner: Screen 00 visitor hero, Screen 01 category entry cards, compact lifecycle and
   gateway-specific proof variants.
   Base shell, fullscreen viewport, buttons, section chrome, scroll offsets and
   route-level reduced motion are owned by assets/gcitypartners-page-system.css.
   Dynamic feed, filters and async opportunity cards are owned by
   assets/gcitypartners-service-transition.css. */

.gcitypartners-page-system .gcp-opportunity-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 2.2vw, 30px);
  align-items: start;
}

.gcitypartners-page-system .gcp-opportunity-tabs.gcp-entry-grid {
  position: relative;
  top: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.gcitypartners-page-system .gcp-entry-grid {
  display: grid;
  gap: 12px;
}

.gcitypartners-page-system .gcp-entry-grid--scenes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gcitypartners-page-system .gcp-entry-card {
  min-width: 0;
  overflow: clip;
  border: var(--border-width) solid var(--gcp-line);
  border-radius: var(--radius-lg);
  background: color-mix(
    in srgb,
    var(--gcp-glass-strong) 84%,
    transparent
  );
  box-shadow:
    inset 0 var(--border-width) 0
      color-mix(in srgb, var(--white) 62%, transparent);
  transition:
    transform var(--duration-fast) ease,
    border-color var(--duration-fast) ease,
    box-shadow var(--duration-fast) ease,
    background-color var(--duration-fast) ease;
}

.gcitypartners-page-system .gcp-entry-card:hover,
.gcitypartners-page-system .gcp-entry-card[open] {
  transform: translateY(
    calc(var(--border-width) * -1)
  );
  border-color: color-mix(
    in srgb,
    var(--gcp-gold) 42%,
    var(--gcp-line)
  );
  background: var(--gcp-glass-strong);
  box-shadow:
    inset calc(var(--border-width) * 3) 0 0
      var(--gcp-gold),
    var(--glg-cinematic-shadow-soft);
}

.gcitypartners-page-system .gcp-entry-card__summary {
  min-height: 112px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 28px;
  gap: 12px;
  align-items: center;
  padding: 18px;
  cursor: pointer;
  list-style: none;
}

.gcitypartners-page-system .gcp-entry-card__summary::-webkit-details-marker { display: none; }

.gcitypartners-page-system .gcp-entry-card__number {
  width: 36px;
  height: auto;
  display: grid;
  place-items: start;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--gcp-gold);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: .12em;
}

.gcitypartners-page-system .gcp-entry-card__heading {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.gcitypartners-page-system .gcp-entry-card__title {
  color: var(--gcp-ink, #123767);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.24;
  letter-spacing: -.012em;
}

.gcitypartners-page-system .gcp-entry-card__subtitle {
  color: var(--gcp-muted, rgba(18, 55, 103, .7));
  font-size: 11px;
  line-height: 1.35;
}

.gcitypartners-page-system .gcp-entry-card__toggle {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(79, 159, 189, .1);
  color: var(--gcp-ink, #123767);
  line-height: 1;
  transition: transform .2s ease;
}

.gcitypartners-page-system .gcp-entry-card__toggle svg {
  width: 12px;
  height: 7px;
  pointer-events: none;
}

.gcitypartners-page-system .gcp-entry-card[open] .gcp-entry-card__toggle { transform: rotate(180deg); }

.gcitypartners-page-system .gcp-entry-card__body {
  display: grid;
  gap: 14px;
  padding: 0 18px 18px;
  border-top: 1px solid rgba(24, 55, 96, .08);
}

.gcitypartners-page-system .gcp-entry-card__description {
  margin: 14px 0 0;
  color: var(--gcp-muted, rgba(18, 55, 103, .7));
  font-size: 12px;
  line-height: 1.58;
}

.gcitypartners-page-system .gcp-entry-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gcitypartners-page-system .gcp-entry-card .gcp-opportunity-tab {
  border-color: color-mix(in srgb, var(--gcp-gold, #d99a1f) 52%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--gcp-gold, #d99a1f) 84%, white), var(--gcp-gold, #d99a1f));
  color: white;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--gcp-gold, #d99a1f) 20%, transparent);
}

.gcitypartners-page-system .gcp-entry-card .gcp-opportunity-tab:hover {
  border-color: color-mix(in srgb, var(--gcp-gold, #d99a1f) 65%, black);
  background: linear-gradient(180deg, color-mix(in srgb, var(--gcp-gold, #d99a1f) 90%, white), var(--gcp-gold, #d99a1f));
  color: white;
}

.gcitypartners-page-system .gcp-entry-card .gcp-opportunity-tab[aria-current="page"],
.gcitypartners-page-system .gcp-entry-card .gcp-opportunity-tab.is-recommended {
  outline: 3px solid color-mix(in srgb, var(--gcp-gold, #d99a1f) 24%, transparent);
  outline-offset: 2px;
}

.gcitypartners-page-system .gcp-entry-card__summary:focus-visible,
.gcitypartners-page-system .gcp-entry-card .gcp-btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--gcp-gold, #d99a1f) 58%, white);
  outline-offset: 3px;
}

.gcitypartners-page-system .gcp-lifecycle--entry {
  display: grid;
  gap: 20px;
}

.gcitypartners-page-system .gcp-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gcitypartners-page-system .gcp-process-step {
  min-height: 116px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 17px;
  border: 1px solid var(--gcp-line, rgba(24, 55, 96, .14));
  border-radius: 22px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 10px 28px rgba(20, 49, 82, .07);
}

.gcitypartners-page-system .gcp-process-step > span {
  color: var(--gcp-gold, #d99a1f);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
}

.gcitypartners-page-system .gcp-process-step > strong {
  color: var(--gcp-ink, #123767);
  font-size: 14px;
  line-height: 1.28;
}

.gcitypartners-page-system .gcp-process-step > small {
  color: var(--gcp-muted, rgba(18, 55, 103, .7));
  font-size: 10px;
  line-height: 1.35;
}

.gcitypartners-page-system .gcp-process-actions { margin-top: 0; }

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-proof-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-proof-card {
  min-height: 128px;
  display: grid;
  align-content: end;
  gap: 8px;
  padding: 20px;
  border-radius: 24px;
}
/* Screen 00: warm urban model home with one primary action. */
.gcitypartners-page-system[data-page-mode="gateway"] .gcp-gateway-screen {
  min-width: 0;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-gateway-screen--00 {
  align-content: center;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home {
  width: min(100%, 1180px);
  margin: 0 auto;
  display: grid;
  grid-template-columns:
    minmax(0, .92fr)
    minmax(380px, 1.08fr);
  grid-template-areas:
    "top top"
    "copy visual"
    "cta visual"
    "status visual"
    "paths paths";
  gap:
    clamp(14px, 1.8vw, 24px)
    clamp(24px, 4vw, 58px);
  align-items: center;
  padding: clamp(24px, 3vw, 38px);
  overflow: hidden;
  border:
    var(--border-width)
    solid
    color-mix(
      in srgb,
      var(--gcp-gold) 18%,
      var(--gcp-line)
    );
  border-radius: clamp(30px, 3.4vw, 48px);
  background:
    radial-gradient(
      circle at 77% 20%,
      color-mix(
        in srgb,
        var(--gcp-gold) 13%,
        transparent
      ),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      var(--white),
      color-mix(
        in srgb,
        var(--gcp-gold) 5%,
        var(--white)
      )
    );
  box-shadow:
    0 34px 90px
      color-mix(
        in srgb,
        var(--gcp-ink) 13%,
        transparent
      ),
    inset 0 var(--border-width) 0
      color-mix(
        in srgb,
        var(--white) 84%,
        transparent
      );
  isolation: isolate;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-topline {
  grid-area: top;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-location {
  min-height: var(--touch-target-min);
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding-inline: var(--space-md);
  border:
    var(--border-width)
    solid
    color-mix(
      in srgb,
      var(--gcp-line) 74%,
      transparent
    );
  border-radius: var(--radius-full);
  background: color-mix(
    in srgb,
    var(--white) 84%,
    transparent
  );
  color: var(--gcp-ink);
  box-shadow: var(--glg-cinematic-shadow-soft);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-location > span {
  color: var(--gcp-gold);
  font-size: 9px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-quick-actions {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-quick-link {
  min-height: var(--touch-target-min);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--space-sm);
  border: 0;
  border-radius: var(--radius-full);
  background: transparent;
  color: var(--gcp-muted);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-quick-link:hover {
  background: color-mix(
    in srgb,
    var(--gcp-gold) 8%,
    transparent
  );
  color: var(--gcp-ink);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-hero-copy {
  grid-area: copy;
  min-height: 0;
  max-width: 620px;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: var(--space-sm) 0 0;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-hero-title {
  max-width: 11ch;
  font-size: clamp(46px, 4.8vw, 74px);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-lead {
  max-width: 36ch;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.62;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-actions--community-home {
  grid-area: cta;
  align-self: end;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-btn--community-home {
  width: min(100%, 520px);
  min-height: 64px;
  justify-content: space-between;
  padding-inline: 26px;
  border-color: #202020;
  border-radius: var(--radius-full);
  background: #202020;
  color: var(--white);
  box-shadow:
    0 18px 36px
      color-mix(
        in srgb,
        #202020 28%,
        transparent
      ),
    inset 0 var(--border-width) 0
      color-mix(
        in srgb,
        var(--white) 14%,
        transparent
      );
  font-size: 17px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-btn--community-home:hover {
  border-color: #111;
  background: #111;
  color: var(--white);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-share-status {
  grid-area: status;
  min-height: 1em;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-pathways--gateway {
  grid-area: paths;
  width: 100%;
  margin: 0;
  padding: var(--space-lg) 0 0;
  overflow: visible;
  border: 0;
  border-top:
    var(--border-width)
    solid
    color-mix(
      in srgb,
      var(--gcp-line) 68%,
      transparent
    );
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-section-head--gateway {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: visible;
  padding: 0;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card,
.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card:nth-child(2) {
  position: relative;
  min-height: 126px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(0, 1fr);
  justify-items: center;
  align-content: start;
  gap: var(--space-xs);
  padding: 12px 16px;
  border: 0;
  border-right:
    var(--border-width)
    solid
    color-mix(
      in srgb,
      var(--gcp-line) 54%,
      transparent
    );
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card:last-child {
  border-right: 0;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card:hover {
  transform: translateY(-2px);
  background: color-mix(
    in srgb,
    var(--gcp-gold) 6%,
    transparent
  );
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-icon {
  width: 48px;
  height: 48px;
  align-self: center;
  border: 0;
  border-radius: var(--radius-lg);
  background: transparent;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 3px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy small {
  display: none;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy strong {
  margin: 0;
  color: var(--gcp-ink);
  font-size: 15px;
  line-height: 1.2;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy span {
  max-width: 22ch;
  margin: 0;
  color: var(--gcp-muted);
  font-size: 11px;
  line-height: 1.35;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-arrow {
  display: none;
}
@media (max-width: 1180px) {
  .gcitypartners-page-system .gcp-opportunity-tabs.gcp-entry-grid,
  .gcitypartners-page-system .gcp-entry-grid--scenes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home {
    grid-template-columns:
      minmax(0, .88fr)
      minmax(340px, 1.12fr);
    gap:
      var(--space-lg)
      clamp(var(--space-xl), 3vw, var(--space-3xl));
  }
}

@media (max-width: 760px) {
  .gcitypartners-page-system .gcp-opportunity-tabs.gcp-entry-grid,
  .gcitypartners-page-system .gcp-entry-grid--scenes,
  .gcitypartners-page-system .gcp-process-grid,
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-proof-grid {
    grid-template-columns: 1fr;
  }

  .gcitypartners-page-system .gcp-entry-card__summary {
    min-height: 96px;
    padding: 15px;
  }

  .gcitypartners-page-system .gcp-entry-card__body { padding: 0 15px 15px; }
  .gcitypartners-page-system .gcp-entry-card__actions { display: grid; grid-template-columns: 1fr; }
  .gcitypartners-page-system .gcp-entry-card__actions .gcp-btn { width: 100%; justify-content: center; }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-areas:
      "top"
      "copy"
      "visual"
      "cta"
      "status"
      "paths";
    gap: 14px;
    padding: 18px 14px 16px;
    border-radius: 32px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-topline {
    gap: var(--space-xs);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-location {
    min-height: 40px;
    padding-inline: var(--space-sm);
    font-size: 10px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-quick-link {
    min-height: 40px;
    padding-inline: 8px;
    font-size: 10px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-hero-copy {
    max-width: 100%;
    padding: 12px 4px 0;
    gap: 12px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-hero-title {
    max-width: 9.5ch;
    font-size: clamp(42px, 11.4vw, 58px);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-lead {
    max-width: 32ch;
    font-size: 15px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-actions--community-home {
    width: 100%;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-btn--community-home {
    width: 100%;
    min-height: 62px;
    padding-inline: 22px;
    font-size: 16px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-pathways--gateway {
    padding-top: 14px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card,
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card:nth-child(2) {
    min-height: 112px;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    justify-items: center;
    gap: 5px;
    padding: 10px 5px;
    border-radius: 0;
    scroll-snap-align: none;
    text-align: center;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-icon {
    width: 44px;
    height: 44px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy strong {
    font-size: 13px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy span {
    display: -webkit-box;
    overflow: hidden;
    font-size: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

@media (max-width: 390px) {
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home {
    padding-inline: 10px;
    border-radius: 28px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home .gcp-hero-title {
    font-size: clamp(38px, 11vw, 48px);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card,
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-path-card:nth-child(2) {
    padding-inline: 2px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-path-grid--gateway .gcp-card-copy span {
    font-size: 9px;
  }
}
/* Screen 00 signature visual: warm GLG urban building model. */
.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual {
  grid-area: visual;
  position: relative;
  min-height: clamp(450px, 42vw, 530px);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual::before {
  position: absolute;
  z-index: 0;
  right: 7%;
  bottom: 68px;
  left: 7%;
  height: 28%;
  border-radius: 50%;
  background:
    radial-gradient(
      ellipse at center,
      color-mix(
        in srgb,
        var(--gcp-gold) 17%,
        transparent
      ),
      color-mix(
        in srgb,
        var(--gcp-cyan) 8%,
        transparent
      ) 44%,
      transparent 72%
    );
  filter: blur(14px);
  opacity: .9;
  content: "";
  pointer-events: none;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual::after {
  position: absolute;
  z-index: 0;
  top: 18%;
  right: 5%;
  width: 116px;
  height: 72px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 34% 50%,
      color-mix(
        in srgb,
        var(--white) 84%,
        transparent
      ) 0 28%,
      transparent 29%
    ),
    radial-gradient(
      circle at 58% 38%,
      color-mix(
        in srgb,
        var(--white) 76%,
        transparent
      ) 0 32%,
      transparent 33%
    ),
    radial-gradient(
      circle at 72% 58%,
      color-mix(
        in srgb,
        var(--white) 80%,
        transparent
      ) 0 26%,
      transparent 27%
    );
  filter: blur(1px);
  opacity: .58;
  content: "";
  pointer-events: none;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__canvas {
  position: absolute;
  z-index: 2;
  inset: 0;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__building {
  position: absolute;
  z-index: 2;
  bottom: 76px;
  left: 50%;
  width: min(92%, 520px);
  display: block;
  transform: translateX(-50%);
  pointer-events: none;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__building img {
  width: 100%;
  height: auto;
  display: block;
  filter:
    drop-shadow(
      0 24px 34px
      color-mix(
        in srgb,
        var(--gcp-ink) 19%,
        transparent
      )
    );
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-card {
  position: absolute;
  z-index: 4;
  top: 38px;
  right: 0;
  width: min(76%, 300px);
  min-height: 78px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 13px 16px;
  border:
    var(--border-width)
    solid
    color-mix(
      in srgb,
      var(--gcp-gold) 16%,
      var(--gcp-line)
    );
  border-radius: 22px;
  background: color-mix(
    in srgb,
    var(--white) 94%,
    transparent
  );
  box-shadow:
    0 18px 40px
      color-mix(
        in srgb,
        var(--gcp-ink) 13%,
        transparent
      ),
    inset 0 var(--border-width) 0
      color-mix(
        in srgb,
        var(--white) 84%,
        transparent
      );
  -webkit-backdrop-filter: var(--glg-cinematic-blur);
  backdrop-filter: var(--glg-cinematic-blur);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-full);
  background:
    radial-gradient(
      circle,
      color-mix(
        in srgb,
        var(--gcp-gold) 30%,
        var(--white)
      ),
      color-mix(
        in srgb,
        var(--gcp-gold) 10%,
        var(--white)
      )
    );
  color: var(--gcp-gold);
  font-size: 18px;
  font-weight: var(--font-weight-extrabold);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-copy strong {
  color: var(--gcp-ink);
  font-size: 14px;
  line-height: 1.2;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-copy small {
  color: var(--gcp-muted);
  font-size: 10px;
  line-height: 1.35;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-strip {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 8px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-marks {
  display: flex;
  align-items: center;
  padding-left: 8px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  margin-left: -8px;
  border:
    2px
    solid
    color-mix(
      in srgb,
      var(--white) 88%,
      transparent
    );
  border-radius: var(--radius-full);
  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--gcp-gold) 20%,
        var(--white)
      ),
      color-mix(
        in srgb,
        var(--gcp-cyan) 14%,
        var(--white)
      )
    );
  color: var(--gcp-ink);
  box-shadow: var(--glg-cinematic-shadow-soft);
  font-size: 10px;
  font-weight: var(--font-weight-extrabold);
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-copy {
  display: grid;
  gap: 2px;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-copy strong {
  color: var(--gcp-ink);
  font-size: 12px;
  line-height: 1.2;
}

.gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-copy small {
  color: var(--gcp-muted);
  font-size: 10px;
  line-height: 1.3;
}

@media (max-width: 900px) {
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home {
    grid-template-columns: 1fr;
    grid-template-areas:
      "top"
      "copy"
      "visual"
      "cta"
      "status"
      "paths";
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual {
    min-height: clamp(420px, 78vw, 530px);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__building {
    width: min(72vw, 500px);
  }
}

@media (max-width: 760px) {
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual {
    min-height: clamp(400px, 112vw, 480px);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__building {
    bottom: 88px;
    width: min(92vw, 430px);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-card {
    top: 8px;
    right: 0;
    width: min(78%, 276px);
    min-height: 70px;
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 10px 13px;
    border-radius: 19px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-icon {
    width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-strip {
    gap: 9px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-mark {
    width: 30px;
    height: 30px;
    font-size: 9px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-copy small {
    max-width: 25ch;
  }
}

@media (max-width: 430px) {
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual {
    min-height: 382px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__building {
    bottom: 84px;
    width: min(96vw, 390px);
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__status-card {
    width: min(82%, 252px);
    transform: scale(.92);
    transform-origin: top right;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-mark {
    width: 28px;
    height: 28px;
  }

  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero-visual__capability-copy small {
    max-width: 20ch;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home,
  .gcitypartners-page-system[data-page-mode="gateway"] .gcp-hero--community-home * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}