/* ROUND 148 — Home page fixes. See inc/round148.php. Body class sh-r148 on the front page. */

/* ---- 4/5. Local office cards: 500px max, search bar to match, 4px more either side of the text and buttons ---- */
.sh-r148 .office{max-width:500px}
.sh-r148 .local__search{width:500px}
.sh-r148.sh-r63-home .office__body{padding-left:4px;padding-right:4px} /* r67.css set 16px 0 0: 4px more each side */

/* ---- 7. FAQ answers readable on small screens ---- */
@media (max-width:1023px){
  .sh-r148 .faq-item__a{font-size:16px;line-height:1.5}
}

/* ---- 3. Our story: room under the link on phones ---- */
@media (max-width:767px){
  .sh-r148 .founder__text{padding-bottom:96px}
}

@media (min-width:1024px){
  /* ---- 1. Floor plans / Style ideas: one band for both images, headings on one line ---- */
  .sh-r148 .ideas__col--plans .ideas__media{margin-top:54px;height:min(570px,39.584vw);display:flex;align-items:center}
  .sh-r148 .ideas__col--plans .ideas__media img{max-height:100%}
  .sh-r148 .ideas__col--plans .ideas__text{padding-top:0;margin-top:-27px}

  /* ---- 6. Local office: heading + search + cards scroll as one panel, map fixed ---- */
  .sh-r148 .local__panel{max-height:929px;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none}
  .sh-r148 .local__panel::-webkit-scrollbar{width:0;height:0;display:none}
  .sh-r148 .local__list{flex:0 0 auto;min-height:0;max-height:none;overflow:visible}
  /* 5. the last card gets the same 8px under it as between the cards (r63.css had the panel at 0) */
  .sh-r148.sh-r63-home .local__panel{padding-bottom:8px}
}

/* ---- 2. Build options: the slider window reaches the screen's left edge (and the right on wide screens) ---- */
@media (min-width:1024px) and (prefers-reduced-motion: no-preference){
  .sh-r148 .build.sh-hscroll .build__window{margin-left:calc(-1 * max(0px,(100vw - var(--maxw)) / 2));padding-left:calc(48px + max(0px,(100vw - var(--maxw)) / 2))}
}
@media (min-width:1024px) and (prefers-reduced-motion: reduce){
  .sh-r148 .build__cards{margin-left:calc(-1 * max(0px,(100vw - var(--maxw)) / 2));padding-left:calc(48px + max(0px,(100vw - var(--maxw)) / 2));scroll-padding-left:calc(48px + max(0px,(100vw - var(--maxw)) / 2))}
}