4-column equipment grid with responsive breakpoints

style.css

@@ -919,8 +919,8 @@ a:hover { opacity: 0.8; }
 
 .equipment-sections {
   display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 3rem;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 2rem;
 }
 
 .equip-block h3 {
@@ -929,13 +929,22 @@ a:hover { opacity: 0.8; }
   text-transform: uppercase;
   letter-spacing: 0.12em;
   color: var(--text-tertiary);
+  margin-bottom: 0.5rem;
+}
+
+.equip-name {
+  font-size: 0.95rem;
+  font-weight: 700;
   margin-bottom: 0.75rem;
 }
 
-.equip-block p {
-  font-size: 0.85rem;
-  color: var(--text-secondary);
-  line-height: 1.7;
+.equip-name a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.equip-name a:hover {
+  text-decoration: underline;
 }
 
 .equipment-grid {
@@ -1069,11 +1078,17 @@ footer {
   }
 
   .equipment-sections {
-    grid-template-columns: 1fr;
+    grid-template-columns: 1fr 1fr;
     gap: 2rem;
   }
 }
 
+@media (max-width: 600px) {
+  .equipment-sections {
+    grid-template-columns: 1fr;
+  }
+}
+
 @media (max-width: 768px) {
   .hero { min-height: 45vh; }