/* Compact family hierarchy and room for the complete membership strip. */
.family-bar{height:62px}
.family-bar .family-inner{display:flex;align-items:center;gap:24px}
.family-bar .family-inner .family-brand{margin:0}
.family-bar .family-inner .family-parent{flex:0 0 235px;width:235px;height:100%;justify-content:flex-start}
.family-bar .family-inner .family-logo.parent,.site-header .header-logo{width:220px;height:54px;object-fit:contain;object-position:left center}
.family-bar .family-divider{display:block;height:28px}
.family-bar .family-inner .family-children{display:flex;align-items:center;justify-content:flex-start;gap:24px;height:100%;border:0;flex:1;min-width:0}
.family-bar .family-inner .family-children .family-brand{flex:0 1 170px;height:100%;min-width:0;justify-content:flex-start;margin:0}
.family-bar .family-inner .family-children .family-logo:is(.systems,.studio,.intelligence){content:normal;width:170px;max-width:100%;height:52px;object-fit:contain;object-position:left center}
.site-header{height:74px}
.hero{height:min(680px,calc(100svh - 240px));min-height:420px}
body[data-practice=parent] .hero picture img{object-position:center 20%}
.hero-inner{padding-bottom:24px}
.membership-band{padding-block:18px}
@media(max-width:1150px){
  .family-bar .family-inner{gap:18px}
  .family-bar .family-inner .family-parent{flex-basis:200px;width:200px}
  .family-bar .family-inner .family-logo.parent,.site-header .header-logo{width:185px;height:48px}
  .family-bar .family-inner .family-children{gap:16px}
}
@media(min-width:801px) and (max-width:899px){.hero{height:calc(100svh - 270px)}}
@media(max-width:800px){
  .family-bar{height:104px}
  .family-bar .family-inner{display:grid;grid-template-columns:1fr;gap:0;justify-items:start}
  .family-bar .family-inner .family-parent{width:215px;height:46px;justify-content:flex-start}
  .family-bar .family-inner .family-logo.parent,.site-header .header-logo{width:180px;height:44px}
  .family-bar .family-divider{display:none}
  .family-bar .family-inner .family-children{width:100%;height:58px;gap:20px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;border-top:1px solid #354756;scroll-snap-type:x proximity}
  .family-bar .family-inner .family-children .family-brand{flex:0 0 152px;height:57px;scroll-snap-align:start}
  .family-bar .family-inner .family-children .family-logo:is(.systems,.studio,.intelligence){content:normal;width:152px;max-width:152px;height:48px}
  .site-header{height:64px}
  .site-nav{top:168px}
  .hero{height:calc(100svh - 360px);min-height:450px;max-height:620px}
  .hero-inner{padding-top:30px;padding-bottom:0}
  body[data-practice=parent] .hero picture img{object-position:center bottom}
}
@media(max-width:360px){
  .family-bar .family-inner .family-logo.parent,.site-header .header-logo{width:172px}
}

/* Review correction: neutral family switcher; retain colour within each brand. */
.family-bar .family-children .family-logo{filter:grayscale(1) brightness(1.6)}
.family-bar .family-inner .family-brand.current{border-bottom-color:#d0dce2}

/* Preserve the existing hero height while bringing the lower scene into frame. */
@media(min-width:801px){
  body[data-practice=parent] .hero picture img{object-position:center 65%}
  body[data-practice=systems] .hero picture img{object-position:center 65%}
  body[data-practice=studio] .hero picture img{object-position:center 55%}
  body[data-practice=intelligence] .hero picture img{object-position:center 35%}
}