/* ================================================================
   The ModelProp product family (17 Oct 2026)
   Every Prop shares ModelProp's type, indigo, house mark and pill buttons
   and differs only in its own colour. A product class sets the colour;
   the lockup is the house in that colour, the first word in its darker
   shade and "Prop" in indigo (e.g. **Chat**Prop).
   --product       the house and fills
   --product-ink   the darker shade, for words on white
   --product-tint  pale backgrounds (chips, bubbles)
   --product-on    icons and text sitting on --product
   --product-light the house and first word on indigo or other dark grounds
   ================================================================ */
.prop--chat    { --product: #3AAA4F; --product-ink: #217A35; --product-tint: #E6F6E9; --product-on: #051f3a; --product-light: #5CC870; }
.prop--voice   { --product: #F2B705; --product-ink: #8A6400; --product-tint: #FDF2CC; --product-on: #051f3a; --product-light: #F5C531; }
.prop--virtual { --product: #D9468C; --product-ink: #B02A6B; --product-tint: #FBE3EE; --product-on: #FFFFFF; --product-light: #F07DB4; }
.prop--content { --product: #14B89B; --product-ink: #0E8A73; --product-tint: #DDF5EF; --product-on: #051f3a; --product-light: #3DDBBE; }
.prop--avatar  { --product: #6C4CE0; --product-ink: #6C4CE0; --product-tint: #EEE9FC; --product-on: #FFFFFF; --product-light: #A996F7; }
.prop--clip    { --product: #F25F5C; --product-ink: #C93F3A; --product-tint: #FDE6E5; --product-on: #FFFFFF; --product-light: #FF8A86; }
.prop--omni    { --product: #5ADBFF; --product-ink: #0A84B8; --product-tint: #E3F8FF; --product-on: #051f3a; --product-light: #5ADBFF; }
.prop--enquiry { --product: #4169E1; --product-ink: #2D4FB4; --product-tint: #EAF0FF; --product-on: #FFFFFF; --product-light: #A8BFFF; }

.mp-lockup { display: inline-flex; align-items: center; gap: 10px; line-height: 1; text-decoration: none; }
.mp-lockup__mark { width: 28px; height: 28px; flex: none; background: var(--product);
  -webkit-mask: url("/assets/glyph-house.png") no-repeat center / contain; mask: url("/assets/glyph-house.png") no-repeat center / contain; }
.mp-lockup__word { font-family: var(--font-sans); font-size: 22px; letter-spacing: -.01em; color: var(--indigo-dye); white-space: nowrap; }
.mp-lockup__word b { font-weight: 400; color: var(--product-ink); }
.mp-lockup--white .mp-lockup__word { color: #fff; }
.mp-lockup--white .mp-lockup__mark { background: var(--product-light, var(--product)); }
.mp-lockup--white .mp-lockup__word b { color: var(--product-light, var(--product)); }
.mp-lockup--lg .mp-lockup__mark { width: 44px; height: 44px; }
.mp-lockup--lg .mp-lockup__word { font-size: 40px; }
.mp-lockup--sm { gap: 7px; }
.mp-lockup--sm .mp-lockup__mark { width: 15px; height: 15px; }
.mp-lockup--sm .mp-lockup__word { font-size: 14px; letter-spacing: 0; }
/* Takes the size of the text around it, e.g. inside a heading */
.mp-lockup--inherit { gap: .3em; }
.mp-lockup--inherit .mp-lockup__mark { width: 1.05em; height: 1.05em; }
.mp-lockup--inherit .mp-lockup__word { font-size: inherit; letter-spacing: inherit; }


/* SiteProp approved signature: M704, 22 October 2026. */
.prop--site{--product:#B8D934;--product-ink:#526600;--product-tint:#F2F8D8;--product-on:#051F3A;--product-light:#B8D934}