/* Getix Translate /hospitality 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 /hospitality. This file holds only what the main page and niche.css do not have:
     hero ................ the main page laptop (#player, data-demo = assets/hero-hospitality.json); .pp-lucia and
                           .pp-oliver colour the two people (sprite symbols hs-lucia, hs-oliver)
     .pp-javier .pp-ingrid  mode 01 tablet call (hs-javier: olive polo with a name badge; hs-ingrid: cream cable knit)
     .pp-giulia .pp-navy .pp-sky .pp-sand  mode 03 webinar (hs-giulia: emerald blazer; travel agents in polos, hs-polo)
     .hs-slide ........... mode 03 slide: three routes along the coast
   Custom properties used by the hs- symbols, besides the main page ones (--skin, --skin-dk, --hair, --shirt, --gear):
     --blouse --lapel (hs-blazer), --scarf --scarf-dk (hs-lucia), --collar --placket --shades (hs-oliver),
     --badge (hs-javier), --knit (hs-ingrid). */

/* ---------- hero: Lucía (tour operator in Seville: navy blazer, teal scarf, headset) and
   Oliver (group organiser abroad: light blue linen shirt, sunglasses pushed up, earbuds) ---------- */
.tile .pp-lucia{--skin:#e3b48f;--skin-dk:#c99a76;--hair:#2b2420;--shirt:#1f3b63;--blouse:#f3f4f6;--lapel:#142a4a;--scarf:#2a9d8f;--scarf-dk:#1f7c71;--gear:#3a4556}
.tile .pp-oliver{--skin:#f1d2b8;--skin-dk:#dcb394;--hair:#b08d57;--shirt:#a8c5da;--collar:#c8dbe8;--placket:#7f9fb8;--shades:#23272e}
/* the one grey line under the laptop sits close to it, as on /students (consistency check 01.11) */
.hs-hero-scene .scene-cap{margin-top:4px}

/* ---------- modes ---------- */
/* mode 01: Javier (venue manager, olive polo, white name badge, headset), Ingrid (corporate trip organiser, cream knit, earbuds) */
.tile .pp-javier{--skin:#c99470;--skin-dk:#b37f5d;--hair:#1d1b1a;--shirt:#6b7f4e;--badge:#f3f4f6;--gear:#2a3140}
.tile .pp-ingrid{--skin:#f3d9c4;--skin-dk:#dfbfa5;--hair:#d9c08a;--shirt:#e9e2d0;--knit:#d1c6ac}
/* mode 03: Giulia (partner presenting the season, emerald blazer, headset); travel agents in navy, sky blue and sand polos */
.ctile.u1 .pp.pp-giulia{--skin:#eac3a3;--skin-dk:#d4a988;--hair:#5a3a26;--shirt:#1f7a5c;--blouse:#f3f4f6;--lapel:#165a44;--gear:#2a3140}
.ctile.u2 .pp.pp-navy{--shirt:#1f3b63}
.ctile.u3 .pp.pp-sky{--shirt:#8ecae6}
.ctile.u4 .pp.pp-sand{--shirt:#c9b38a}

/* mode 03 slide: three routes along the coast instead of the bar chart (flat, app blue and blue greys, no map, no prices) */
.slide.hs-slide{container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
.hs-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}
.hs-coast{display:block;flex:none;width:100%;height:auto}
.hs-coast .sun circle{fill:#dbe4f3}
.hs-coast .sun path{fill:none;stroke:#9fb0cc;stroke-width:2;stroke-linecap:round}
.hs-coast .sea{fill:#e2ebf8}
.hs-coast .shore{fill:none;stroke:#8a97ab;stroke-width:2.4;stroke-linecap:round}
.hs-coast .waves path{fill:none;stroke:#b7c6dd;stroke-width:1.8;stroke-linecap:round}
.hs-coast .route{fill:none;stroke:#0841c4;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.1 7}
.hs-coast .pin circle{fill:#fff;stroke:#0841c4;stroke-width:3}
.hs-coast .pin .dot{fill:#0841c4;stroke:none}