/* Hero scene 1: one portrait layer and one orbital treatment for every viewport. */
.public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v3-founder-frame,
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v3-founder-frame {
  --hero1-orbit-size: min(48vw, 700px);
  --hero1-orbit-x: 50%;
  --hero1-orbit-y: 48%;
  --hero1-disc-size: min(36vw, 520px);
  --hero1-disc-x: 59%;
  --hero1-disc-y: 51%;
  isolation: isolate;
  overflow: hidden;
  filter: none;
}

.public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v3-founder-frame::before,
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v3-founder-frame::before {
  content: "";
  position: absolute;
  inset: auto;
  top: var(--hero1-orbit-y);
  left: var(--hero1-orbit-x);
  width: var(--hero1-orbit-size);
  height: var(--hero1-orbit-size);
  z-index: 0;
  border: 1px solid rgba(104, 222, 193, .62);
  border-radius: 50%;
  background:
    radial-gradient(ellipse 20px 1px at 12% 30%, rgba(245, 255, 252, .95), transparent 72%),
    radial-gradient(ellipse 1px 20px at 12% 30%, rgba(245, 255, 252, .88), transparent 72%),
    radial-gradient(circle at 12% 30%, #f5fffc 0 1px, rgba(137, 239, 212, .94) 2px, transparent 4px),
    radial-gradient(circle at 12% 30%, rgba(109, 231, 199, .52), transparent 15px),
    radial-gradient(circle at 50% 50%, transparent 0 72%, rgba(98, 212, 183, .12) 72.4%, transparent 73%),
    radial-gradient(circle at 52% 46%, rgba(88, 207, 176, .09), rgba(13, 61, 51, .04) 55%, transparent 74%);
  box-shadow:
    inset 0 0 0 1px rgba(217, 255, 245, .035),
    inset 0 0 0 30px rgba(98, 212, 183, .018),
    0 0 34px rgba(65, 209, 170, .12);
  opacity: 1;
  filter: none;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v3-founder-frame::after,
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v3-founder-frame::after {
  content: "";
  position: absolute;
  inset: auto;
  top: var(--hero1-disc-y);
  left: var(--hero1-disc-x);
  width: var(--hero1-disc-size);
  height: var(--hero1-disc-size);
  z-index: 1;
  border: 1px solid rgba(136, 235, 209, .24);
  border-radius: 50%;
  background: radial-gradient(circle at 42% 35%, rgba(134, 239, 211, .32), rgba(43, 165, 134, .17) 45%, rgba(10, 61, 51, .10) 68%, transparent 78%);
  box-shadow: inset 0 0 34px rgba(158, 248, 224, .10), 0 0 34px rgba(43, 190, 151, .10);
  opacity: 1;
  filter: none;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v36-hero-image-founder,
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v36-hero-image-founder {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: 1;
  transform: none;
}

.public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v36-hero-image-founder > img,
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v36-hero-image-founder > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
  -webkit-mask-image: none;
  mask-image: none;
  clip-path: none;
  filter: saturate(.92) brightness(1.04) contrast(.98) drop-shadow(0 18px 26px rgba(0, 0, 0, .20));
  transform: scale(1.14);
  transform-origin: center bottom;
}

.public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v3-founder-light,
.public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v3-founder-light {
  position: absolute;
  inset: auto -8% 0;
  z-index: 3;
  display: block;
  height: 19%;
  border-radius: 0;
  background: linear-gradient(to bottom, transparent, rgba(11, 16, 15, .62) 72%, #0b100f 100%);
  pointer-events: none;
}

@media (min-width: 769px) {
  .public-site [data-founder-desktop-visible="0"] {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v3-founder-frame,
  .public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v3-founder-frame {
    --hero1-orbit-size: min(96vw, 360px);
    --hero1-orbit-x: 50%;
    --hero1-orbit-y: calc(100% - 278px);
    --hero1-disc-size: min(72vw, 282px);
    --hero1-disc-x: 59%;
    --hero1-disc-y: calc(100% - 236px);
  }

  .public-site [data-site-editor-section="hero_1"]:not([data-synced-hero-index]) .v36-hero-image-founder > img,
  .public-site [data-site-editor-section="hero_1"][data-synced-hero-index="0"] .v36-hero-image-founder > img {
    inset: auto auto calc(93px + env(safe-area-inset-bottom)) 50%;
    width: auto;
    height: min(430px, max(250px, calc(124.4dvh - 477px)));
    object-position: center bottom;
    filter: saturate(.94) brightness(1.14) contrast(.96) drop-shadow(0 18px 24px rgba(0, 0, 0, .20));
    transform: translateX(-50%);
  }

  .public-site [data-founder-mobile-visible="0"] {
    display: none !important;
  }
}