/* Vantar Additive — accent overrides.
   Only the highlight colours change. Layout, spacing and motion stay. */

:root {
  --color-sonar: #fa0f00;   /* was #acff24 */
  --color-beacon: #ff4a3d;  /* was #fb6b3c */
}

/* Lime carried dark ink. Red needs light ink. */
.JobsBanner_JobsBanner__QHRxp .JobsBanner_JobsBanner_Content__0UKs_,
.TeamPage_JobsBanner__euVbl .TeamPage_JobsBanner_Content__5FhSW {
  color: #fff;
}

.MenuLink_MenuLink__3Kh1F[data-dark="true"] { color: var(--color-sunlight100); }

/* A diagram is not a photograph. Show it whole and on paper. */
.MediaImage_MediaImage__OqFom[data-mode="card"] { background: var(--color-sunlight100); }
img.MediaImage_Image___k_VR { object-fit: cover; }
.NewsSection_Image__faqQQ[src$=".svg"] { object-fit: contain; background: var(--color-sunlight100); padding: var(--spacing-05); }

/* The site runs without the framework, so nothing may stay at opacity 0. */
noscript ~ * { opacity: 1; }

/* The reference site slid the header in with its animation library.
   Without that library the base rule leaves it parked above the fold. */
.SiteHeader_SiteHeader__CGrVl {
  transform: translateY(0);
  transition: transform .5s cubic-bezier(.25, .25, 0, 1);
}
.SiteHeader_SiteHeader__CGrVl[data-animated="true"] { transform: translateY(-100%); }

/* The announcement bar. Their animation library slid it in and set the height
   variable. Both are done here instead. */
:root { --announcement-bar-height: 64px; }
@media (max-width: 959px) { :root { --announcement-bar-height: 48px; } }
.AnnouncementBar_AnnouncementBar__by_qy { transform: translateY(0); opacity: 1; }
.AnnouncementBar_AnnouncementBar__by_qy[data-theme="sonar"] { color: #fff; --border-color: rgba(255,255,255,.2); }
body[data-bar="closed"] .AnnouncementBar_AnnouncementBar__by_qy { display: none; }
body[data-bar="closed"] { --announcement-bar-height: 0px; }

/* Our renders are far brighter than their footage, so the display type lost
   contrast. Darken the moving background, not the still images. */
.Hero_Hero__YwoUg video,
.ExperienceRenderer_VideoBackground__APdxf video,
.HomeSection_Background__hO_gU video { filter: brightness(.55) saturate(.85) contrast(1.05); }