html { scroll-behavior: smooth; }

body{
font-family: "Lato", sans-serif !important;	
}

.container {
        max-width: 1455px !important;
        margin: 0 auto;
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
	
	
	h1, h2, h3, h4, h5, h6{
		font-family: "Inter", sans-serif;
	}
	
	
	 @keyframes marqueeX {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* Smooth edge fade with wider coverage */
  #logoWrap {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0,
      #000 var(--fade),
      #000 calc(100% - var(--fade)),
      transparent 100%
    );
            mask-image: linear-gradient(
      to right,
      transparent 0,
      #000 var(--fade),
      #000 calc(100% - var(--fade)),
      transparent 100%
    );
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
  }

  @media (prefers-reduced-motion: reduce) {
    #logoRow { animation: none !important; }
  }