/** Shopify CDN: Minification failed

Line 75:83 Expected ":"

**/
/* START_SECTION:rivo-hero-video (INDEX:37) */
/* Static rules only — no Liquid interpolation happens inside this tag. */
  #rivo-hero-video{padding: 0;}
  .rivo-hero-video { position: relative; overflow: clip; }
  /* Force the section's own wrapper chain to full width. Rivo's .rivo-content-wrapper
     is display:flex and .rivo-container/.rivo-lp-content can otherwise shrink-wrap to
     content (~content max-width), which caps the foreground grid item long before its
     own max-width applies. Scoped to .rivo-hero-video so it stays section-local. */
  .rivo-hero-video .rivo-content-wrapper,
  .rivo-hero-video .rivo-container,
  .rivo-hero-video .rivo-lp-content { width: 100%; max-width: none; }
  .rivo-hero-video .rivo-lp-content { position: relative; display: grid; grid-template-columns: 100%; }

  /* full-bleed wrappers */
  .rivo-hero-video .rivo-lp-media { position: absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); z-index:1; overflow:hidden; background:#000; }
  .rivo-hero-video .rivo-lp-video,
  .rivo-hero-video .rivo-lp-video-embed,
  .rivo-hero-video .rivo-lp-fallback-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .rivo-hero-video .rivo-lp-video-embed { border:0; }

  /* show desktop by default, swap at mobile breakpoint */
  .rivo-hero-video .rivo-lp-media-desktop { display:block; }
  .rivo-hero-video .rivo-lp-media-mobile  { display:none; }

  .rivo-hero-video .rivo-lp-overlay { position:absolute; inset:0; z-index:2; }

  /* DEFAULT (not full-width): media/overlay stay 100vw full-bleed; the FOREGROUND
     CONTENT is a flex column. CONTAINER WIDTH and HORIZONTAL PLACEMENT are owned
     entirely by the scoped inline <style> block (which reads the section settings)
     — they are deliberately NOT set here, because this compiled stylesheet asset
     loads after the inline block and would otherwise override the settings-driven
     values. Only structural, setting-independent properties live here. */
  .rivo-hero-video .rivo-lp-foreground {
    position: relative; z-index: 3;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding: 1.25rem 0rem;
    box-sizing: border-box;
  }
  .rivo-hero-video .rivo-lp-foreground-inner {
    display: flex;
    flex-direction: column;
    padding-bottom: 60px;
    gap: 20px;
  }

  /* Eyebrow position toggle.
     OFF (default): eyebrow flows directly above the title with no extra space —
     its own small bottom margin is the only gap. The whole block (eyebrow +
     content) is positioned together by justify-content/align-items, so this
     toggle does NOT affect the chosen vertical/horizontal position.
     ON: eyebrow is lifted out of the flow and pinned to the very top of the
     section. It's constrained to the same content column (centered, max-width) so
     it aligns with the page rather than the raw viewport edge. */
  .rivo-hero-video .rivo-lp-eyebrow-top .rivo-lp-eyebrow {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--rivo-page-max-width, 960px);
    margin: 0;
    padding: 1.5rem 1.25rem 0;
    text-align: inherit;
    box-sizing: border-box;
    font-family: 'GraphikLCG-Medium', sans-serif;
    letter-spacing: 3.6px;
  }
  .rivo-hero-video .rivo-lp-eyebrow { text-transform:uppercase; margin:0 0 .5rem; o}
  .rivo-hero-video .rivo-lp-title { margin:0 0 .5rem; line-height:1.05; }
  .rivo-hero-video .rivo-lp-subtitle { margin: 0px; }
  .rivo-hero-video .rivo-lp-buttons { display:flex; width:fit-content; max-width:100%; gap:1.5rem; flex-wrap:wrap; align-items:center; }
  .rivo-hero-video .rivo-lp-login { display:inline-flex; gap:.5rem; align-items:center; }

  @media (max-width: 749px) {
    .rivo-hero-video .rivo-lp-media-desktop { display:none !important; }
    .rivo-hero-video .rivo-lp-media-mobile  { display:block !important; }
    .rivo-hero-video .rivo-lp-foreground {
      padding: 3rem 1.25rem;
    }
    .rivo-hero-video .rivo-lp-foreground-inner {
      max-width: 100%;
    }
  }
/* END_SECTION:rivo-hero-video */