.architectural-grid {
      background-size: 28px 28px;
      background-image: 
        linear-gradient(to right, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    }

    .water-flow-calm {
      background: linear-gradient(90deg, rgba(2, 132, 199, 0.15) 0%, rgba(2, 132, 199, 0.4) 50%, rgba(2, 132, 199, 0.15) 100%);
      background-size: 200% 100%;
      animation: waterFlowCalm 2.8s linear infinite;
    }
    @keyframes waterFlowCalm {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }