/* Getix Translate /relocation v3 (2026-10-31). The page is a copy of the main page (index.html), built from 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 /relocation. This file holds only what the main page and niche.css do not have:
     .rl-hero-scene ...... hero picture: the desk from above (.desk, .desk-phone, .desk-mid from niche.css, no tags)
                           in place of the laptop of the main page; .rl-arms-guest (Oksana, sage knit sweater) and
                           .rl-arms-staff (Carmen, dark blazer with a white shirt cuff) colour the arms
     .rl-voice ........... faint sound rings behind the flat phone (.voice from niche.css)
     .pp-carmen .pp-liam .pp-claire .pp-colleague .pp-beige .pp-grey ... relocation people (colours for the sprite
                           symbols rl-carmen, rl-blazer, rl-claire, rl-collar, p-earbuds, p-plain)
     .rl-slide ........... mode 03 slide: a school open day (school, calendar with one marked day, backpack)
   The v2 version of this file (separate template, 28.10) is replaced. */

/* ---------- hero ---------- */
.rl-hero-scene .desk{margin-top:14px}
.rl-desk .panes.face .pane:first-child{transform:rotate(180deg)}
.rl-arms-guest{--sleeve:#8aa58a;--cuff:#779276;--skin:#f1d2b8;--skin-dk:#dcb394}
.rl-arms-staff{--sleeve:#34496f;--cuff:#e8edf3;--skin:#d4a07a;--skin-dk:#bb8862}
.rl-voice{--vs:74%}
.rl-voice i{border-width:1.5px;border-color:rgba(54,204,255,.34)}

/* ---------- modes ---------- */
/* Carmen (dark blazer over a white shirt, headset), Liam (blue grey hoodie, earbuds),
   Claire (light cardigan, glasses, headset), webinar guests: a colleague in a dark blazer, a beige sweater, a grey shirt */
.tile .pp-carmen{--skin:#d4a07a;--skin-dk:#bb8862;--hair:#2b1f17;--jacket:#34496f;--jacket-dk:#22304d;--shirt-in:#e8edf3;--gear:#2a3140}
.tile .pp-liam{--skin:#f0c9a8;--skin-dk:#dcb08f;--hair:#7a5634;--shirt:#6f7f96}
.ctile.u1 .pp.pp-claire{--skin:#f1d2b8;--skin-dk:#dcb394;--hair:#b98a52;--shirt:#d9cdb8;--shirt-dk:#b9ab93;--top:#4f6585;--gear:#2a3140}
.ctile.u2 .pp.pp-colleague{--skin:#c99470;--skin-dk:#b37f5d;--hair:#2b1f17;--jacket:#34496f;--jacket-dk:#22304d;--shirt-in:#e8edf3}
.ctile.u3 .pp.pp-beige{--skin:#e8c3a3;--skin-dk:#d2a987;--hair:#5a3a22;--shirt:#cbb79a}
.ctile.u4 .pp.pp-grey{--skin:#a8774f;--skin-dk:#8f633f;--hair:#161616;--shirt:#9aa3ad;--collar:#e8edf3}

/* mode 03 slide: a school open day instead of the bar chart */
.slide.rl-slide{container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
.rl-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}
.rl-openday{display:block;flex:none;width:100%;height:auto}
.rl-openday .base{fill:#e2e8f1;stroke:#5d6a80;stroke-width:2;stroke-linejoin:round}
.rl-openday .mid{fill:#c3cddb;stroke:#5d6a80;stroke-width:1.8;stroke-linejoin:round}
.rl-openday .paper{fill:#fff;stroke:#5d6a80;stroke-width:2}
.rl-openday .dim{fill:#8a97ab}
.rl-openday .acc{fill:#1c81e3}
.rl-openday .ring{fill:#5d6a80}
.rl-openday .day rect{fill:#e2e8f1}
.rl-openday .mark{fill:none;stroke:#1c81e3;stroke-width:2}
.rl-openday .line{fill:none;stroke:#5d6a80;stroke-width:3;stroke-linecap:round}
.rl-openday .line.thin{stroke-width:1.8}
.rl-openday .pull{fill:none;stroke:#1c81e3;stroke-width:2.6;stroke-linecap:round}
.rl-openday .arrow path{fill:none;stroke:#1c81e3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}