/* The bronze edge shine, as a portable class for standalone pages
   (landing pages don't load the shared header's styles). Same gradient,
   pacing, and faded ends as the site footer and nav. */
.ng-shine-edge { position: relative; }
.ng-shine-edge::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
    background-image: linear-gradient(90deg,
        rgba(138, 90, 46, 0.30) 0%,
        rgba(156, 114, 64, 0.34) 20%,
        rgba(233, 199, 144, 0.85) 28%,
        rgba(201, 160, 107, 0.42) 36%,
        rgba(138, 90, 46, 0.30) 50%,
        rgba(170, 130, 84, 0.32) 70%,
        rgba(244, 239, 228, 0.38) 78%,
        rgba(138, 90, 46, 0.30) 88%,
        rgba(138, 90, 46, 0.30) 100%);
    background-size: 200% 100%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    animation: ng-edge-shine 18s linear infinite;
}
@keyframes ng-edge-shine { from { background-position: 0 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .ng-shine-edge::before { animation: none; } }