/* One illustrative interior, confined to light sections. No fixed/parallax layer. */
.clinic-background{
  --clinic-scene:url('assets/backgrounds/clinic-lobby.webp');
  --clinic-scene-opacity:.18;
  --clinic-scene-position:50% 55%;
  position:relative;
  isolation:isolate;
  background-color:var(--paper);
}
.clinic-background::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background-image:var(--clinic-scene);
  background-position:var(--clinic-scene-position);
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:scroll;
  opacity:var(--clinic-scene-opacity);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);
}
.brand-section.clinic-background{--clinic-scene-opacity:.13;--clinic-scene-position:50% 48%}
.team-section.clinic-background{--clinic-scene-position:50% 42%}
.rio-presence.clinic-background{--clinic-scene-position:50% 58%}
.about.clinic-background{--clinic-scene-position:50% 50%}
.faq.clinic-background{--clinic-scene-opacity:.15}
@media(max-width:760px){
  .clinic-background{
    --clinic-scene:url('assets/backgrounds/clinic-lobby-mobile.webp');
    --clinic-scene-opacity:.12;
    --clinic-scene-position:52% 50%;
  }
  .brand-section.clinic-background{--clinic-scene-opacity:.1}
  .faq.clinic-background{--clinic-scene-opacity:.12}
}
@media(forced-colors:active){.clinic-background::before{display:none}}
@media print{.clinic-background::before{display:none}}