/* B: One project sheet with equally sized original-image frames and shared facts. */
.visual-refinement .case-additive.case-design-b .case-project-sheet {
  background:#f3f2e9;
  color:#123147;
  padding:40px;
  border-top:4px solid #bd9c63;
}
.visual-refinement .case-additive.case-design-b .case-sheet-heading {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:end;
  gap:55px;
  padding-bottom:31px;
  border-bottom:1px solid #bbc7bd;
}
.visual-refinement .case-additive.case-design-b .case-project-summary {width:100%;max-width:none}
.visual-refinement .case-additive.case-design-b .case-project-eyebrow {color:#6c7f77;margin-bottom:18px}
.visual-refinement .case-additive.case-design-b .case-project-summary h2 {color:#123147;font-size:48px}
.visual-refinement .case-additive.case-design-b .case-project-description {color:#4e666e;font-size:14px;line-height:1.8;margin-top:22px;max-width:none}
.visual-refinement .case-additive.case-design-b .case-project-facts {margin:0;gap:25px;max-width:none}
.visual-refinement .case-additive.case-design-b .case-project-facts>div>strong {font-size:61px;color:#91733d}
.visual-refinement .case-additive.case-design-b .case-project-facts>div>strong>span {font-size:24px}
.visual-refinement .case-additive.case-design-b .case-project-facts>div>span {color:#4f656c;font-size:12px;max-width:160px}
.visual-refinement .case-additive.case-design-b .case-cost-basis {color:#657870;font-size:11px;line-height:1.8;margin-top:24px;max-width:390px}
.visual-refinement .case-additive.case-design-b .case-courtyard-view,
.visual-refinement .case-additive.case-design-b .case-floorplan-view {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  aspect-ratio:8 / 5;
  padding:12px;
  border:1px solid #aebdb6;
  background:#fff;
  margin:0;
}
.visual-refinement .case-additive.case-design-b .case-courtyard-view img,
.visual-refinement .case-additive.case-design-b .case-floorplan-view img {
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:contain;
}
.visual-refinement .case-additive.case-design-b .case-sheet-gallery {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  padding:29px 0;
}
.visual-refinement .case-additive.case-design-b .case-project-specification {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 24px;
}
.visual-refinement .case-additive.case-design-b .case-project-specification>div {
  display:block;
  grid-column:span 4;
  padding:16px 0 18px;
  border-top:1px solid #c8d0c4;
}
.visual-refinement .case-additive.case-design-b .case-project-specification>div:nth-child(n+4) {grid-column:span 3;padding-bottom:0}
.visual-refinement .case-additive.case-design-b .case-project-specification dt {color:#687e76;font-size:11px;margin-bottom:4px;hyphens:none}
.visual-refinement .case-additive.case-design-b .case-project-specification dd {color:#143449;font-size:16px}
.visual-refinement .case-additive.case-design-b .case-challenges {margin-top:6px}
@media(max-width:1050px) {
  .visual-refinement .case-additive.case-design-b .case-project-sheet {padding:31px}
  .visual-refinement .case-additive.case-design-b .case-sheet-heading {gap:35px}
  .visual-refinement .case-additive.case-design-b .case-project-summary h2 {font-size:42px}
  .visual-refinement .case-additive.case-design-b .case-project-facts {gap:18px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong {font-size:51px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong>span {font-size:20px}
  .visual-refinement .case-additive.case-design-b .case-sheet-gallery {gap:20px}
}
@media(max-width:760px) {
  .visual-refinement .case-additive.case-design-b .case-project-specification dt,
  .visual-refinement .case-additive.case-design-b .case-project-specification dd {min-width:0;hyphens:none;overflow-wrap:normal}
  .visual-refinement .case-additive.case-design-b .case-project-sheet {padding:25px}
  .visual-refinement .case-additive.case-design-b .case-sheet-heading {grid-template-columns:minmax(0,1fr);gap:27px;padding-bottom:26px}
  .visual-refinement .case-additive.case-design-b .case-project-summary h2 {font-size:40px}
  .visual-refinement .case-additive.case-design-b .case-project-description {margin-top:19px;font-size:14px}
  .visual-refinement .case-additive.case-design-b .case-project-facts {max-width:430px;gap:22px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong {font-size:48px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong>span {font-size:20px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>span {font-size:11px}
  .visual-refinement .case-additive.case-design-b .case-cost-basis {margin-top:18px}
  .visual-refinement .case-additive.case-design-b .case-sheet-gallery {grid-template-columns:minmax(0,1fr);gap:19px;padding:25px 0}
  .visual-refinement .case-additive.case-design-b .case-courtyard-view,
  .visual-refinement .case-additive.case-design-b .case-floorplan-view {padding:10px}
  .visual-refinement .case-additive.case-design-b .case-project-specification {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
  .visual-refinement .case-additive.case-design-b .case-project-specification>div,
  .visual-refinement .case-additive.case-design-b .case-project-specification>div:nth-child(n+4) {grid-column:auto;padding:14px 0}
  .visual-refinement .case-additive.case-design-b .case-project-specification>div:last-child {grid-column:1 / -1;padding-bottom:0}
  .visual-refinement .case-additive.case-design-b .case-project-specification dd {font-size:15px}
}
@media(max-width:420px) {
  .visual-refinement .case-additive.case-design-b .case-project-sheet {padding:20px}
  .visual-refinement .case-additive.case-design-b .case-project-summary h2 {font-size:35px}
  .visual-refinement .case-additive.case-design-b .case-project-facts {gap:18px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong {font-size:42px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong>span {font-size:17px}
}
@media(max-width:360px) {
  .visual-refinement .case-additive.case-design-b .case-project-sheet {padding:17px}
  .visual-refinement .case-additive.case-design-b .case-project-summary h2 {font-size:31px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong {font-size:38px}
  .visual-refinement .case-additive.case-design-b .case-project-facts>div>strong>span {font-size:16px}
  .visual-refinement .case-additive.case-design-b .case-courtyard-view,
  .visual-refinement .case-additive.case-design-b .case-floorplan-view {padding:8px}
  .visual-refinement .case-additive.case-design-b .case-project-specification {grid-template-columns:minmax(0,1fr)}
}

@media(max-width:420px) {
  .visual-refinement .case-additive.case-design-b .case-project-specification {display:grid;grid-template-columns:minmax(0,1fr)}
}