/* Faded heart-and-ear mark behind some home page sections (TEST build, 2 Nov 2026).
   Same idea as the thank-you page: the logo mark, very faint, tucked into a corner and partly off the edge.
   It sits behind the content, can't be tapped, and is hidden from screen readers. Six light sections, alternating sides:
   Why choose us (right), Services (left), What to expect (right), Locations (left), FAQ (right), Contact (left). */
.why.sec,.services.sec,.expect.sec,.loc.sec,.faq.sec,.contact.sec{position:relative;overflow:clip}
.why.sec::before,.services.sec::before,.expect.sec::before,.loc.sec::before,.faq.sec::before,.contact.sec::before{
  content:"";position:absolute;z-index:0;width:clamp(260px,34vw,480px);aspect-ratio:420/377;pointer-events:none;
  background:url("ecn-logo-H-mark.svg") center/contain no-repeat;opacity:.06}
.why.sec::before,.expect.sec::before,.faq.sec::before{right:-90px;top:36px}
.services.sec::before,.loc.sec::before,.contact.sec::before{left:-110px;top:36px;transform:scaleX(-1)}
/* the section's content stays above the mark */
.why.sec>.wrap,.services.sec>.wrap,.expect.sec>.wrap,.loc.sec>.wrap,.faq.sec>.wrap,.contact.sec>.wrap{position:relative;z-index:1}
@media(max-width:640px){
  .why.sec::before,.services.sec::before,.expect.sec::before,.loc.sec::before,.faq.sec::before,.contact.sec::before{width:240px;opacity:.055}
  .why.sec::before,.expect.sec::before,.faq.sec::before{right:-100px}
  .services.sec::before,.loc.sec::before,.contact.sec::before{left:-110px}
}