about styles

DeepDrftPublic.Client/Pages/About.razor

@@ -106,7 +106,7 @@
                             <div class="bio-portrait-placeholder" aria-hidden="true"></div>
                         }
                     </div>
-                    <div class="bio-caption">@member.Name &middot; @member.Role</div>
+                    <div class="bio-caption">@member.Role</div>
                     <div class="bio-meta">
                         <div class="bio-name">@member.Name</div>
                         @if (!string.IsNullOrWhiteSpace(member.Bio))
@@ -192,7 +192,7 @@
                            ImageHeight="auto"
                            ImageWidth="100%"
                            ParallaxSpeed="0.35" />
-            <figcaption class="figure-caption">the live rig</figcaption>
+            <figcaption class="figure-caption">the studio rig</figcaption>
         </figure>
     </div>
 </div>
@@ -223,6 +223,8 @@
 
         @* Medium triptych — one-line frame of each medium; definitions, not a re-pitch.
            A stacked editorial list rather than Home's card grid. *@
+        <MudGrid Spacing="16">
+            <MudItem xs="12" md="6">
                 <ul class="medium-list">
                     <li class="medium-row">
                         <a href="/cuts">
@@ -243,15 +245,18 @@
                         </a>
                     </li>
                 </ul>
-
+            </MudItem>
             @* The live turn — "on the street, in the swamp": the identity beyond releases.
            A left-breaking pull-quote at large serif scale. *@
+            <MudItem xs="12" md="6">
                 <blockquote class="pull-quote">
                     <span class="pull-eyebrow">Beyond the Releases</span>
                     <p>
                         But that's just the releases. We're also out there &mdash; on the street, in the swamp, with a PA, a generator, and a bunch of good vibes.
                     </p>
                 </blockquote>
+            </MudItem>
+        </MudGrid>
     </div>
 </div>
 

DeepDrftPublic.Client/Pages/About.razor.css

@@ -271,7 +271,7 @@
 }
 
 .bio-portrait {
-    width: 100%;
+    width: 80%;
     aspect-ratio: 1 / 1;
     overflow: hidden;
     border: 1px solid var(--deepdrft-border);
@@ -484,7 +484,6 @@
 /* The sharp pull-quote — breaks LEFT into the rail margin at large serif scale. */
 .pull-quote {
     margin: 0;
-    margin-left: -7rem;
     max-width: 70ch;
 }