/* Getix Translate /real-estate v3 (2026-10-31). The page is a copy of the main page (index.html) through the clinics
   flagship: same sections, same markup, same pictures. Only the copy and the people change. Loaded after styles.css and
   niche.css, only on /real-estate. This file holds only what the main page and niche.css do not have:
     .pp-carmen .pp-lars ........ hero laptop (the main page player, its own script hero-real-estate.json):
                                  Carmen, the agent (navy jacket over a white shirt, headset, symbol re-agent),
                                  Lars, the buyer (palm print shirt, collar open, earbuds, symbol re-palm)
     .pp-javier .pp-ingrid ...... mode 01 tablet call: Javier (grey suit, light blue shirt, headset, re-agent-m),
                                  Ingrid (oatmeal sweater, earbuds, p-earbuds)
     .pp-stefan .pp-navy .pp-camel .pp-blue ... mode 03 webinar: Stefan, the developer's speaker (dark grey jacket,
                                  re-agent-m), agents in a navy jacket, a camel jacket (re-blazer) and a light blue shirt
     .re-slide .................. mode 03 slide: new homes by the sea (villa with a pool, three townhouses, apartments)
   The v2 version of this page (separate template, 27.10) is replaced. */

/* ---------- hero ---------- */
.tile .pp-carmen{--skin:#d6a17f;--skin-dk:#bf8a68;--hair:#2b211c;--jacket:#1f3b63;--lapel:#16294a;--shirt:#f4f6f8;--gear:#2a3140}
.tile .pp-lars{--skin:#f1d2b8;--skin-dk:#dcb394;--hair:#d8c08a;--shirt:#e9dcc0;--collar:#d2be93;--leaf:#2a9d8f;--leaf-dk:#1f6f5c}
/* the one grey line under the laptop sits close to it, as on /students (consistency check 01.11) */
.re-hero-scene .scene-cap{margin-top:4px}

/* ---------- modes ---------- */
.tile .pp-javier{--skin:#c99470;--skin-dk:#b37f5d;--hair:#2b211c;--jacket:#4a5568;--lapel:#394252;--shirt:#a9c7e8;--gear:#2a3140}
.tile .pp-ingrid{--skin:#f3d3b5;--skin-dk:#dcb394;--hair:#d8c08a;--shirt:#cbbfa6}
.ctile.u1 .pp.pp-stefan{--skin:#f0c9a8;--skin-dk:#dcb08f;--hair:#7d6e5f;--jacket:#3b4250;--lapel:#2a303b;--shirt:#f4f6f8;--gear:#2a3140}
.ctile.u2 .pp.pp-navy{--jacket:#1f3b63;--lapel:#16294a;--shirt:#f4f6f8}
.ctile.u3 .pp.pp-camel{--jacket:#a88763;--lapel:#8c6e4f;--shirt:#f4f6f8}
.ctile.u4 .pp.pp-blue{--shirt:#a9c7e8}

/* mode 03 slide: new homes by the sea, phase two (instead of the bar chart of the main page) */
.slide.re-slide{container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
.re-slide-t{display:block;font-family:'Manrope','Segoe UI',system-ui,sans-serif;font-size:5.4cqw;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#10151d}
.re-homes{display:block;flex:none;width:100%;height:auto}
.re-homes .ground{fill:none;stroke:#a3afc2;stroke-width:2;stroke-linecap:round}
.re-homes .sea path{fill:none;stroke:#0841c4;stroke-width:2.2;stroke-linecap:round}
.re-homes .sea .sea2{stroke:#a3afc2;stroke-width:1.8}
.re-homes .wall{fill:#fff;stroke:#a3afc2;stroke-width:1.6;stroke-linejoin:round}
.re-homes .roof{fill:#0841c4}
.re-homes .win{fill:#ccd5e2}
.re-homes .door{fill:#a3afc2}
.re-homes .pool{fill:rgba(8,65,196,.2);stroke:#0841c4;stroke-width:1.4}
.re-homes .rail{fill:none;stroke:#0841c4;stroke-width:1.8;stroke-linecap:round}