.mmr-sold-hero { position: relative; height: clamp(340px, 48vh, 520px); overflow: hidden; }
.mmr-sold-hero-scrim {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, color-mix(in srgb, black 78%, transparent) 0%, color-mix(in srgb, black 45%, transparent) 55%, color-mix(in srgb, black 20%, transparent) 100%);
}
.mmr-sold-hero-inner { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.mmr-sold-hero-inner h1 { font-size: clamp(38px, 5vw, 60px); line-height: 1.08; letter-spacing: -0.015em; margin: 0 0 20px; color: var(--color-bg); }
.mmr-sold-intro { font-size: 16px; line-height: 28px; max-width: 60ch; margin: 0; color: color-mix(in srgb, white 85%, transparent); }

.mmr-sold-grid-wrap { padding: 56px 0; }
.mmr-sold-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; }
.mmr-sold-card { display: block; text-decoration: none; color: inherit; transition: transform 0.2s ease; }
.mmr-sold-card:hover { transform: translateY(-4px); }
.mmr-sold-photo-wrap { position: relative; }
.mmr-sold-photo {
  width: 100%; aspect-ratio: 4 / 3; background: var(--color-surface);
  border-radius: var(--radius-md); box-shadow: var(--shadow-sm);
  transition: box-shadow 0.2s ease;
}
.mmr-sold-card:hover .mmr-sold-photo { box-shadow: var(--shadow-md); }
.mmr-sold-badge {
  position: absolute; top: 14px; left: 14px; font-size: 11px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 12px;
  border-radius: var(--radius-sm); background: var(--color-accent); color: #fff;
}
.mmr-sold-address {
  font-family: var(--font-heading); font-weight: 400; font-size: 19px; line-height: 1.25;
  letter-spacing: -0.01em; margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--color-divider);
}

.mmr-sold-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 48px; flex-wrap: wrap; }
.mmr-sold-page-link { padding: 10px 16px; min-height: 44px; min-width: 44px; justify-content: center; }
.mmr-sold-page-link.current { background: var(--color-text); color: var(--color-bg); border-color: var(--color-text); }

.mmr-sold-cta { background: var(--color-accent); color: var(--color-bg); }
.mmr-sold-cta-inner { padding: 64px clamp(20px, 5vw, 56px); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.mmr-sold-cta-inner h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.15; letter-spacing: -0.01em; margin: 0; color: var(--color-bg); }

@media (max-width: 700px) { .mmr-sold-grid { grid-template-columns: 1fr; } }