/* Change 69 correction — full-section media surfaces with overlaid copy. */
.fh-wide-overlay-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:clamp(620px,48vw,820px)!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:#0D0D0D!important;
  color:#F4F4F4!important;
  border:0!important;
}
.fh-wide-overlay-section .fh-wide-overlay-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#111!important;
  pointer-events:auto!important;
}
.fh-wide-overlay-section .fh-wide-overlay-media img,
.fh-wide-overlay-section .fh-wide-overlay-media video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  filter:saturate(.92) contrast(1.03) brightness(.76)!important;
}
.fh-wide-overlay-section::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(8,8,8,.88) 0%,rgba(8,8,8,.68) 34%,rgba(8,8,8,.28) 66%,rgba(8,8,8,.18) 100%),linear-gradient(0deg,rgba(8,8,8,.42),transparent 50%)!important;
}
.fh-wide-overlay-section .fh-wide-overlay-copy{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  padding-top:clamp(132px,10vw,176px)!important;
  padding-bottom:clamp(92px,7vw,126px)!important;
  text-align:left!important;
}
.fh-wide-overlay-section .fh-wide-overlay-copy>div,
.fh-wide-overlay-section .packages-hero-inner{
  max-width:680px!important;
  margin:0!important;
}
.fh-wide-overlay-section h1{
  max-width:680px!important;
  margin:0!important;
  color:#F4F4F4!important;
  text-align:left!important;
}
.fh-wide-overlay-section p{
  max-width:590px!important;
  margin:28px 0 0!important;
  color:#F4F4F4!important;
  text-align:left!important;
}
html[data-page="packages"] .packages-hero-inner{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
html[data-page="packages"] .packages-hero h1,
html[data-page="packages"] .packages-hero p{color:#F4F4F4!important}
html[data-page="packages"] .packages-section{padding-top:88px!important}
html[data-page="about"] .fh-why-wide-hero .fh-wide-overlay-copy>div{max-width:600px!important}
html[data-page="about"] .fh-why-wide-hero h1{width:auto!important;max-width:600px!important}
html[data-page="about"] .fh-why-wide-hero p{width:auto!important;max-width:430px!important}
html[data-page="ai"] .fh-ai-hero.fh-wide-overlay-section{min-height:clamp(650px,50vw,840px)!important}
html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy>div{max-width:660px!important}
html[data-page="ai"] .fh-ai-hero h1{width:auto!important;max-width:660px!important;color:#F4F4F4!important}
html[data-page="ai"] .fh-ai-hero p{color:#F4F4F4!important;max-width:580px!important}
#work{scroll-margin-top:92px}
@media(max-width:1100px){
  .fh-wide-overlay-section{min-height:700px!important}
  .fh-wide-overlay-section .fh-wide-overlay-copy{padding-top:132px!important;padding-bottom:88px!important}
}
@media(max-width:700px){
  .fh-wide-overlay-section{min-height:700px!important;align-items:flex-end!important}
  .fh-wide-overlay-section .fh-wide-overlay-copy{padding-top:112px!important;padding-bottom:64px!important}
  .fh-wide-overlay-section .fh-wide-overlay-copy>div,
  .fh-wide-overlay-section .packages-hero-inner{max-width:100%!important}
  .fh-wide-overlay-section::after{background:linear-gradient(0deg,rgba(8,8,8,.9) 0%,rgba(8,8,8,.6) 48%,rgba(8,8,8,.25) 100%)!important}
  html[data-page="packages"] .packages-section{padding-top:58px!important}
}


/* Change 69 follow-up — remove lines and center the wide hero copy */
.fh-wide-overlay-section,
.fh-wide-overlay-section .fh-wide-overlay-media,
.fh-wide-overlay-section .fh-wide-overlay-media img,
.fh-wide-overlay-section .fh-wide-overlay-media video{
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
}
.fh-wide-overlay-section video::-webkit-media-controls,
.fh-wide-overlay-section video::-webkit-media-controls-panel,
.fh-wide-overlay-section video::-webkit-media-controls-enclosure{
  display:none!important;
  -webkit-appearance:none!important;
}
html[data-page="packages"] .packages-hero,
html[data-page="ai"] .fh-ai-hero,
html[data-page="services"] .fh-services-wide-hero{
  min-height:clamp(700px,54vw,860px)!important;
}
html[data-page="packages"] .packages-hero::after,
html[data-page="ai"] .fh-ai-hero::after,
html[data-page="services"] .fh-services-wide-hero::after{
  background:linear-gradient(180deg,rgba(8,8,8,.60) 0%,rgba(8,8,8,.56) 100%)!important;
}
html[data-page="packages"] .packages-hero .fh-wide-overlay-copy,
html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy,
html[data-page="services"] .fh-services-wide-hero .fh-wide-overlay-copy{
  min-height:inherit!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding-top:clamp(132px,10vw,170px)!important;
  padding-bottom:clamp(96px,8vw,130px)!important;
}
html[data-page="packages"] .packages-hero .packages-hero-inner,
html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy>div,
html[data-page="services"] .fh-services-wide-hero .fh-wide-overlay-copy>div{
  max-width:920px!important;
  margin:0 auto!important;
  text-align:center!important;
}
html[data-page="packages"] .packages-hero h1,
html[data-page="ai"] .fh-ai-hero h1,
html[data-page="services"] .fh-services-wide-hero h1{
  width:auto!important;
  max-width:920px!important;
  margin:0 auto!important;
  text-align:center!important;
}
html[data-page="packages"] .packages-hero p,
html[data-page="ai"] .fh-ai-hero p,
html[data-page="services"] .fh-services-wide-hero p{
  width:auto!important;
  max-width:760px!important;
  margin:24px auto 0!important;
  text-align:center!important;
  line-height:1.45!important;
}
html[data-page="packages"] .packages-section{padding-top:72px!important;}
html[data-page="ai"] .fh-ai-hero,
html[data-page="services"] .fh-services-wide-hero,
html[data-page="packages"] .packages-hero{border-bottom:0!important;}
@media(max-width:700px){
  html[data-page="packages"] .packages-hero,
  html[data-page="ai"] .fh-ai-hero,
  html[data-page="services"] .fh-services-wide-hero{min-height:620px!important;}
  html[data-page="packages"] .packages-hero .fh-wide-overlay-copy,
  html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy,
  html[data-page="services"] .fh-services-wide-hero .fh-wide-overlay-copy{padding-top:108px!important;padding-bottom:72px!important;}
  html[data-page="packages"] .packages-hero h1,
  html[data-page="ai"] .fh-ai-hero h1,
  html[data-page="services"] .fh-services-wide-hero h1{max-width:100%!important;}
  html[data-page="packages"] .packages-hero p,
  html[data-page="ai"] .fh-ai-hero p,
  html[data-page="services"] .fh-services-wide-hero p{max-width:100%!important;}
}

/* Change 69 exact uploaded-build correction — stack and center all hero copy */
html[data-page="packages"] .packages-hero .packages-hero-inner,
html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy,
html[data-page="services"] .fh-services-wide-hero .fh-wide-overlay-copy,
html[data-page="about"] .fh-why-wide-hero .fh-wide-overlay-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

html[data-page="packages"] .packages-hero .packages-hero-inner,
html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy>div,
html[data-page="services"] .fh-services-wide-hero .fh-wide-overlay-copy>div,
html[data-page="about"] .fh-why-wide-hero .fh-wide-overlay-copy>div{
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

html[data-page="packages"] .packages-hero h1,
html[data-page="ai"] .fh-ai-hero h1,
html[data-page="services"] .fh-services-wide-hero h1,
html[data-page="about"] .fh-why-wide-hero h1{
  width:auto!important;
  max-width:920px!important;
  margin:0 auto!important;
  text-align:center!important;
}

html[data-page="packages"] .packages-hero p,
html[data-page="ai"] .fh-ai-hero p,
html[data-page="services"] .fh-services-wide-hero p,
html[data-page="about"] .fh-why-wide-hero p{
  width:auto!important;
  max-width:760px!important;
  margin:24px auto 0!important;
  text-align:center!important;
}

html[data-page="about"] .fh-why-wide-hero{
  min-height:clamp(700px,54vw,860px)!important;
}
html[data-page="about"] .fh-why-wide-hero::after{
  background:linear-gradient(180deg,rgba(8,8,8,.60) 0%,rgba(8,8,8,.56) 100%)!important;
}

/* Kill only the unwanted seams around these wide hero sections. */
html[data-page="packages"] .packages-hero,
html[data-page="ai"] .fh-ai-hero,
html[data-page="services"] .fh-services-wide-hero,
html[data-page="about"] .fh-why-wide-hero{
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html[data-page="packages"] .packages-section,
html[data-page="ai"] .ai-capabilities-section,
html[data-page="services"] .fh-services-tiles-section,
html[data-page="about"] .fh-why-wide-hero + .section{
  border-top:0!important;
}

@media(max-width:700px){
  html[data-page="about"] .fh-why-wide-hero{min-height:620px!important;}
  html[data-page="packages"] .packages-hero .packages-hero-inner,
  html[data-page="ai"] .fh-ai-hero .fh-wide-overlay-copy>div,
  html[data-page="services"] .fh-services-wide-hero .fh-wide-overlay-copy>div,
  html[data-page="about"] .fh-why-wide-hero .fh-wide-overlay-copy>div{
    max-width:100%!important;
  }
}


/* change69 follow-up: why-us headline forced to 2 lines and AI hero text forced white */
html[data-page="about"] .fh-why-wide-hero h1{max-width:760px!important;}
html[data-page="about"] .fh-why-wide-hero h1 br{display:block!important;}
html[data-page="ai"] .fh-ai-hero h1,
html[data-page="ai"] .fh-ai-hero h1 span:not([style*="background-image"]),
html[data-page="ai"] .fh-ai-hero h1 span:not(.fh-ai-brand-word),
html[data-page="ai"] .fh-ai-hero .fh-ai-direction-line,
html[data-page="ai"] .fh-ai-hero p{color:#F4F4F4!important;}
html[data-page="ai"] .fh-ai-hero h1 span:not([style*="background-image"]){-webkit-text-fill-color:#F4F4F4!important;}


/* AI hero paragraph white text final override */
html[data-page="ai"] .fh-ai-hero p,
html[data-page="ai"] .fh-ai-hero p span{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}