/* AVIX Water founder journey hero — v105
   Founder-profile-only override, loaded after v104. */

html body.fp-page .fp-hero--journey{
  --fpj-accent:#4bc8ef;
  --fpj-text:#f8f8f5;
  --fpj-muted:#b7c2c4;
  --fpj-rule:rgba(255,255,255,.16);
  --fpj-soft-rule:rgba(255,255,255,.10);
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:column!important;
  height:calc(var(--avix-main-chrome,118px) + 712px)!important;
  min-height:calc(var(--avix-main-chrome,118px) + 712px)!important;
  padding:var(--avix-main-chrome,118px) 0 0!important;
  overflow:hidden!important;
  color:var(--fpj-text)!important;
  background:
    radial-gradient(circle at 79% 43%,rgba(50,118,75,.29) 0,rgba(50,118,75,.14) 22%,transparent 43%),
    radial-gradient(circle at 17% 92%,rgba(47,139,181,.17) 0,transparent 34%),
    linear-gradient(108deg,#061215 0%,#071514 53%,#0b1b14 100%)!important;
}
html body.fp-page .fp-hero--journey::before{
  content:""!important;
  position:absolute!important;
  inset:var(--avix-main-chrome,118px) 0 0!important;
  z-index:-2!important;
  opacity:.46!important;
  background-image:radial-gradient(circle,rgba(255,255,255,.075) 1px,transparent 1.3px)!important;
  background-size:34px 34px!important;
  background-position:14px 12px!important;
  pointer-events:none!important;
}
html body.fp-page .fp-hero--journey::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:640px!important;
  height:640px!important;
  right:-250px!important;
  bottom:-360px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:50%!important;
  background:none!important;
  pointer-events:none!important;
}

html body.fp-page .fpj-main{
  box-sizing:border-box!important;
  flex:0 0 600px!important;
  height:600px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  gap:0!important;
  align-items:stretch!important;
  padding:0!important;
}
html body.fp-page .fpj-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding:64px clamp(42px,5vw,78px) 42px 0!important;
}
html body.fp-page .fpj-eyebrow{
  margin:0 0 22px!important;
  color:var(--fpj-accent)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
}
html body.fp-page .fp-hero--journey h1{
  display:grid!important;
  gap:.07em!important;
  width:100%!important;
  max-width:720px!important;
  margin:0!important;
  color:var(--fpj-text)!important;
  font-size:clamp(58px,5vw,76px)!important;
  line-height:.97!important;
  letter-spacing:-.052em!important;
  font-weight:820!important;
}
html body.fp-page .fp-hero--journey h1 span{
  display:block!important;
  color:inherit!important;
  white-space:normal!important;
}
html body.fp-page .fpj-lead{
  max-width:690px!important;
  margin:28px 0 0!important;
  color:var(--fpj-muted)!important;
  font-size:17.5px!important;
  line-height:1.62!important;
  font-weight:430!important;
  letter-spacing:-.008em!important;
}
html body.fp-page .fpj-button{
  min-width:218px!important;
  min-height:58px!important;
  margin:28px 0 0!important;
  padding:15px 24px!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  font-size:15px!important;
  font-weight:780!important;
}
html body.fp-page .fpj-button i{
  font-style:normal!important;
  font-size:18px!important;
  line-height:1!important;
}

html body.fp-page .fpj-journey{
  position:relative!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:62px 0 34px clamp(56px,5.1vw,82px)!important;
  border-left:1px solid rgba(255,255,255,.07)!important;
}
html body.fp-page .fpj-journey-title{
  margin:0 0 22px!important;
  color:var(--fpj-accent)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
}
html body.fp-page .fpj-timeline{
  position:relative!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:20px!important;
}
html body.fp-page .fpj-timeline::before{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  top:18px!important;
  bottom:18px!important;
  width:1px!important;
  background:rgba(255,255,255,.22)!important;
}
html body.fp-page .fpj-timeline li{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:19px!important;
  align-items:start!important;
  margin:0!important;
  padding:0!important;
}
html body.fp-page .fpj-node{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:50%!important;
  background:#101619!important;
  color:#d8ddde!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:760!important;
  box-shadow:0 0 0 4px rgba(5,17,18,.45)!important;
}
html body.fp-page .fpj-timeline li>div{
  min-width:0!important;
  padding:1px 0 0!important;
}
html body.fp-page .fpj-timeline small{
  display:block!important;
  margin:0 0 5px!important;
  color:#91a09d!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:760!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}
html body.fp-page .fpj-timeline strong{
  display:block!important;
  margin:0!important;
  color:#f3f4ef!important;
  font-size:17.5px!important;
  line-height:1.23!important;
  font-weight:690!important;
  letter-spacing:-.018em!important;
}
html body.fp-page .fpj-company-step strong{
  color:var(--fpj-accent)!important;
}

html body.fp-page .fpj-branch{
  width:100%!important;
  max-width:620px!important;
  margin:16px 0 0!important;
}
html body.fp-page .fpj-branch-svg{
  width:100%!important;
  height:76px!important;
  display:block!important;
  overflow:visible!important;
  color:var(--fpj-accent)!important;
}
html body.fp-page .fpj-branch-svg path:not([fill]){
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.2!important;
  stroke-dasharray:6 6!important;
  vector-effect:non-scaling-stroke!important;
  opacity:.78!important;
}
html body.fp-page .fpj-venture-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}
html body.fp-page .fpj-venture{
  min-width:0!important;
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 10px!important;
  text-align:center!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
}
html body.fp-page .fpj-venture:last-child{border-right:0!important}
html body.fp-page .fpj-venture strong{
  display:block!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:760!important;
  letter-spacing:-.018em!important;
}
html body.fp-page .fpj-venture span{
  display:block!important;
  margin-top:6px!important;
  color:#aeb9b7!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:430!important;
}
html body.fp-page .fpj-venture--tbooster strong{color:#d44b59!important}
html body.fp-page .fpj-venture--green strong{color:#39b54a!important}
html body.fp-page .fpj-venture--water strong{color:var(--fpj-accent)!important}

html body.fp-page .fpj-proof{
  box-sizing:border-box!important;
  flex:0 0 112px!important;
  height:112px!important;
  min-height:112px!important;
  border-top:1px solid var(--fpj-rule)!important;
  background:rgba(4,13,15,.72)!important;
  backdrop-filter:blur(8px)!important;
}
html body.fp-page .fpj-proof-grid{
  width:min(calc(100% - 64px),1376px)!important;
  max-width:1376px!important;
  height:112px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border-left:1px solid var(--fpj-rule)!important;
  border-right:1px solid var(--fpj-rule)!important;
}
html body.fp-page .fpj-proof-grid>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:20px 26px!important;
  border-right:1px solid var(--fpj-rule)!important;
}
html body.fp-page .fpj-proof-grid>div:last-child{border-right:0!important}
html body.fp-page .fpj-proof-grid strong{
  display:block!important;
  color:#f7f7f3!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.035em!important;
}
html body.fp-page .fpj-proof-grid span{
  display:block!important;
  margin-top:8px!important;
  color:#a9b4b2!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:720!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}

/* Medium desktop/tablet: preserve the two-column story but reduce the scale. */
@media (min-width:901px) and (max-width:1180px){
  html body.fp-page .fp-hero--journey{
    height:calc(var(--avix-main-chrome,118px) + 692px)!important;
    min-height:calc(var(--avix-main-chrome,118px) + 692px)!important;
  }
  html body.fp-page .fpj-main{flex-basis:580px!important;height:580px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html body.fp-page .fpj-copy{padding:50px 36px 34px 0!important}
  html body.fp-page .fp-hero--journey h1{font-size:clamp(52px,5.5vw,64px)!important}
  html body.fp-page .fpj-lead{font-size:16px!important;line-height:1.55!important;margin-top:22px!important}
  html body.fp-page .fpj-journey{padding:50px 0 30px 42px!important}
  html body.fp-page .fpj-timeline{gap:16px!important}
  html body.fp-page .fpj-timeline strong{font-size:15.5px!important}
  html body.fp-page .fpj-branch{margin-top:12px!important}
  html body.fp-page .fpj-venture strong{font-size:13.5px!important}
  html body.fp-page .fpj-venture span{font-size:9.5px!important}
}

/* Mobile and small tablet: the fixed desktop hero becomes a natural stacked story. */
@media (max-width:900px){
  html body.fp-page .fp-hero--journey{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 86% 50%,rgba(46,118,79,.25) 0,rgba(46,118,79,.10) 25%,transparent 46%),
      radial-gradient(circle at 15% 26%,rgba(47,139,181,.13) 0,transparent 34%),
      linear-gradient(155deg,#061215 0%,#091715 64%,#0b1b14 100%)!important;
  }
  html body.fp-page .fp-hero--journey::before{inset:0!important;background-size:32px 32px!important;opacity:.42!important}
  html body.fp-page .fp-hero--journey::after{width:440px!important;height:440px!important;right:-270px!important;bottom:60px!important}
  html body.fp-page .fpj-main{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin:0 auto!important;
    padding:0!important;
    display:block!important;
  }
  html body.fp-page .fpj-copy{
    display:block!important;
    padding:38px 0 32px!important;
  }
  html body.fp-page .fpj-eyebrow{
    margin:0 0 17px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.105em!important;
  }
  html body.fp-page .fp-hero--journey h1{
    display:grid!important;
    gap:.055em!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(43px,12.3vw,56px)!important;
    line-height:.95!important;
    letter-spacing:-.052em!important;
  }
  html body.fp-page .fpj-lead{
    max-width:none!important;
    margin:22px 0 0!important;
    font-size:16px!important;
    line-height:1.56!important;
    color:#c2cbcc!important;
  }
  html body.fp-page .fpj-button{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    margin:24px 0 0!important;
    padding:14px 18px!important;
    border-radius:16px!important;
    font-size:15.5px!important;
  }

  html body.fp-page .fpj-journey{
    width:100%!important;
    margin:0!important;
    padding:28px 0 32px!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  html body.fp-page .fpj-journey-title{
    margin:0 0 20px!important;
    font-size:10.5px!important;
    letter-spacing:.105em!important;
  }
  html body.fp-page .fpj-timeline{
    gap:18px!important;
  }
  html body.fp-page .fpj-timeline::before{
    left:14px!important;
    top:16px!important;
    bottom:16px!important;
  }
  html body.fp-page .fpj-timeline li{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:15px!important;
  }
  html body.fp-page .fpj-node{
    width:29px!important;
    height:29px!important;
    font-size:9px!important;
    box-shadow:0 0 0 3px rgba(5,17,18,.52)!important;
  }
  html body.fp-page .fpj-timeline small{
    margin-bottom:4px!important;
    font-size:9.5px!important;
    letter-spacing:.08em!important;
  }
  html body.fp-page .fpj-timeline strong{
    font-size:16px!important;
    line-height:1.25!important;
  }
  html body.fp-page .fpj-branch{
    max-width:none!important;
    margin:12px 0 0!important;
  }
  html body.fp-page .fpj-branch-svg{
    height:60px!important;
  }
  html body.fp-page .fpj-venture{
    min-height:72px!important;
    padding:9px 5px!important;
  }
  html body.fp-page .fpj-venture strong{
    font-size:12.5px!important;
    line-height:1.13!important;
  }
  html body.fp-page .fpj-venture span{
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.22!important;
  }

  /* Mobile proof strip: true 2×2 edge-to-edge grid, as requested. */
  html body.fp-page .fpj-proof{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    backdrop-filter:none!important;
  }
  html body.fp-page .fpj-proof-grid{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border:0!important;
  }
  html body.fp-page .fpj-proof-grid>div{
    min-height:92px!important;
    padding:16px 16px!important;
    border-right:1px solid var(--fpj-rule)!important;
    border-bottom:1px solid var(--fpj-rule)!important;
  }
  html body.fp-page .fpj-proof-grid>div:nth-child(2n){border-right:0!important}
  html body.fp-page .fpj-proof-grid>div:nth-child(n+3){border-bottom:0!important}
  html body.fp-page .fpj-proof-grid strong{
    font-size:18px!important;
  }
  html body.fp-page .fpj-proof-grid span{
    margin-top:6px!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
  }
}

@media (max-width:370px){
  html body.fp-page .fpj-main{width:calc(100% - 28px)!important}
  html body.fp-page .fpj-copy{padding-top:32px!important}
  html body.fp-page .fp-hero--journey h1{font-size:clamp(40px,12vw,46px)!important}
  html body.fp-page .fpj-lead{font-size:15px!important;line-height:1.52!important}
  html body.fp-page .fpj-timeline strong{font-size:15px!important}
  html body.fp-page .fpj-venture strong{font-size:11.5px!important}
  html body.fp-page .fpj-venture span{font-size:8.5px!important}
  html body.fp-page .fpj-proof-grid>div{min-height:88px!important;padding:14px 14px!important}
  html body.fp-page .fpj-proof-grid strong{font-size:17px!important}
  html body.fp-page .fpj-proof-grid span{font-size:9px!important}
}

@media (prefers-reduced-motion:reduce){
  html body.fp-page .fp-hero--journey *,
  html body.fp-page .fp-hero--journey *::before,
  html body.fp-page .fp-hero--journey *::after{animation:none!important;transition:none!important}
}

/* Cascade shield: legacy founder bundles contain highly-specific !important hero geometry.
   These founder-only selectors intentionally outrank them without affecting any other page. */
@media (min-width:1181px){
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero{
    display:flex!important;
    height:calc(var(--avix-main-chrome,118px) + 712px)!important;
    min-height:calc(var(--avix-main-chrome,118px) + 712px)!important;
    padding:var(--avix-main-chrome,118px) 0 0!important;
  }
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero h1{
    font-size:72px!important;
    line-height:.96!important;
  }
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero .fpj-journey{
    padding-left:104px!important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero{
    display:flex!important;
    height:calc(var(--avix-main-chrome,118px) + 692px)!important;
    min-height:calc(var(--avix-main-chrome,118px) + 692px)!important;
    padding:var(--avix-main-chrome,118px) 0 0!important;
  }
}
@media (max-width:900px){
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero h1{
    font-size:clamp(43px,12.3vw,56px)!important;
    line-height:.95!important;
  }
}
@media (max-width:370px){
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero h1{
    font-size:clamp(40px,12vw,46px)!important;
  }
}

/* 701–900px uses fixed announcement + header in the legacy responsive shell.
   Reserve exactly that 104px stack so the founder story never sits underneath it. */
@media (min-width:701px) and (max-width:900px){
  html body.home-v5.home-v8.fp-page.avix-principal-page .fp-hero.fp-hero--journey.avix-principal-hero{
    padding-top:104px!important;
  }
}


/* V107 founder hero adjustments */
html body.fp-page .fpj-company-step strong,
html body.fp-page .fpj-branch-svg{
  color:#d4af37!important;
}
html body.fp-page .fpj-proof .av5-container{
  width:min(calc(100% - 48px),1376px)!important;
  max-width:1376px!important;
  padding:0!important;
}
html body.fp-page .fpj-proof-grid{
  width:100%!important;
  border-left:0!important;
  border-right:0!important;
}
html body.fp-page .fpj-proof-grid>div:first-child{
  padding-left:22px!important;
}
html body.fp-page .fpj-proof-grid>div:last-child{
  padding-right:22px!important;
}
@media(max-width:900px){
  html body.fp-page .fpj-proof .av5-container{
    width:min(calc(100% - 32px),1376px)!important;
  }
}


/* V108 founder hero cleanup and centring */
html body.fp-page .fp-hero--journey::after{display:none!important}
html body.fp-page .fpj-main{align-items:center!important}
html body.fp-page .fpj-journey{
  justify-content:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
html body.fp-page .fpj-branch{margin-top:20px!important}
html body.fp-page .fpj-venture-grid{border-top:0!important}


/* ==========================================================================
   V110 founder hero duplicate clean-up
   ========================================================================== */
html body.fp-page .fpj-journey{
  border-left:0!important;
  justify-content:center!important;
}
html body.fp-page .fpj-main{
  align-items:center!important;
}
html body.fp-page .fpj-proof{
  background:linear-gradient(90deg, rgba(2,16,20,.94) 0%, rgba(6,27,34,.93) 42%, rgba(11,43,25,.92) 100%)!important;
  backdrop-filter:none!important;
}
html body.fp-page .fpj-proof-grid{
  border-left:0!important;
  border-right:0!important;
}
html body.fp-page .fpj-branch{
  margin-top:20px!important;
}
html body.fp-page .fpj-venture-grid{
  border-top:0!important;
}
@media (max-width:900px){
  html body.fp-page .fpj-journey{
    border-left:0!important;
  }
}

/* V112 founder hero — gold entrepreneurial journey heading */
html body.fp-page .fpj-journey-title{
  color:#d4af37!important;
}