/* v6.9.434 — Fueltek travelling section selector.
   Scope: the existing Home → Contact navigation only. The header, logo,
   utility controls, drawer, page layout and section content are untouched. */

html[data-theme] body .header .jump-nav{
  --ft-nav-gold:#f3b324;
  --ft-nav-gold-soft:#ffd463;
  --ft-nav-recess:#f4f1eb;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* New icon + label layout without changing the navigation container footprint. */
html[data-theme] body .header .jump-nav > a{
  position:relative!important;
  z-index:3!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  color:#e8e9e6!important;
  transform:none!important;
  overflow:visible!important;
}
html[data-theme] body .header .jump-nav > a::before,
html[data-theme] body .header .jump-nav > a::after{
  content:none!important;
  display:none!important;
}
html[data-theme] body .header .jump-nav > a.active::before,
html[data-theme] body .header .jump-nav > a.active::after,
html[data-theme] body .header .jump-nav > a[aria-current="page"]::before,
html[data-theme] body .header .jump-nav > a[aria-current="page"]::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

html[data-theme] body .header .jump-nav > a .nav-glow-label,
html[data-theme] body .header .jump-nav > a .ft-nav-label{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  min-width:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:inherit!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  transform:none!important;
}

/* The old text sweep is disabled only inside this navigation. */
html[data-theme] body .header .jump-nav > a .nav-glow-hover{
  display:none!important;
  width:0!important;
  opacity:0!important;
}
html[data-theme] body .header .jump-nav > a .nav-glow-actual{
  display:block!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
  transition:none!important;
}

html[data-theme] body .header .jump-nav > a .ft-nav-icon{
  position:relative!important;
  z-index:3!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  display:grid!important;
  place-items:center!important;
  color:#858a84!important;
  opacity:1!important;
  transform:translateY(0)!important;
  transition:color .24s ease,opacity .18s ease,transform .24s ease!important;
  pointer-events:none!important;
}
html[data-theme] body .header .jump-nav > a .ft-nav-icon svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}

/* The selected link remains flush. The one moving selector supplies the raised icon. */
html[data-theme] body .header .jump-nav > a.active,
html[data-theme] body .header .jump-nav > a[aria-current="page"]{
  color:var(--ft-nav-gold-soft)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
html[data-theme] body .header .jump-nav > a.active .ft-nav-icon,
html[data-theme] body .header .jump-nav > a[aria-current="page"] .ft-nav-icon{
  opacity:0!important;
}
html[data-theme] body .header .jump-nav > a.active .nav-glow-actual,
html[data-theme] body .header .jump-nav > a[aria-current="page"] .nav-glow-actual,
html[data-theme] body .header .jump-nav > a.active .ft-nav-label,
html[data-theme] body .header .jump-nav > a[aria-current="page"] .ft-nav-label{
  color:var(--ft-nav-gold-soft)!important;
  -webkit-text-fill-color:var(--ft-nav-gold-soft)!important;
  text-shadow:0 0 8px rgba(243,179,36,.24)!important;
}

@media (hover:hover) and (pointer:fine){
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):hover,
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):focus-visible{
    color:var(--ft-nav-gold-soft)!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):hover .ft-nav-icon,
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):focus-visible .ft-nav-icon{
    color:var(--ft-nav-gold)!important;
    transform:translateY(-1px)!important;
  }
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):hover .nav-glow-actual,
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):focus-visible .nav-glow-actual,
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):hover .ft-nav-label,
  html[data-theme] body .header .jump-nav > a:not(.active):not([aria-current="page"]):focus-visible .ft-nav-label{
    color:var(--ft-nav-gold-soft)!important;
    -webkit-text-fill-color:var(--ft-nav-gold-soft)!important;
  }
}

/* Keep all nine slots stable so the bar never expands/reflows as selection moves. */
@media (min-width:1221px){
  html[data-theme] body .header .jump-nav > a,
  html[data-theme] body .header .jump-nav > a.active,
  html[data-theme] body .header .jump-nav > a[aria-current="page"]{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:0 clamp(7px,.5vw,12px)!important;
  }
}
@media (min-width:561px) and (max-width:1220px){
  html[data-theme] body .header .jump-nav > a,
  html[data-theme] body .header .jump-nav > a.active,
  html[data-theme] body .header .jump-nav > a[aria-current="page"]{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:72px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0 10px!important;
  }
}
@media (max-width:560px){
  html[data-theme] body .header .jump-nav > a,
  html[data-theme] body .header .jump-nav > a.active,
  html[data-theme] body .header .jump-nav > a[aria-current="page"]{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:70px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 9px!important;
  }
}

/* One travelling unit. --ft-travel-x is the selected tab centre. */
.header .jump-nav > .ft-nav-traveller-v434{
  --ft-travel-x:0px;
  position:absolute!important;
  z-index:8!important;
  left:0!important;
  top:0!important;
  width:0!important;
  height:100%!important;
  pointer-events:none!important;
  transform:translate3d(var(--ft-travel-x),0,0)!important;
  transition:transform var(--ft-travel-duration,720ms) cubic-bezier(.22,.75,.18,1)!important;
  will-change:transform!important;
}
.header .jump-nav > .ft-nav-traveller-v434.is-dragging,
.header .jump-nav > .ft-nav-traveller-v434.is-scroll-sync{
  transition:none!important;
}
.header .jump-nav > .ft-nav-traveller-v434[hidden]{display:none!important}

/* Soft ambient gold bloom — deliberately no hard outline ring. */
.header .jump-nav .ft-nav-selected-glow-v434{
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 46%,rgba(243,179,36,.24) 0%,rgba(243,179,36,.12) 30%,rgba(243,179,36,.045) 50%,rgba(243,179,36,0) 74%)!important;
  filter:blur(9px)!important;
  opacity:.95!important;
}

/* White recess/shoulders beneath the solid selector. */
.header .jump-nav .ft-nav-recess-v434{
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
}
.header .jump-nav .ft-nav-recess-v434 svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}
.header .jump-nav .ft-nav-recess-v434 path{
  fill:var(--ft-nav-recess)!important;
  stroke:none!important;
}

/* The gold selector is a real fully opaque layer above the recess/header. */
.header .jump-nav .ft-nav-selector-v434{
  position:absolute!important;
  z-index:12!important;
  left:0!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background:#f3b324!important;
  background-image:none!important;
  color:#17130a!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  box-shadow:0 7px 14px rgba(126,88,10,.20),0 0 15px rgba(243,179,36,.18)!important;
  cursor:grab!important;
  pointer-events:auto!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.header .jump-nav .ft-nav-selector-v434::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-1px!important;
  display:block!important;
  border-radius:50%!important;
  background:#f3b324!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.header .jump-nav .ft-nav-selector-v434::after{content:none!important;display:none!important}
.header .jump-nav .ft-nav-selector-v434:active{cursor:grabbing!important}
.header .jump-nav .ft-nav-selector-v434:hover,
.header .jump-nav .ft-nav-selector-v434:focus,
.header .jump-nav .ft-nav-selector-v434:focus-visible,
.header .jump-nav .ft-nav-selector-v434:active{
  background:#f3b324!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.header .jump-nav .ft-nav-selector-v434:focus-visible{
  outline:2px solid #ffe09a!important;
  outline-offset:3px!important;
}
.header .jump-nav .ft-nav-selector-v434 svg{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}

/* Desktop: selector lives inside the existing 94px centre navigation area. */
@media (min-width:1221px){
  .header .jump-nav .ft-nav-selector-v434{top:7px!important;width:44px!important;height:44px!important}
  .header .jump-nav .ft-nav-selector-v434 svg{width:17px!important;height:17px!important}
  .header .jump-nav .ft-nav-recess-v434{top:0!important;width:90px!important;height:36px!important}
  .header .jump-nav .ft-nav-selected-glow-v434{top:-3px!important;width:102px!important;height:66px!important}
}

/* Tablet/zoom layout retains the established 58px navigation row. */
@media (min-width:561px) and (max-width:1220px){
  .header .jump-nav .ft-nav-selector-v434{top:-6px!important;width:38px!important;height:38px!important}
  .header .jump-nav .ft-nav-selector-v434 svg{width:15px!important;height:15px!important}
  .header .jump-nav .ft-nav-recess-v434{top:-1px!important;width:72px!important;height:28px!important}
  .header .jump-nav .ft-nav-selected-glow-v434{top:-12px!important;width:82px!important;height:52px!important;filter:blur(8px)!important}
}

/* Handset row remains 56px and horizontally scrollable as before. */
@media (max-width:560px){
  .header .jump-nav .ft-nav-selector-v434{top:-5px!important;width:36px!important;height:36px!important}
  .header .jump-nav .ft-nav-selector-v434 svg{width:14px!important;height:14px!important}
  .header .jump-nav .ft-nav-recess-v434{top:-1px!important;width:68px!important;height:26px!important}
  .header .jump-nav .ft-nav-selected-glow-v434{top:-11px!important;width:76px!important;height:50px!important;filter:blur(7px)!important}
  html[data-theme] body .header .jump-nav > a .ft-nav-icon,
  html[data-theme] body .header .jump-nav > a .ft-nav-icon svg{width:14px!important;height:14px!important;flex-basis:14px!important}
}

@media (prefers-reduced-motion:reduce){
  .header .jump-nav > .ft-nav-traveller-v434,
  html[data-theme] body .header .jump-nav > a .ft-nav-icon{
    transition-duration:.001ms!important;
  }
}