From a97cdcf395f9204f340a982c80dcfc437a2beff8 Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Wed, 17 Jun 2026 18:13:00 -0400
Subject: [PATCH] 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     | 6 +++---
 DeepDrftPublic.Client/Pages/About.razor.css | 5 +----
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/DeepDrftPublic.Client/Pages/About.razor b/DeepDrftPublic.Client/Pages/About.razor
index 5b83874..e4d516c 100644
--- a/DeepDrftPublic.Client/Pages/About.razor
+++ b/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>
diff --git a/DeepDrftPublic.Client/Pages/About.razor.css b/DeepDrftPublic.Client/Pages/About.razor.css
index 185a27f..5415e80 100644
--- a/DeepDrftPublic.Client/Pages/About.razor.css
+++ b/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; }
-}