/* Unite-only native presentation. Loaded by the Unite rendering surface. */

@media print {
  .unite-hero-route,
  .unite-journey-line {
    display: none !important;
  }
}

[data-section-variant="unite_news_featured"],
[data-section-variant="unite_news_briefings"],
[data-section-variant="unite_news_media_cards"] {
  font-family: Raleway, Arial, Helvetica, sans-serif;
}
[data-section-variant="unite_guide_body"] {
  font-family: Raleway, Arial, Helvetica, sans-serif;
}

[data-section-variant="unite_guide_body"] figure:has(> img[alt]) {
  box-shadow: 0 16px 42px rgba(7, 25, 69, 0.12);
}

[data-section-variant="unite_guide_body"] figure:has(> img[alt]) > img {
  display: block;
  width: 100%;
  height: 250px;
  min-height: 250px;
  object-fit: cover;
}

[data-section-variant="unite_guide_body"] figure:has(> img[alt]) > figcaption {
  position: relative;
}

[data-section-variant="unite_guide_body"] figure:has(> img[alt]) > figcaption::before {
  position: absolute;
  top: -12px;
  left: 24px;
  width: 56px;
  content: "";
  border-top: 3px solid #ff4b11;
  transform: rotate(-3deg);
}

[data-section-variant="unite_guide_body"] figure:has(> img[alt]) > figcaption > span {
  letter-spacing: 0.08em;
}

[data-section-variant="unite_guide_body"] figure:has(> img[alt]) > figcaption > p {
  color: white;
  font-size: 1.08rem;
  line-height: 28px;
}

@media (min-width: 640px) {
  [data-section-variant="unite_guide_body"] figure:has(> img[alt]) > img {
    height: 390px;
    min-height: 390px;
  }
}

.unite-hero-route,
.unite-journey-line {
  fill: none;
  pointer-events: none;
}

.unite-hero-route path,
.unite-journey-line path {
  stroke: #105cff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 12 12;
}

.unite-hero-route circle,
.unite-journey-line circle {
  fill: white;
  stroke: #7b24b5;
  stroke-width: 5;
}

@media (prefers-reduced-motion: no-preference) {
  [data-unite-motion-ready="true"] [data-unite-motion] {
    opacity: 0;
    translate: 0 18px;
    transition:
      opacity 560ms cubic-bezier(0.22, 1, 0.36, 1),
      translate 560ms cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--unite-motion-delay, 0ms);
  }
}

@media (prefers-reduced-motion: no-preference) {

  [data-unite-motion-ready="true"] [data-unite-motion][data-unite-motion-visible="true"] {
    opacity: 1;
    translate: 0 0;
  }
}

@media (prefers-reduced-motion: no-preference) {

  [data-unite-motion-ready="true"] [data-unite-motion-media] {
    scale: 0.985;
    transition:
      opacity 680ms cubic-bezier(0.22, 1, 0.36, 1),
      translate 680ms cubic-bezier(0.22, 1, 0.36, 1),
      scale 680ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}

@media (prefers-reduced-motion: no-preference) {

  [data-unite-motion-ready="true"] [data-unite-motion-media][data-unite-motion-visible="true"] {
    scale: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {

  .unite-hero-route path,
  .unite-journey-line path {
    animation: unite-route-arrival 1100ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}

@media (prefers-reduced-motion: no-preference) {

  .unite-hero-route circle,
  .unite-journey-line circle {
    animation: unite-waypoint-arrival 520ms 480ms ease-out both;
    transform-box: fill-box;
    transform-origin: center;
  }
}

[data-section-variant="unite_shared_norms"] {
  font-family: Raleway, Arial, Helvetica, sans-serif;
}

@keyframes unite-route-arrival {
  from {
    opacity: 0;
    stroke-dashoffset: 90;
  }
  to {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes unite-waypoint-arrival {
  from {
    opacity: 0;
    transform: scale(0.65);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
