/* V3.8.6 local trial 4: original mask restoration and PC-only orbit spacing. */
.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-light {
  display: none !important;
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit {
  filter:
    drop-shadow(0 0 34px rgba(42, 193, 154, .19))
    drop-shadow(0 0 76px rgba(23, 151, 124, .11));
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit::before {
  content: "";
  position: absolute;
  inset: 10% 4% 8% 8%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle at 54% 50%, rgba(34, 192, 157, .17), rgba(16, 121, 102, .09) 42%, transparent 72%);
  filter: blur(22px);
  pointer-events: none;
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit-disc {
  background:
    radial-gradient(circle at 36% 30%, rgba(151, 246, 222, .52), rgba(78, 218, 181, .39) 24%, rgba(28, 164, 134, .31) 51%, rgba(7, 75, 63, .20) 72%, transparent 80%);
  box-shadow:
    inset 0 0 44px rgba(181, 255, 233, .15),
    0 0 68px rgba(42, 193, 154, .22),
    0 0 118px rgba(22, 139, 116, .13);
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit-flare {
  top: 25.1%;
  left: 6.5%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 4px rgba(255, 255, 255, .94),
    0 0 11px rgba(196, 255, 244, .92),
    0 0 22px rgba(72, 238, 207, .62);
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit-flare::before,
.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit-flare::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, transparent, rgba(244, 255, 253, .78), transparent);
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit-flare::before {
  width: 25px;
  height: 1px;
}

.public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v3-founder-orbit-flare::after {
  width: 1px;
  height: 25px;
  background: linear-gradient(180deg, transparent, rgba(244, 255, 253, .7), transparent);
}

@media (min-width: 769px) {
  .public-site [data-site-editor-section="hero_1"] .v3-hero-grid:has(.v3-founder-frame[data-v386-refinement="4"]) .v3-hero-copy {
    grid-row: 1;
  }

  .public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] {
    --hero1-final-orbit-size: min(43.65vw, 630px);
    --hero1-final-orbit-y: calc(47.5% + min(2.425vw, 35px));
    grid-column: 6 / -1;
    grid-row: 1;
    right: 0;
    width: auto;
    overflow: hidden;
  }

  .public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v36-hero-image-founder > img {
    inset: auto auto -1.5% 54% !important;
    width: auto !important;
    height: 101.5% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: saturate(.97) brightness(1.035) contrast(.985) drop-shadow(0 20px 28px rgba(0, 0, 0, .21)) !important;
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 768px) {
  .public-site [data-site-editor-section="hero_1"] .v3-founder-frame[data-v386-refinement="4"] .v36-hero-image-founder > img {
    inset: auto auto calc(91px + env(safe-area-inset-bottom)) 50% !important;
    width: auto !important;
    height: min(426px, 51dvh) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    filter: saturate(.98) brightness(1.075) contrast(.98) drop-shadow(0 15px 22px rgba(0, 0, 0, .18)) !important;
    transform: translateX(-50%) !important;
  }
}

/* Keep the approved founder visible only in scene 1. */
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index]:not([data-synced-hero-index="0"]) .v36-hero-image-founder {
  visibility: hidden !important;
  opacity: 0 !important;
}

.public-site [data-site-editor-section="hero_1"]:is(:not([data-synced-hero-index]), [data-synced-hero-index="0"]) .v36-hero-image-founder {
  visibility: visible !important;
  opacity: 1 !important;
}

.public-site [data-site-editor-section="hero_1"] .v36-hero-image-work:not(.is-active) {
  visibility: hidden !important;
  opacity: 0 !important;
}

.public-site [data-site-editor-section="hero_1"] .v36-hero-image-work.is-active {
  visibility: visible !important;
}

/* Keep copy inside its column and freeze the approved PC visual geometry. */
@media (min-width: 769px) {
  .public-site [data-site-editor-section="hero_1"] .v3-hero-copy {
    width: 100%;
    min-width: 0;
    max-width: min(700px, 43vw);
  }

  .public-site [data-site-editor-section="hero_1"] .v3-founder-frame {
    align-self: start;
    height: max(650px, calc(100svh - 156px));
    min-height: 650px;
    max-height: none;
  }

  .public-site [data-site-editor-section="hero_1"] .v35-title-stage:has(.v35-title-slide-1.is-active) {
    display: grid;
    height: auto;
    min-height: 230px;
  }

  .public-site [data-site-editor-section="hero_1"] .v35-title-slide-1.is-active {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    min-width: 0;
  }

  .public-site [data-site-editor-section="hero_1"] .v35-title-slide-1 .v35-title-line {
    width: auto;
    min-width: 0;
    max-width: 100%;
    white-space: pre-line;
    overflow-wrap: anywhere;
    word-break: keep-all;
  }
}

/* Keep the approved 16:9 scene-1 background scale stable when long copy increases hero height. */
@media (min-width: 769px) {
  .public-site [data-site-editor-section="hero_1"][data-site-editor-background="image"]:is(:not([data-synced-hero-index]), [data-synced-hero-index="0"]) {
    --hero1-fixed-bg-height: max(832px, calc((100vw - 15px) * 0.562799));
    background-position:
      center center,
      center center,
      center calc((832px - var(--hero1-fixed-bg-height)) / 2) !important;
    background-size:
      100% 100%,
      100% 100%,
      auto var(--hero1-fixed-bg-height) !important;
  }
}