diff --git a/DeepDrftPublic.Client/Pages/About.razor b/DeepDrftPublic.Client/Pages/About.razor
index c3d0235..8ddc07b 100644
--- a/DeepDrftPublic.Client/Pages/About.razor
+++ b/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,35 +223,40 @@
 
         @* Medium triptych — one-line frame of each medium; definitions, not a re-pitch.
            A stacked editorial list rather than Home's card grid. *@
-        <ul class="medium-list">
-            <li class="medium-row">
-                <a href="/cuts">
-                    <span class="medium-row-name">Cuts</span>
-                    <span class="medium-row-desc">Studio work, composed and finished.</span>
-                </a>
-            </li>
-            <li class="medium-row">
-                <a href="/sessions">
-                    <span class="medium-row-name">Sessions</span>
-                    <span class="medium-row-desc">Live, caught once, never the same twice.</span>
-                </a>
-            </li>
-            <li class="medium-row">
-                <a href="/mixes">
-                    <span class="medium-row-name">Mixes</span>
-                    <span class="medium-row-desc">Uninterrupted sets, start to finish.</span>
-                </a>
-            </li>
-        </ul>
-
-        @* The live turn — "on the street, in the swamp": the identity beyond releases.
+        <MudGrid Spacing="16">
+            <MudItem xs="12" md="6">
+                <ul class="medium-list">
+                    <li class="medium-row">
+                        <a href="/cuts">
+                            <span class="medium-row-name">Cuts</span>
+                            <span class="medium-row-desc">Studio work, composed and finished.</span>
+                        </a>
+                    </li>
+                    <li class="medium-row">
+                        <a href="/sessions">
+                            <span class="medium-row-name">Sessions</span>
+                            <span class="medium-row-desc">Live, caught once, never the same twice.</span>
+                        </a>
+                    </li>
+                    <li class="medium-row">
+                        <a href="/mixes">
+                            <span class="medium-row-name">Mixes</span>
+                            <span class="medium-row-desc">Uninterrupted sets, start to finish.</span>
+                        </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. *@
-        <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 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>
 
diff --git a/DeepDrftPublic.Client/Pages/About.razor.css b/DeepDrftPublic.Client/Pages/About.razor.css
index 17c0bff..6786066 100644
--- a/DeepDrftPublic.Client/Pages/About.razor.css
+++ b/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;
 }