From 18fe7a161375d153e99ab25066b60e04e5b6b1c8 Mon Sep 17 00:00:00 2001
From: kbot <kbot@local>
Date: Mon, 6 Jul 2026 21:52:55 -0500
Subject: [PATCH] operator: surface the banner, cut label noise

---
 components/portfolio/OperatorProfile.tsx | 40 ++++++++++--------------
 1 file changed, 16 insertions(+), 24 deletions(-)

diff --git a/components/portfolio/OperatorProfile.tsx b/components/portfolio/OperatorProfile.tsx
index d3f83fd..091de37 100644
--- a/components/portfolio/OperatorProfile.tsx
+++ b/components/portfolio/OperatorProfile.tsx
@@ -4,32 +4,30 @@ export function OperatorProfile() {
   return (
     <section
       id="operator"
-      className="bg-blacksite-bg px-4 py-20 text-blacksite-text sm:px-6 lg:px-8"
+      className="bg-blacksite-bg px-6 py-28 text-blacksite-text sm:px-8 sm:py-36 lg:px-12"
     >
       <div className="mx-auto max-w-7xl">
-        <div className="section-label mb-4">OPERATOR PROFILE /.06</div>
+        <div className="section-label mb-12">OPERATOR /.05</div>
 
         <div className="overflow-hidden rounded-2xl border border-blacksite-line bg-blacksite-surface shadow-[0_24px_90px_rgba(0,0,0,0.35)]">
-          <div className="relative h-48 overflow-hidden border-b border-blacksite-line bg-blacksite-bg2 sm:h-56 lg:h-64">
+          <div className="relative h-72 overflow-hidden border-b border-blacksite-line bg-blacksite-bg2 sm:h-80">
             <img
               src="/banner.jpg"
               alt=""
-              className="h-full w-full object-cover opacity-45 saturate-50"
+              className="h-full w-full object-cover object-center grayscale contrast-125 opacity-70"
             />
-            <div className="absolute inset-0 bg-black/85" aria-hidden="true" />
             <div
-              className="absolute inset-0 bg-[linear-gradient(90deg,rgba(0,240,255,0.12),transparent_34%,rgba(255,90,31,0.08))]"
+              className="absolute inset-0 bg-gradient-to-t from-blacksite-bg via-blacksite-bg/55 to-transparent"
               aria-hidden="true"
             />
+            <h2 className="absolute bottom-6 left-6 font-display text-3xl leading-none tracking-tight text-blacksite-text sm:bottom-8 sm:left-8 sm:text-5xl">
+              {identity.name}
+            </h2>
           </div>
 
           <div className="grid gap-px bg-blacksite-line lg:grid-cols-[1fr_1.15fr]">
-            <div className="bg-blacksite-surface p-6 sm:p-8 lg:p-10">
-              <p className="section-label mb-4">IDENTITY</p>
-              <h2 className="font-display text-4xl leading-tight tracking-tight text-blacksite-text sm:text-5xl">
-                {identity.name}
-              </h2>
-              <dl className="mt-8 grid gap-5 text-sm text-blacksite-muted sm:text-base">
+            <div className="bg-blacksite-surface p-8 sm:p-10">
+              <dl className="grid gap-5 text-sm text-blacksite-muted sm:text-base">
                 <div>
                   <dt className="section-label mb-2">ROLE</dt>
                   <dd className="text-blacksite-text">{identity.roleLine}</dd>
@@ -46,7 +44,7 @@ export function OperatorProfile() {
             </div>
 
             <div className="grid gap-px bg-blacksite-line">
-              <article className="bg-blacksite-surface2 p-6 sm:p-8 lg:p-10">
+              <article className="bg-blacksite-surface2 p-8 sm:p-10">
                 <p className="section-label mb-4">PUBLICATION</p>
                 <h3 className="font-display text-2xl leading-tight text-blacksite-text">
                   {publication.title}
@@ -62,15 +60,15 @@ export function OperatorProfile() {
                 </a>
               </article>
 
-              <div className="bg-blacksite-surface p-6 sm:p-8 lg:p-10">
+              <div className="bg-blacksite-surface p-8 sm:p-10">
                 <p className="section-label mb-5">HONORS</p>
                 <ul className="grid gap-4">
                   {honors.map((honor) => (
                     <li
                       key={`${honor.title}-${honor.year}`}
-                      className="grid gap-2 border-l border-signal-orange/50 pl-4 sm:grid-cols-[auto_1fr] sm:items-baseline sm:gap-4"
+                      className="grid gap-2 border-l border-signal-cyan/50 pl-4 sm:grid-cols-[auto_1fr] sm:items-baseline sm:gap-4"
                     >
-                      <span className="section-label text-signal-orange">
+                      <span className="section-label text-signal-cyan">
                         {honor.year || "RECOGNITION"}
                       </span>
                       <span>
@@ -86,15 +84,9 @@ export function OperatorProfile() {
             </div>
           </div>
 
-          <div className="border-t border-blacksite-line bg-blacksite-bg2 p-6 sm:p-8 lg:p-10">
+          <div className="border-t border-blacksite-line bg-blacksite-bg2 p-8 sm:p-10">
             <div className="mb-6 flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
-              <div>
-                <p className="section-label mb-3">SKILLS MATRIX</p>
-                <h3 className="font-display text-2xl text-blacksite-text">
-                  Domain → Capabilities
-                </h3>
-              </div>
-              <p className="section-label text-blacksite-muted">OPERATING SURFACE</p>
+              <p className="section-label">SKILLS</p>
             </div>
 
             <div className="overflow-hidden rounded-xl border border-blacksite-line">