/* Fixed scroll cue on the home hero */
.orby-marketing-scroll-cue {
  --orby-scroll-cue-wide-factor: clamp(
    0.88,
    calc(0.88 + 0.12 * (100vw - 120rem) / 40rem),
    1
  );
  --orby-scroll-cue-label-size: calc(18px * var(--orby-scroll-cue-wide-factor));
  --orby-scroll-cue-gap: calc(18px * var(--orby-scroll-cue-wide-factor));
  --orby-scroll-cue-drop: calc(5px * var(--orby-scroll-cue-wide-factor));
  --orby-scroll-cue-lift: calc(12px * var(--orby-scroll-cue-wide-factor));
  position: fixed;
  left: 50%;
  bottom: calc(max(1.25rem, env(safe-area-inset-bottom)) + var(--orby-scroll-cue-lift));
  z-index: 12;
  transform: translateX(-50%);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--orby-scroll-cue-gap);
  padding: 0.5rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.14s ease-out;
}

.orby-marketing-scroll-cue__label {
  font-family: var(--brand-font-mattone-regular, 'Mattone Regular', 'Cal Sans', 'Geist', system-ui,
    -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  font-size: var(--orby-scroll-cue-label-size);
  font-weight: 400;
  line-height: 1;
  color: var(--brand-primary, #c4ff00);
  transition: color 0.2s ease;
}

.orby-marketing-scroll-cue--hidden {
  pointer-events: none;
}

.orby-marketing-scroll-cue:focus-visible {
  outline: none;
}

.orby-marketing-scroll-cue__icon {
  display: block;
  width: calc(16px * var(--orby-scroll-cue-wide-factor));
  aspect-ratio: 86.6 / 75;
  background-color: var(--brand-primary, #c4ff00);
  -webkit-mask-image: url('../../assets/marketing/arrow-down.svg');
  mask-image: url('../../assets/marketing/arrow-down.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  animation: orbyMarketingScrollCueDrop 1.35s ease-out infinite;
  transition:
    background-color 0.2s ease,
    filter 0.2s ease;
}

.orby-marketing-scroll-cue:hover .orby-marketing-scroll-cue__label,
.orby-marketing-scroll-cue:focus-visible .orby-marketing-scroll-cue__label {
  color: #fff;
}

.orby-marketing-scroll-cue:hover .orby-marketing-scroll-cue__icon,
.orby-marketing-scroll-cue:focus-visible .orby-marketing-scroll-cue__icon {
  background-color: #fff;
  animation-play-state: paused;
  filter:
    drop-shadow(0 0 3px var(--brand-primary, #c4ff00))
    drop-shadow(0 0 10px color-mix(in srgb, var(--brand-primary, #c4ff00) 62%, transparent));
}

@keyframes orbyMarketingScrollCueDrop {
  0% {
    transform: translateY(0);
  }
  72% {
    transform: translateY(var(--orby-scroll-cue-drop, 5px));
  }
  73%,
  100% {
    transform: translateY(0);
  }
}

html:not(.orby-home-scroll) .orby-marketing-scroll-cue,
.orby-marketing-scroll-cue[hidden] {
  display: none !important;
}

html.orby-scroll-cue-faded .orby-marketing-scroll-cue {
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1100px) {
  .orby-marketing__intro-stage,
  .orby-marketing__section--cta,
  .orby-marketing__cta-stage {
    --orby-intro-edge-inset: clamp(0.25rem, 10vw, 3rem);
    --orby-intro-right-nudge: clamp(60px, 16vw, 200px);
    --orby-intro-left-nudge: clamp(60px, 16vw, 200px);
    --orby-intro-scale-left: min(1, calc(78dvh / 1041));
    --orby-intro-scale-right: min(1, calc(78dvh / 1225));
  }
}

@media (max-width: 768px) {
  .orby-marketing__section--intro-turntable .orby-marketing__intro-center {
    max-width: 100%;
  }

  .orby-marketing-scroll-cue {
    display: none !important;
  }

  .orby-marketing__title--intro {
    font-size: clamp(
      var(--orby-mega-headline-min),
      calc(12vw * var(--orby-marketing-mega-scale)),
      calc(4.5rem * var(--orby-marketing-mega-scale))
    );
  }

  .orby-marketing__intro-stage,
  .orby-marketing__section--cta,
  .orby-marketing__cta-stage {
    --orby-intro-edge-inset: clamp(0px, 6vw, 1.5rem);
    --orby-intro-scale-left: min(1, calc(70dvh / 1041));
    --orby-intro-scale-right: min(1, calc(70dvh / 1225));
    --orby-cta-asset-max-h: min(72dvh, 900px);
  }
}

@media (max-width: 520px) {
  .orby-marketing__intro-stage,
  .orby-marketing__section--cta > .orby-marketing__intro-asset--left,
  .orby-marketing__cta-stage {
    display: none;
  }

  .orby-marketing__section--intro-turntable .orby-marketing__intro-stage {
    display: block;
  }
}

@media (min-width: 2561px) {
  .orby-marketing-scroll-cue {
    --orby-scroll-cue-wide-factor: var(--orby-ultra-wide-factor, 1);
  }
}

@media (min-width: 1100px) {
  .orby-marketing__footer-meta-copy {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

@media (max-width: 720px) {
  .orby-marketing__footer-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    min-height: 0;
    padding: 0 var(--orby-footer-edge-x, 1.5rem);
  }

  .orby-marketing__footer-brand,
  .orby-marketing__footer-social {
    position: static;
  }

  .orby-marketing__footer-brand {
    max-width: min(42vw, calc(120px * var(--drop-hero-wide-factor, 1)));
  }

  .orby-marketing__footer-meta-copy {
    min-height: 0;
    padding: 0;
  }

  .orby-marketing__footer-social {
    align-self: flex-end;
  }
}