[data-barba-namespace="projects"] {
  background: #050505;
  isolation: isolate;
}

[data-barba-namespace="projects"] .tribal-projects-pageflow {
  position: relative;
  isolation: isolate;
  overflow: visible;
  background: transparent;
}

[data-barba-namespace="projects"] .tribal-projects-pageflow > * {
  position: relative;
  z-index: 4;
}

.tribal-projects-home-hero,
.reel.tribal-projects-reel,
[data-barba-namespace="projects"] main.section {
  background: #050505;
  color: #efeeec;
}

.reel.tribal-projects-reel {
  background: transparent;
  color: #131313;
}

.tribal-projects-home-hero,
.tribal-projects-reel {
  position: relative;
  overflow: visible;
}

.tribal-projects-home-hero {
  background: transparent;
}

.tribal-projects-home-hero {
  z-index: 4;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 80vh;
  max-height: 80vh;
  padding-bottom: 0;
}

.tribal-projects-reel {
  z-index: 4;
  padding-top: calc(var(--padding-xl) + 2.5em);
  padding-bottom: calc(var(--padding-xl) + 2.5em);
}

.tribal-projects-home-hero [data-wf--padding-hero--variant="nav-large"].padding-hero {
  height: calc(var(--nav-bar-height) + max(6.666em, 20svh));
}

.tribal-projects-home-hero [data-wf--padding-hero--variant="nav-medium"].padding-hero {
  height: calc(var(--nav-bar-height) + max(5em, 15svh));
}

.tribal-projects-home-hero [data-wf--padding-hero--variant="nav"].padding-hero {
  height: var(--nav-bar-height);
}

.tribal-projects-home-hero .container.is--md-m {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

.tribal-projects-reel .container.is--m {
  color: rgb(239, 238, 236);
  font-family: "PP Neue Montreal", Arial, sans-serif;
  font-size: 21.3333px;
  font-weight: 500;
  line-height: 21.3333px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding-right: var(--container-padding);
  padding-left: var(--container-padding);
  max-width: var(--size-container);
  width: 100%;
  margin: 8em auto 0;
}

.tribal-projects-home-hero .home-hero__bg,
.tribal-projects-reel .reel__bg {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: -1;
}

.tribal-projects-home-hero .home-hero__bg-line,
.tribal-projects-reel .reel__bg-line {
  width: 1px;
  height: 100%;
  background: rgba(239, 238, 236, 0.09);
}

.tribal-projects-home-hero .home-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: max(1.5em, 4.5svh);
}

.tribal-projects-home-hero .home-hero__title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-l);
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  padding-left: 0.5rem;
  position: relative;
  flex-wrap: wrap;
}

.tribal-projects-home-hero .home-hero__title-row h1.h-xl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  flex-wrap: wrap;
}

.tribal-projects-home-hero .h-xl {
  margin: 0;
  color: #efeeec;
  font-family: Haffer XH, Arial, sans-serif;
  font-size: 7em;
  line-height: 1;
  letter-spacing: -0.06em;
  font-weight: 400;
}

.tribal-projects-home-hero .home-hero__top-logo {
  width: 5rem;
  height: auto;
  color: #ff7224;
  flex: none;
}

.tribal-projects-home-hero .home-hero__description-row {
  width: 100%;
  max-width: 33em;
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
  background-image: linear-gradient(180deg, transparent, rgba(239, 238, 236, 0.08) 20%, rgba(239, 238, 236, 0.08) 80%, transparent);
}

.tribal-projects-home-hero .home-hero__description-p {
  margin: 0;
  font-family: Haffer VF, Arial, sans-serif;
  font-variation-settings: "wght" 430;
  font-size: 1.375em;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: rgba(239, 238, 236, 0.84);
}

.tribal-projects-home-hero[data-projects-osmo-hero-ready] .home-hero__description-p {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.tribal-projects-home-hero:not([data-projects-osmo-hero-ready]) .home-hero__title-row,
.tribal-projects-home-hero:not([data-projects-osmo-hero-ready]) .home-hero__description-row,
.tribal-projects-home-hero:not([data-projects-osmo-hero-ready]) .home-hero__marquee-row,
.tribal-projects-home-hero:not([data-projects-osmo-hero-ready]) .home-hero__top-logo {
  opacity: 0 !important;
  visibility: hidden !important;
}

.tribal-projects-home-hero[data-projects-osmo-hero-ready] .home-hero__title-row,
.tribal-projects-home-hero[data-projects-osmo-hero-ready] .home-hero__description-row,
.tribal-projects-home-hero[data-projects-osmo-hero-ready] .home-hero__marquee-row,
.tribal-projects-home-hero[data-projects-osmo-hero-ready] .home-hero__top-logo {
  transition: opacity 0.7s cubic-bezier(0.625, 0.05, 0, 1) 0.05s,
              visibility 0.7s cubic-bezier(0.625, 0.05, 0, 1) 0.05s;
}

/* Reserve the title row's vertical space even while hidden so the marquee
   doesn't jump up into the title area when the gate flips. The h-xl is
   font-size:7em with line-height:1, so allocate ~1em of leading height
   plus the negative top/bottom margins already on the row. */
.tribal-projects-home-hero .home-hero__title-row {
  min-height: 7em;
}

/* Same reservation for the description row — padding alone leaves room for
   only the padding, not the wrapped lines. 33em max-width / ~1.375em font
   size leaves ~3 lines of copy; reserve 5em so we never re-flow when the
   text reveals. */
.tribal-projects-home-hero .home-hero__description-row {
  min-height: 5em;
}

.tribal-projects-home-hero .home-hero__description-highlight {
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 0.125em 0.35em 0.1875em;
  border-radius: 0.1875em;
  background: rgba(239, 238, 236, 0.12);
  color: #efeeec;
}

.tribal-projects-home-hero .home-hero__description-highlight.is--round {
  border-radius: 999px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.tribal-projects-home-hero .home-hero__marquee-row {
  aspect-ratio: 5;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  pointer-events: none;
}

.tribal-projects-home-hero .radial-marquee {
  justify-content: center;
  align-items: flex-start;
  width: 144em;
  display: flex;
  position: absolute;
  font-size: 1em;
}

.tribal-projects-home-hero .radial-marquee::before {
  content: "";
  position: absolute;
  left: -6%;
  top: -8%;
  width: 62%;
  aspect-ratio: 1;
  transform: translate3d(0, 0, 0);
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 30%, rgba(255, 247, 236, 0.14) 0%, rgba(255, 247, 236, 0) 22%),
    radial-gradient(circle at 68% 54%, rgba(255, 176, 118, 0.18) 0%, rgba(255, 176, 118, 0) 18%),
    linear-gradient(135deg, rgba(255, 205, 146, 0.52) 18%, rgba(255, 150, 79, 0.5) 46%, rgba(245, 95, 10, 0.46) 76%);
  filter: blur(78px) blur(78px) saturate(106%);
  opacity: .34;
  contain: paint;
  backface-visibility: hidden;
  will-change: transform, opacity, filter;
  animation: tribal-projects-glow-orbit-primary 44s linear infinite;
}

.tribal-projects-home-hero .radial-marquee::after {
  content: "";
  position: absolute;
  left: 40%;
  top: -4%;
  width: 48%;
  aspect-ratio: 1;
  transform: translate3d(0, 0, 0);
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 34%, rgba(255, 245, 232, 0.1) 0%, rgba(255, 245, 232, 0) 20%),
    radial-gradient(circle at 70% 66%, rgba(255, 198, 152, 0.12) 0%, rgba(255, 198, 152, 0) 16%),
    linear-gradient(248deg, rgba(255, 188, 132, 0.34) 12%, rgba(255, 136, 58, 0.3) 52%, rgba(240, 108, 28, 0.26) 100%);
  filter: blur(86px) blur(86px) saturate(104%);
  opacity: .2;
  contain: paint;
  backface-visibility: hidden;
  will-change: transform, opacity, filter;
  animation: tribal-projects-glow-orbit-secondary 56s linear infinite;
}

.tribal-projects-home-hero .radial-marquee__collection,
.tribal-projects-home-hero .radial-marquee__list {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tribal-projects-home-hero .radial-marquee__before {
  display: block;
  width: 100%;
  padding-top: 50%;
}

.tribal-projects-home-hero .svg-img.is--radial-marquee {
  aspect-ratio: 2120 / 1060.31;
  width: 90%;
  height: auto;
  position: absolute;
  bottom: 0;
}

.tribal-projects-home-hero .radial-marquee__half-circle {
  position: absolute;
  width: 100%;
  aspect-ratio: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 75%, #0000 100%);
  mask-image: linear-gradient(#000 75%, #0000 100%);
}

.tribal-projects-home-hero .radial-marquee__circle {
  position: absolute;
  top: 0;
  width: 100%;
  aspect-ratio: 1;
  transform: rotate(-90deg);
  will-change: transform;
}

.tribal-projects-home-hero [data-radial-marquee-rotate] {
  animation: tribalProjectsRotateMarquee 90s linear infinite;
  transform-origin: center center;
  animation-play-state: paused;
  will-change: transform;
}

.tribal-projects-home-hero .radial-marquee__item {
  --y: 500%;
  --y-circ: calc((var(--y) * -1) + 50%);
  position: absolute;
  flex: none;
  width: 18.125em;
  transform-origin: center var(--y);
}

.tribal-projects-home-hero .radial-marquee__item:nth-child(1)  { transform: translateY(var(--y-circ)) rotate(0deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(2)  { transform: translateY(var(--y-circ)) rotate(20deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(3)  { transform: translateY(var(--y-circ)) rotate(40deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(4)  { transform: translateY(var(--y-circ)) rotate(60deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(5)  { transform: translateY(var(--y-circ)) rotate(80deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(6)  { transform: translateY(var(--y-circ)) rotate(100deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(7)  { transform: translateY(var(--y-circ)) rotate(120deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(8)  { transform: translateY(var(--y-circ)) rotate(140deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(9)  { transform: translateY(var(--y-circ)) rotate(160deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(10) { transform: translateY(var(--y-circ)) rotate(180deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(11) { transform: translateY(var(--y-circ)) rotate(200deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(12) { transform: translateY(var(--y-circ)) rotate(220deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(13) { transform: translateY(var(--y-circ)) rotate(240deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(14) { transform: translateY(var(--y-circ)) rotate(260deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(15) { transform: translateY(var(--y-circ)) rotate(280deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(16) { transform: translateY(var(--y-circ)) rotate(300deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(17) { transform: translateY(var(--y-circ)) rotate(320deg); }
.tribal-projects-home-hero .radial-marquee__item:nth-child(18) { transform: translateY(var(--y-circ)) rotate(340deg); }

.tribal-projects-home-hero .radial-marquee__card {
  width: 100%;
  position: relative;
}

.tribal-projects-home-hero .radial-marquee__card-inner {
  display: flex;
  flex-direction: column;
  padding-top: 0.375em;
  padding-left: 0.375em;
  padding-right: 0.375em;
  color: #efeeec;
  background: #171717;
  border-radius: 0.3125em;
}

.tribal-projects-home-hero .radial-marquee__card-visual {
  position: relative;
  overflow: hidden;
  border-radius: 0.1875em;
  background: #0a0a0a;
}

.tribal-projects-home-hero .resource-visual__before {
  display: block;
  padding-top: 62.5%;
}

.tribal-projects-home-hero .resource-card__img,
.tribal-projects-home-hero .resource-card__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tribal-projects-home-hero .radial-marquee__card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  padding: 1em 1em 1em 0.75em;
}

.tribal-projects-home-hero .radial-marquee__card-p {
  width: 100%;
  margin: 0;
  color: rgba(239, 238, 236, 0.9);
  font-size: 0.8125em;
  line-height: 1.2;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  min-height: 1.2em;
}

.tribal-projects-home-hero [data-video-lazy][data-video-status] {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.625, 0.05, 0, 1), visibility 0.5s cubic-bezier(0.625, 0.05, 0, 1);
}

.tribal-projects-home-hero [data-video-lazy][data-video-status="loaded"] {
  opacity: 1;
  visibility: visible;
}

.tribal-projects-reel .reel__title {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 48em;
  margin: 0 auto 6.25em;
  text-align: center;
}

.tribal-projects-reel .h-m.is--long {
  margin: 0;
}

[data-barba-namespace="projects"] main.section {
  padding-top: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

@keyframes tribalProjectsRotateMarquee {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

@keyframes tribal-projects-glow-orbit-primary {
  0% {
    opacity: .3;
    transform: translate3d(0%, 52%, 0) rotate(0deg) scale(.96);
  }

  10% {
    opacity: .38;
    transform: translate3d(16%, 18%, 0) rotate(36deg) scale(1);
  }

  20% {
    opacity: .42;
    transform: translate3d(36%, 6%, 0) rotate(72deg) scale(1.04);
  }

  30% {
    opacity: .4;
    transform: translate3d(52%, 26%, 0) rotate(108deg) scale(1.08);
  }

  40% {
    opacity: .46;
    transform: translate3d(68%, 64%, 0) rotate(144deg) scale(1.06);
  }

  50% {
    opacity: .4;
    transform: translate3d(60%, 88%, 0) rotate(180deg) scale(1.02);
  }

  60% {
    opacity: .36;
    transform: translate3d(34%, 78%, 0) rotate(216deg) scale(.98);
  }

  70% {
    opacity: .42;
    transform: translate3d(12%, 54%, 0) rotate(252deg) scale(.96);
  }

  80% {
    opacity: .38;
    transform: translate3d(2%, 26%, 0) rotate(288deg) scale(.98);
  }

  90% {
    opacity: .32;
    transform: translate3d(-2%, 10%, 0) rotate(324deg) scale(.94);
  }

  100% {
    opacity: .3;
    transform: translate3d(0%, 52%, 0) rotate(360deg) scale(.96);
  }
}

@keyframes tribal-projects-glow-orbit-secondary {
  0% {
    opacity: .2;
    transform: translate3d(8%, 46%, 0) rotate(0deg) scale(.88);
  }

  25% {
    opacity: .28;
    transform: translate3d(44%, 12%, 0) rotate(90deg) scale(.98);
  }

  50% {
    opacity: .32;
    transform: translate3d(74%, 48%, 0) rotate(180deg) scale(1.04);
  }

  75% {
    opacity: .26;
    transform: translate3d(34%, 86%, 0) rotate(270deg) scale(.96);
  }

  100% {
    opacity: .2;
    transform: translate3d(8%, 46%, 0) rotate(360deg) scale(.88);
  }
}

@media screen and (max-width: 991px) {
  .tribal-projects-home-hero .h-xl {
    font-size: 5.25em;
  }

  .tribal-projects-home-hero .radial-marquee {
    width: 90%;
    max-width: 132em;
  }

}

@media screen and (max-width: 767px) {
  .tribal-projects-home-hero {
    min-height: 60svh;
    max-height: 60svh;
  }

  .tribal-projects-home-hero [data-wf--padding-hero--variant="nav-large"].padding-hero {
    height: calc(var(--nav-bar-height, 0px) + 4svh);
  }

  .tribal-projects-home-hero .h-xl {
    font-size: 3.9em;
    text-align: center;
  }

  .tribal-projects-home-hero .home-hero__content {
    gap: 1.75rem;
  }

  .tribal-projects-home-hero .home-hero__title-row {
    gap: 0.9rem;
    padding-left: 0;
    justify-content: center;
  }

  .tribal-projects-home-hero .home-hero__top-logo {
    display: none;
  }

  .tribal-projects-home-hero .home-hero__marquee-row {
    margin-top: 2.5rem;
    aspect-ratio: 1.2;
    overflow: visible;
  }

  .tribal-projects-home-hero .radial-marquee__half-circle {
    top: 0;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
    clip-path: inset(-4rem 0 25% 0);
  }

  .tribal-projects-home-hero .container.is--md-m {
    overflow: visible;
  }

  .tribal-projects-home-hero {
    overflow: visible;
  }

  .tribal-projects-home-hero .radial-marquee {
    width: 112em;
    max-width: none;
    font-size: 0.875em;
  }

  .tribal-projects-home-hero .radial-marquee__item {
    width: 14.25em;
  }

  .tribal-projects-home-hero .radial-marquee__card-info {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }

  .tribal-projects-home-hero .radial-marquee__card-p {
    font-size: 0.6875em;
  }

  .tribal-projects-home-hero .home-hero__description-row {
    padding-top: 0;
    padding-bottom: 1.75rem;
  }

  .tribal-projects-reel {
    padding-top: var(--gap-xxl);
    padding-bottom: var(--gap-xxl);
  }

}

@media screen and (max-width: 479px) {
  .tribal-projects-home-hero .h-xl {
    font-size: 2.85em;
    line-height: 0.96;
  }

  .tribal-projects-home-hero .container.is--md-m,
  .tribal-projects-reel .container.is--m {
    width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }

  .tribal-projects-home-hero .home-hero__top-logo {
    display: none;
  }

  .tribal-projects-home-hero .radial-marquee {
    width: 104em;
    font-size: 0.62em;
  }
}