/* Natural product photography on a light neutral homepage hero. */
.home-hero { isolation: isolate; background: #eef0f2; }
.home-hero-background {
  position: absolute; inset: 0; z-index: -1; overflow: hidden;
  pointer-events: none; background: #eef0f2;
}
.home-hero-background picture { display: block; width: 100%; height: 100%; }
.home-hero-background img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  opacity: .55;
}
.home-hero-background::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 42%, rgba(242,244,246,.5), transparent 70%);
}
.home-hero > .relative > .absolute { display: none; }
.home-hero h1 { color: #153747; filter: none; text-shadow: none; }
.home-hero h1 span {
  color: #14768b; background: none; -webkit-text-fill-color: currentColor;
  filter: none; text-shadow: none;
}
.home-hero p { color: #40535e; filter: none; text-shadow: none; }
.home-hero a { box-shadow: none; }
.home-hero a[href^="/Home/Services"] {
  color: #153747; background: rgba(255,255,255,.7); border-color: #b9c9d1;
}
.home-hero a[href^="/Home/Services"]:hover { background: #fff; }
.home-hero > .absolute > div {
  background: rgba(255,255,255,.55); border-color: rgba(21,55,71,.12); box-shadow: none;
}
/* The light homepage keeps its existing blue brand mark and readable navigation. */
body:has(.home-hero) #main-header {
  background: rgba(248,249,250,.94) !important; color: #153747 !important;
  border-color: rgba(21,55,71,.12) !important; backdrop-filter: blur(12px);
}
body:has(.home-hero) #main-header a,
body:has(.home-hero) #main-header button { color: #153747 !important; }
body:has(.home-hero) #main-header a:hover,
body:has(.home-hero) #main-header button:hover { color: #14768b !important; }
body:has(.home-hero) #main-header .absolute {
  background: rgba(248,249,250,.98) !important; border-color: #dce3e7 !important;
}
body:has(.home-hero) #main-header img[alt="Add4Bio Logo White"] { display: none !important; }
body:has(.home-hero) #main-header img[alt="Add4Bio Logo Blue"] { display: block !important; }
@media (max-width: 640px) {
  .home-hero { height: auto; min-height: 100svh; padding: 112px 0 128px; }
  .home-hero > .relative { margin-top: 0; }
  .home-hero h1 { font-size: clamp(2rem, 9vw, 2.75rem); line-height: 1.16; }
  .home-hero p { font-size: 1rem; line-height: 1.6; }
  .home-hero-background img { opacity: .4; }
}