/* real-estate.css — Wave A layout only. Colours/typography/buttons come from the existing OKNO system
   (okno-global-shell.css, okno-typography.css, okno-card-system.css, d3.css). No local palette or gradient. */
.rea-hero{padding-top:26px}
.rea-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
/* no approved media for this slot -> one readable column instead of an empty half-screen */
.rea-hero__grid--nomedia{grid-template-columns:minmax(0,780px)}
.rea-hero__copy .d3-h1{margin:0 0 14px}
.rea-eyebrow{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-teal)}
.rea-hero__pic img{width:100%;height:auto;border-radius:18px;display:block;box-shadow:var(--ok-card-shadow-hover)}
.rea-ctarow{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}
.rea-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:18px 0 0}
.rea-chips li{font-size:13.5px;font-weight:700;color:var(--ok-navy);background:var(--ok-card-surface);
  border:1px solid var(--ok-card-line);border-radius:999px;padding:6px 13px}
.rea-grid{margin:6px 0 0}
.rea-card h3{margin:0 0 8px}
.rea-ol{counter-reset:none}
@media(max-width:1000px){.rea-hero__grid{grid-template-columns:1fr;gap:24px}.rea-hero__media{order:2}}
@media(max-width:640px){
  .rea-hero__grid{gap:18px}
  .rea-ctarow .d3-btn{width:100%}
  .rea-hero__pic img{max-height:200px;object-fit:cover}
  .rea-chips,.rea-grid,.rea-ctarow{padding-right:64px}
}