/* PROPICO | Ambient Scroll 2026.10.28 — isolated progressive enhancement.
   Palette corporate: argento, blu acciaio. Psychology: salvia, petrolio, oro tenue.
   Purely visual layers; no structural/interactive elements are modified. */
.ambient-target{
  position:relative;
  isolation:isolate;
  overflow:clip;
  --ambient-one:rgba(142,199,240,.22);
  --ambient-two:rgba(199,217,246,.16);
  --ambient-three:rgba(148,175,212,.11);
  --ambient-alpha:.85;
}
.ambient-target > .ambient-layer{
  position:absolute;
  inset:-12%;
  display:block;
  z-index:0;
  pointer-events:none;
  user-select:none;
  background:
    radial-gradient(ellipse 44% 48% at 19% 18%,var(--ambient-one),transparent 76%),
    radial-gradient(ellipse 51% 54% at 85% 79%,var(--ambient-two),transparent 75%),
    radial-gradient(ellipse 42% 52% at 53% 43%,var(--ambient-three),transparent 78%);
  transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0);
  opacity:var(--ambient-alpha);
  animation:ambient-breathe 12s ease-in-out infinite alternate;
}
.ambient-target.ambient-visible > .ambient-layer{will-change:transform,opacity}
.ambient-target > .container,
.ambient-target > .wrap,
.ambient-target > .hero-bottom{
  position:relative;
  z-index:1;
}
/* HOME: original dark steel blue with a soft moving blue/silver light */
body:not(.ambient-psychology) .hero.ambient-target{
  --ambient-one:rgba(153,205,250,.27);
  --ambient-two:rgba(153,175,220,.24);
  --ambient-three:rgba(100,166,229,.13);
}
body:not(.ambient-psychology) .sec.ambient-target:nth-of-type(even){
  --ambient-one:rgba(194,212,239,.17);
  --ambient-two:rgba(109,160,209,.24);
  --ambient-three:rgba(136,155,197,.12);
}
/* HOME: psychology teaser stays aligned with its own sea-green identity. */
.psych-home.ambient-target{
  --ambient-one:rgba(113,223,204,.32)!important;
  --ambient-two:rgba(190,234,216,.21)!important;
  --ambient-three:rgba(153,190,196,.22)!important;
}
/* SEO service pages: subtle movement on light surfaces, preserves text contrast. */
.section.ambient-target{
  --ambient-one:rgba(127,180,225,.19);
  --ambient-two:rgba(195,219,242,.24);
  --ambient-three:rgba(165,179,213,.13);
}
.section.services.ambient-target,.section.faq-section.ambient-target{
  --ambient-one:rgba(148,192,236,.17);
  --ambient-two:rgba(178,206,234,.18);
}
.section.methodology.ambient-target,.section.related-section.ambient-target{
  --ambient-one:rgba(114,166,213,.18);
  --ambient-two:rgba(224,239,253,.3);
}
.section.contact-section.ambient-target{--ambient-alpha:.6}
/* Psychology services: gentle sage, silver, muted gold. */
body.ambient-psychology-seo .hero{
  background:linear-gradient(118deg,#203a45 0%,#30565d 52%,#426a6b 100%);
}
body.ambient-psychology-seo .hero.ambient-target{
  --ambient-one:rgba(168,218,204,.27);
  --ambient-two:rgba(213,195,141,.18);
  --ambient-three:rgba(130,185,181,.21);
}
body.ambient-psychology-seo .hero .eyebrow,
body.ambient-psychology-seo .contact-panel .eyebrow{color:#e2d8ad}
body.ambient-psychology-seo .section.services{
  background:linear-gradient(145deg,#f4f8f6,#eaf3ef 55%,#f3f5f1);
}
body.ambient-psychology-seo .section.methodology{
  background:linear-gradient(140deg,#e7f0ee,#dcebe7 55%,#f2f6f3);
}
body.ambient-psychology-seo .section.faq-section{
  background:linear-gradient(145deg,#fafaf7,#eef4f1 62%,#f4f5ee);
}
body.ambient-psychology-seo .section.related-section{
  background:linear-gradient(135deg,#e8f0eb,#e2ece8);
}
body.ambient-psychology-seo .section.contact-section{
  background:linear-gradient(140deg,#e7eeea,#dfeae6);
}
body.ambient-psychology-seo .contact-panel{
  background:linear-gradient(110deg,#294951,#436b6b);
}
body.ambient-psychology-seo .section.ambient-target{
  --ambient-one:rgba(158,205,183,.28);
  --ambient-two:rgba(202,187,144,.17);
  --ambient-three:rgba(179,209,211,.15);
}
/* Psychology PHP page: existing slate-blue + champagne/gold palette, calmer glow. */
body.ambient-psychology .hero.ambient-target{
  --ambient-one:rgba(174,197,208,.3);
  --ambient-two:rgba(202,180,130,.22);
  --ambient-three:rgba(159,204,190,.17);
}
body.ambient-psychology .section.ambient-target{
  --ambient-one:rgba(186,211,206,.2);
  --ambient-two:rgba(216,193,150,.15);
  --ambient-three:rgba(196,208,224,.15);
}
body.ambient-psychology .section.alt.ambient-target{
  --ambient-one:rgba(164,203,194,.25);
  --ambient-two:rgba(210,193,158,.2);
}
body.ambient-psychology .section.contact.ambient-target{
  --ambient-one:rgba(189,208,208,.27);
  --ambient-two:rgba(211,188,145,.15);
}
@keyframes ambient-breathe{
  from{opacity:calc(var(--ambient-alpha) * .76)}
  to{opacity:var(--ambient-alpha)}
}
@media(max-width:720px){
  .ambient-target > .ambient-layer{inset:-7%;}
  .ambient-target{--ambient-alpha:.65}
}
@media(prefers-reduced-motion:reduce){
  .ambient-target > .ambient-layer{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
    opacity:.4!important;
  }
}