.page-hero { padding: 120px 7% 48px; background: var(--g2); }
.breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.breadcrumb a, .breadcrumb span { font-size: 11px; letter-spacing: 2px; color: rgba(200,160,96,.5); font-family: 'Cormorant Garamond', serif; text-decoration: none; }
.breadcrumb .current { color: var(--gold); }
.page-title { font-family: 'Noto Serif TC', serif; font-size: clamp(22px, 3vw, 36px); font-weight: 700; color: #f0ece2; letter-spacing: 3px; line-height: 1.4; }
.case-tags-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.case-tag-pill { font-size: 10px; letter-spacing: 2px; color: var(--gold); border: 1px solid rgba(200,160,96,.35); padding: 4px 14px; font-family: 'Cormorant Garamond', serif; }

.detail-page { padding: 48px 7% 90px; max-width: 1200px; margin: 0 auto; }
.detail-main-img { width: 100%; margin-bottom: 24px; background: var(--cream2); min-height: 320px; object-fit: cover; }
.detail-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 48px; }
.detail-gallery img { width: 100%; aspect-ratio: 4/3; object-fit: cover; cursor: pointer; }
.detail-content { font-size: 15px; line-height: 2; color: var(--muted); font-weight: 300; margin-bottom: 56px; }
.detail-content h2, .detail-content h3 { font-family: 'Noto Serif TC', serif; color: var(--g2); margin: 1.5em 0 0.75em; letter-spacing: 2px; }

.more-section { border-top: 1px solid rgba(26,48,33,.1); padding-top: 48px; }
.more-section h2 { font-family: 'Noto Serif TC', serif; font-size: 20px; color: var(--g2); letter-spacing: 3px; margin-bottom: 28px; }
.more-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.more-card { text-decoration: none; position: relative; overflow: hidden; }
.more-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.more-card .case-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 16px; background: linear-gradient(to top, rgba(15,31,22,.9), transparent); }
.more-card .case-name { font-family: 'Noto Serif TC', serif; font-size: 13px; color: #f0ece2; font-weight: 600; }

.back-link { display: inline-block; margin-bottom: 24px; font-size: 12px; letter-spacing: 2px; color: var(--g3); text-decoration: none; font-family: 'Cormorant Garamond', serif; }
.back-link:hover { color: var(--gold); }

@media (max-width: 768px) {
  .detail-gallery, .more-grid { grid-template-columns: 1fr 1fr; }
}