:root {
  --paper: #faf8f3;
  --ink: #182b20;
  --muted: #4a524b;
  --gold: #97783d;
}
body, .house-node-name, .hero-signature, .hero-cta, .section-label,
.card-top span:last-child, .footer-nav h2, .group-footer .footer-nav a,
.brand-body h3.brand-full-name, .hero-bottom, select, button {
  font-family: BrandMontserrat, Montserrat, sans-serif;
}
main :is(h1,h2,h4), main :is(h1,h2,h4) em, .journeys h3, .footer-quote {
  font-family: BrandRecline, Recline, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.hero h1 em, main h2 em {font-family: BrandRecline, Recline, sans-serif; font-style: normal;}
body, header.is-scrolled, .brand-gallery.house-gallery, .house-node,
.manifesto, .houses, .places {background: #faf8f3;}
.group-architecture, .contact {background: #f3eee2;}
.synergies, .group-footer {background: #0b120d;}
main h2 em, .house-intro h2 em {color: #182b20;}
.synergies h2 em {color: #c8a35f;}
.manifesto .group-definition, .vision-detail, .brand-body > p {color: #4a524b;}
.vision-detail {max-width: 660px; margin-top: 22px; font-size: 15px; line-height: 1.85;}
.house-universe {margin-top: 28px; max-width: 1140px;}
.house-node, .house-node:last-child {min-height: 0; background: transparent;}
.house-node-name {margin-top: 5px;}
.house-node:before, .house-node:after, .house-mobile-emblem:after {display: none;}
.house-gallery .house-node-arrow {display:none;}
.house-intro h2 {color:#182b20;}
@media(min-width:1101px) {
  .node-france {left:8%; top:74%;}
  .node-wh {left:2%; top:38%;}
  .node-blanc {left:50%; top:6%; translate:-50% 0;}
  .node-proprete {left:77%; top:45%;}
  .node-voyage {left:71%; top:74%;}
}
@media(max-width:1100px) {
  .house-universe {display:block; position:relative; width:100%; max-width:720px; aspect-ratio:1.55; padding:0; margin:28px auto 0;}
  .house-mobile-emblem {position:absolute; width:40%; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; padding:0;}
  .mobile-house-drawing {width:100%; margin:0;}
  .house-universe .house-node {position:absolute; width:23%; padding:0; border:0; text-align:center; align-items:center; transform:translateX(-50%);}
  .house-universe .house-node-logo {height:65px; width:100%; justify-content:center;}
  .house-universe .node-france {left:23%; top:74%;}
  .house-universe .node-wh {left:13%; top:38%;}
  .house-universe .node-blanc {left:50%; top:0;}
  .house-universe .node-proprete {left:87%; top:43%;}
  .house-universe .node-voyage {left:76%; top:74%;}
  .house-node .logo-blanc {max-height:100%; width:auto;}
  .house-node-name {margin:6px 0 0;}
}
@media(max-width:560px) {
  .brand-gallery.house-gallery {padding:46px 5% 25px;}
  .house-intro {text-align:center;}
  .house-universe {aspect-ratio:1.04;}
  .house-universe .house-node {width:25%;}
  .house-universe .house-node-logo {height:44px;}
  .house-universe .logo-france, .house-universe .logo-travel {width:100%;}
  .house-universe .logo-wh img {width:39px;}
  .house-universe .logo-wh > span {font-size:5px; letter-spacing:1px; margin-top:3px;}
  .house-universe .logo-proprete {width:100%;}
  .house-universe .logo-proprete > span {font-size:14px; letter-spacing:.5px;}
  .house-universe .logo-proprete small {font-size:5px; letter-spacing:1px;}
  .house-node-name {font-size:10px; line-height:1.4;}
}

.house-service {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: .45em;
  margin: 6px 0 0;
  color: #4a524b;
  font: 400 12px/1.55 BrandMontserrat, sans-serif;
}
.house-service span { white-space: nowrap; }
.house-service span + span::before { content: '·'; margin-right: .45em; color: #97783d; }
@media(max-width:560px) {
  .house-universe { aspect-ratio: .93; }
  .house-service { display: grid; font-size: 10px; line-height: 1.45; }
  .house-service span { white-space: normal; }
  .house-service span + span::before { content: none; }
}

.house-node-logo .family-signature {
  display: block;
  width: min(90%, 170px);
  height: auto;
  object-fit: contain;
}
.brand-lockup img.family-signature { width: min(90%, 200px); height: auto; }
.house-universe .node-blanc .logo-blanc { width: min(100%, 166px); height: auto; max-height: 88px; filter: none; }
.lockup-blanc img.logo-blanc { width: min(100%, 196px); height: auto; max-height: 100px; filter: none; }
.group-wordmark { width: 185px; }
.footer-signature .group-footer-logo { width: clamp(115px, 12vw, 145px); }
@media(max-width:560px) {
  .group-wordmark { width: 150px; }
  .house-node-logo .family-signature { width: 100%; }
  .house-universe .node-blanc .logo-blanc { max-height: 44px; }
}

.house-service strong {
  flex-basis: 100%;
  color: #182b20;
  font-weight: 500;
  text-align: center;
}
@media(max-width:560px) {
  .house-universe { margin-bottom: 20px; }
}
