fix(about): differentiate medium-card eyebrows; co-locate orphaned media query

Studio/Live/DJ Set eyebrows mirror Home's established vocabulary.
Orphaned @media (max-width: 960px) for .section-dark-standfirst
merged into the sibling dark-section block.

DeepDrftPublic.Client/Pages/About.razor

@@ -209,7 +209,7 @@
                 <div class="medium-scrim"></div>
             </div>
             <div class="medium-body">
-                <div class="medium-type">Cuts</div>
+                <div class="medium-type">Studio</div>
                 <div class="medium-name">Cuts</div>
                 <div class="medium-desc">Studio work, composed and finished.</div>
             </div>
@@ -219,7 +219,7 @@
                 <div class="medium-scrim"></div>
             </div>
             <div class="medium-body">
-                <div class="medium-type">Sessions</div>
+                <div class="medium-type">Live</div>
                 <div class="medium-name">Sessions</div>
                 <div class="medium-desc">Live, caught once, never the same twice.</div>
             </div>
@@ -229,7 +229,7 @@
                 <div class="medium-scrim"></div>
             </div>
             <div class="medium-body">
-                <div class="medium-type">Mixes</div>
+                <div class="medium-type">DJ Set</div>
                 <div class="medium-name">Mixes</div>
                 <div class="medium-desc">Uninterrupted sets, start to finish.</div>
             </div>

DeepDrftPublic.Client/Pages/About.razor.css

@@ -332,6 +332,7 @@
     .features-grid { grid-template-columns: repeat(2, 1fr); }
     .feature-card { border-right: none; border-bottom: 1px solid rgba(250, 250, 248, 0.08); }
     .feature-card:last-child { border-bottom: none; }
+    .section-dark-standfirst { font-size: 0.88rem; }
 }
 
 @media (max-width: 599px) {
@@ -635,7 +636,3 @@
     color: var(--deepdrft-navy);
     opacity: 0.7;
 }
-
-@media (max-width: 960px) {
-    .section-dark-standfirst { font-size: 0.88rem; }
-}