From 2a9c8cb619d1967eb05f0df48fe290a7a87605b7 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Mon, 18 May 2026 00:00:30 +0900
Subject: [PATCH] style(agent-office): match card image to 941x1672 aspect,
 fill grid width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Card image aspect-ratio 1/1 → 941/1672 (real image ratio, no crop)
- object-fit cover → contain (defensive against rounding)
- Drop card aspect-ratio so it grows from natural image+name height
- Drop grid max-width 720px so grid fills the viewport width

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/pages/agent-office/AgentOffice.css | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/pages/agent-office/AgentOffice.css b/src/pages/agent-office/AgentOffice.css
index 5eb2c0e..1ea60a7 100644
--- a/src/pages/agent-office/AgentOffice.css
+++ b/src/pages/agent-office/AgentOffice.css
@@ -54,14 +54,12 @@
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 16px;
-  max-width: 720px;
-  margin: 0 auto;
+  width: 100%;
 }
 
 /* ===== Agent Card ===== */
 .ao-card {
   position: relative;
-  aspect-ratio: 1 / 1.15;
   background: #1e293b;
   border: 1px solid #334155;
   border-radius: 12px;
@@ -126,9 +124,8 @@
 }
 
 .ao-card-image {
-  flex: 1;
   width: 100%;
-  aspect-ratio: 1 / 1;
+  aspect-ratio: 941 / 1672;
   border-radius: 8px;
   overflow: hidden;
   background: #0f172a;
@@ -137,7 +134,7 @@
 .ao-card-image img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
   display: block;
 }
 .ao-card-name {