/* ============================================================================
   FOR CUSTOMERS PAGE ONLY — css/for-customers.css
   Loaded AFTER css/style.css, so anything in here wins on this page only.
   ============================================================================ */

  .logo-banner{ width:100%; background:var(--void); text-align:center; padding-top:0; padding-bottom:0; }
  .logo-banner img{ display:block; width:100%; max-height:100%; object-fit:cover; object-position:center top;
    -webkit-mask-image:linear-gradient(to bottom, black 0%, black 70%, transparent 100%);
    mask-image:linear-gradient(to bottom, black 0%, black 70%, transparent 100%); }
  .hero::before{
    content:""; position:absolute; inset:0;
    background-image:url('/images/swirl.png'); background-size:cover; background-position:center; background-repeat:no-repeat;
    mask-image:radial-gradient(ellipse 900px 600px at 60% 20%, black, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse 900px 600px at 60% 20%, black, transparent 75%);
    opacity:0.55;
  }
  [data-reveal]{ opacity:1 !important; transform:none !important; }