/* Urbanape static site overrides */

html {
  scroll-behavior: auto;
}

/* Offset fixed nav when jumping to section anchors */
[fg-show-menu="true"],
#Concepts,
#Branding,
#Visualisation,
#Motion,
#AI,
#Intro,
#Contact,
#top {
  scroll-margin-top: 5.5rem;
}

/* Hide Webflow branding badge injected by their runtime script */
.w-webflow-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Infinite logo marquee */
.fg-marquee_component {
  overflow: hidden;
  width: 100%;
}

.fg-marquee_component .fg-marquee_track {
  display: flex;
  width: max-content;
  animation: ua-marquee 40s linear infinite;
}

.fg-marquee_component .fg-marquee_track:hover {
  animation-play-state: paused;
}

@keyframes ua-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Hero video: 80% viewport height */
.background-video-2 {
  height: 80vh !important;
  min-height: 80vh;
  max-height: 80vh;
  width: 100%;
}

.background-video-2 video {
  object-fit: cover;
}

/* Image sliders use Webflow JS */
.slider .w-slider-nav {
  display: none;
}

/* Nav links: white default, brand yellow on hover */
.fg-nav_item,
.fg-nav_item._5 {
  color: #fff !important;
  -webkit-text-stroke-color: #fff;
  transition: color 0.15s ease;
}

.fg-nav_item:hover,
.fg-nav_item._5:hover {
  color: var(--_colors---color--brand, #e8ff00) !important;
  -webkit-text-stroke-color: var(--_colors---color--brand, #e8ff00);
}

.fg-nav_item.w--current,
.fg-nav_item.w--current:hover {
  color: var(--_colors---color--brand, #e8ff00) !important;
  -webkit-text-stroke-color: var(--_colors---color--brand, #e8ff00);
}

/* Mobile nav overlay */
@media screen and (max-width: 991px) {
  .fg-nav_row.is-primary.w--nav-menu-open {
    display: flex;
  }
}

/* Mobile layout: single-column grids + smaller type */
@media screen and (max-width: 991px) {
  .fg-image_component,
  .fg-image_component[class*="w-variant-"],
  .fg-image_component._2-column-4,
  .fg-image_component._3-column-4,
  .fg-image_component._2-column-11,
  .fg-image_component._3-column-11 {
    flex-flow: column !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .fg-image_1,
  .fg-image_2,
  .fg-image_3,
  .fg-image_1[class*="_2-column"],
  .fg-image_1[class*="_3-column"],
  .fg-image_2[class*="_2-column"],
  .fg-image_2[class*="_3-column"],
  .fg-image_3[class*="_2-column"],
  .fg-image_3[class*="_3-column"],
  .fg-image_2[class*="w-variant-"],
  .fg-image_3[class*="w-variant-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .fg-image_wrapper,
  .fg-image_inner-wrapper {
    width: 100% !important;
  }

  .fg-text_component {
    flex-flow: column !important;
    align-items: flex-start !important;
  }

  .fg-text_title,
  .fg-text_paragraph,
  .fg-text_paragraph-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
  }

  .fg-font_component {
    flex-flow: column !important;
    display: flex !important;
    grid-template-columns: 1fr !important;
  }

  .fg-color_component {
    flex-flow: column !important;
    display: flex !important;
    grid-template-columns: 1fr !important;
  }

  .fg-color_1,
  .fg-color_2,
  .fg-color_3,
  .fg-color_4 {
    width: 100% !important;
  }

  .fg-file_component {
    flex-flow: column !important;
    display: flex !important;
    grid-template-columns: 1fr !important;
  }

  .container,
  .div-block-2 {
    flex-flow: column !important;
    height: auto !important;
  }

  .fg-title_heading.fg-heading-regular {
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
  }

  .fg-heading-regular,
  .fg-statement_text.fg-heading-regular {
    font-size: 1.95rem !important;
    line-height: 1.15 !important;
  }

  .fg-heading-large,
  .fg-title-page_heading.fg-heading-large {
    font-size: 2.5rem !important;
  }

  .fg-text-large {
    font-size: 1.15rem !important;
  }

  .fg-text-medium {
    font-size: 1.1rem !important;
  }

  .fg-text-regular,
  .fg-text_paragraph.fg-text-regular,
  .fg-text_paragraph.fg-text-regular p,
  .fg-text_title.fg-text-regular p {
    font-size: 0.95rem !important;
  }

  .fg-heading-small,
  .fg-caption_title.fg-heading-small {
    font-size: 1.1rem !important;
  }

  .fg-caption_text.fg-text-regular {
    font-size: 0.875rem !important;
  }

  .filled-heading,
  .outline-heading {
    font-size: 3.75rem !important;
  }

  .fg-section_title {
    padding-top: 2.75rem !important;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --global-padding-mobile: 1rem;
  }

  .fg-title_heading.fg-heading-regular {
    font-size: 1.85rem !important;
  }

  .fg-title_heading.fg-heading-regular:where(.w-variant-a9e5bb5e-52fb-31ed-490c-ca6ad7c35492),
  .fg-title_heading.fg-heading-regular:where(.w-variant-c0c31962-a92f-dadc-12d1-9d63b638276b) {
    font-size: 1.35rem !important;
  }

  .fg-heading-regular,
  .fg-statement_text.fg-heading-regular {
    font-size: 1.65rem !important;
  }

  .fg-heading-large,
  .fg-title-page_heading.fg-heading-large {
    font-size: 2.1rem !important;
  }

  .fg-text-regular,
  .fg-text_paragraph.fg-text-regular p,
  .fg-text_title.fg-text-regular p {
    font-size: 0.9rem !important;
  }

  .fg-text_title.fg-text-regular h5,
  .fg-text_paragraph.fg-text-regular h5 {
    font-size: 1.1rem !important;
  }

  .filled-heading,
  .outline-heading {
    font-size: 3rem !important;
  }

  .fg-marquee_item {
    width: 14rem !important;
  }

  .odometer-numbers {
    font-size: 2.75rem !important;
  }
}

@media screen and (max-width: 479px) {
  .fg-title_heading.fg-heading-regular {
    font-size: 1.6rem !important;
  }

  .fg-title_heading.fg-heading-regular:where(.w-variant-a9e5bb5e-52fb-31ed-490c-ca6ad7c35492),
  .fg-title_heading.fg-heading-regular:where(.w-variant-c0c31962-a92f-dadc-12d1-9d63b638276b) {
    font-size: 1.25rem !important;
  }

  .fg-heading-regular,
  .fg-statement_text.fg-heading-regular {
    font-size: 1.45rem !important;
  }

  .fg-heading-large,
  .fg-title-page_heading.fg-heading-large {
    font-size: 1.85rem !important;
  }

  .fg-text-regular,
  .fg-text_paragraph.fg-text-regular p,
  .fg-text_title.fg-text-regular p {
    font-size: 0.85rem !important;
  }

  .fg-caption_text.fg-text-regular {
    font-size: 0.8rem !important;
  }

  .fg-heading-small,
  .fg-caption_title.fg-heading-small {
    font-size: 1rem !important;
  }

  .filled-heading,
  .outline-heading {
    font-size: 2.25rem !important;
  }

  .fg-marquee_item {
    width: 10.5rem !important;
  }

  .fg-section_title {
    padding-top: 2rem !important;
  }

  .fg-spacer:where(.w-variant-d87e828f-81ec-4032-6aef-c57941efd6b2) {
    height: 4rem !important;
  }
}