/* Proportion pass only. Keep v10 colors, content and image assets.
   Scope exceeds the saved prototype layers so the comparison is reversible. */
html[data-home-sizing="refined"][data-home-cohesion="focused"][data-choice-colors="greens"][data-homepage-version="v2"][data-paths-version="stacked"][data-color-rhythm="refined"][data-house-version="slate"]:has(#b2-home.bcx-home:not([hidden])) #bc-library-preview #bc-house-synthesis #b2-home {
  --home-gutter:clamp(24px,4vw,48px);
  --home-space:clamp(40px,5vw,64px);
  --home-gap:clamp(28px,4vw,48px);
  --home-panel:clamp(22px,2.3vw,28px);

  & .bcx-paths, & .bcx-continuity, & .bcx-buying, & .s-people {
    padding:var(--home-space) var(--home-gutter)!important;
  }
  & .bcx-continuity, & .bcx-buying, & .s-people {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--home-gap)!important;
    align-items:center!important;
  }
  & .bcx-continuity>*, & .bcx-buying>*, & .s-people>* {min-width:0!important;}
  & .bcx-continuity, & .bcx-buying {align-items:start!important;}
  & .bcx-example {margin:0!important;width:100%!important;align-self:start!important;}
  & .bcx-buying-art {padding:0!important;width:100%!important;}

  /* Align the choice group with the other sections, retaining vertical reading. */
  & .bcx-paths .bcx-section-heading, & .bcx-paths .bcx-path-list, & .bcx-paths .bcx-path-footer {
    width:100%!important;max-width:none!important;margin-inline:0!important;
  }
  & .bcx-section-heading {gap:32px!important;margin-bottom:32px!important;}
  & .bcx-section-heading>p {max-width:280px!important;flex:0 0 280px;font-size:16px!important;line-height:1.6!important;}
  & .bcx-path-list li {padding:24px 28px 16px!important;}

  /* Real padding replaces the 18px paint-only spread around these panels. */
  & .bcx-example-copy, & .bcx-paid, & .s-people-copy {
    box-shadow:none!important;padding:var(--home-panel)!important;
    width:100%!important;box-sizing:border-box!important;
  }
  & .bcx-paid {margin-top:32px!important;}
  & .s-people-copy {align-self:center!important;}
  & .bcx-product-preview {width:100%!important;margin:0 0 24px!important;}
  & .bcx-product-preview figcaption, & .bcx-acquisition-preview figcaption {margin:10px 0 0!important;}
  & .bcx-example-copy>p:not(.s-kicker), & .bcx-paid>p:not(.s-kicker):not(.bcx-price), & .s-people-copy>p:not(.s-kicker) {
    max-width:58ch!important;font-size:16px!important;line-height:1.65!important;
  }
  & .bcx-deck {font-size:17px!important;max-width:52ch!important;}
  & .bcx-steps li {font-size:16px!important;line-height:1.6!important;padding-bottom:20px!important;}
  & .bcx-example-copy h3, & .bcx-paid h3 {font-size:28px!important;line-height:1.2!important;max-width:none!important;}
  & .bcx-path-list h3 {font-size:clamp(25px,2.2vw,28px)!important;line-height:1.2!important;}
  & .bcx-path-list p {font-size:16px!important;line-height:1.6!important;}
  & .bcx-section-heading h2, & .bcx-continuity-copy h2, & .bcx-buying-copy>h2, & .s-people-copy h2, & .s-house h2 {
    font-size:clamp(32px,3.2vw,44px)!important;line-height:1.14!important;
  }
  & .s-kicker {font-size:11px!important;line-height:1.5!important;}
  & .s-button {font-size:16px!important;line-height:1.4!important;min-height:48px!important;padding:12px 20px!important;max-width:100%;box-sizing:border-box!important;}
  & .s-text-button, & .bcx-path-list a, & .bcx-path-footer a {font-size:15px!important;line-height:1.5!important;}

  /* Keep the full photograph at its native proportions, with equal columns. */
  & .s-people-art {width:100%!important;margin:0!important;align-self:center!important;}
  & .s-people img {width:100%!important;height:auto!important;aspect-ratio:4/3!important;}

  /* Product preview has its own hierarchy, below the surrounding section title. */
  & .bcx-acquisition-preview {width:100%!important;max-width:none!important;}
  & .bcx-acquisition-preview .av-board {padding:24px!important;}
  & .bcx-acquisition-preview .av-board h2 {font-size:30px!important;line-height:1.18!important;margin:0 0 20px!important;}
  & .bcx-acquisition-preview .av-route>div {min-height:68px!important;padding:12px 10px!important;}
  & .bcx-acquisition-preview .av-action {padding:12px 20px!important;min-height:48px!important;}
  & .bcx-acquisition-preview .bcx-product-name {margin:0 0 12px!important;}

  & .s-house {padding:var(--home-space) var(--home-gutter) 40px!important;}
  & .s-house>div {padding-inline:0!important;}
  & .s-house #s-house-photo {width:100%!important;max-width:none!important;margin:28px 0 0!important;}
  & .s-house nav {width:100%!important;max-width:none!important;margin:0!important;}

  @media(min-width:1001px) {
    & .s-hero {padding:48px var(--home-gutter)!important;}
  }
  @media(max-width:960px) {
    & .bcx-continuity, & .bcx-buying, & .s-people {grid-template-columns:minmax(0,1fr)!important;gap:32px!important;}
    & .bcx-continuity-copy, & .bcx-example, & .bcx-buying-copy, & .bcx-buying-art, & .s-people-copy, & .s-people-art {
      width:100%!important;max-width:680px!important;justify-self:center!important;
    }
    & .bcx-buying-copy {order:0!important;}
    & .bcx-buying-art {order:1!important;}
    & .s-people-copy {order:0!important;}
    & .s-people-art {order:1!important;}
    & .bcx-section-heading {display:block!important;}
    & .bcx-section-heading>p {max-width:55ch!important;margin:16px 0 0!important;}
    & .s-people-copy>p:not(.s-kicker) {max-width:none!important;}
  }
  @media(max-width:600px) {
    --home-gutter:20px;
    --home-panel:22px;
    & .bcx-path-list li {padding:22px 20px 14px!important;}
    & .s-button {padding-inline:16px!important;}
    & .bcx-product-open {font-size:14px!important;}
    & .bcx-acquisition-preview .av-board {padding:18px!important;}
    & .bcx-acquisition-preview .av-board h2 {font-size:28px!important;}
    & .bcx-acquisition-preview .av-route>div {padding:10px 8px!important;font-size:12px!important;}
    & .bcx-acquisition-preview .av-action {padding:12px 16px!important;}
    & .s-house nav {grid-template-columns:30% 35% 35%!important;}
    & .s-house nav a {font-size:16px!important;padding-inline:8px!important;}
  }
}
