/* =========================================================
   CASE STUDY: PROPERTY SPHERE
   Uses the shared case study styles (anything-marketplace.css and
   natz-nailz-and-beauty.css); this file only adjusts what differs.
========================================================= */

/* Four audiences instead of three */
.ps .ps-audiences{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:88px}

/* Six SEO focus areas in a 3 x 2 grid */
.ps .ps-seo-focus{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:48px}

/* Six results in a 3 x 2 grid; words like "Ongoing" sit smaller than numbers */
.ps .ps-delivered{grid-template-columns:repeat(3,minmax(0,1fr))}
.ps .ps-delivered span{font-size:30px}

/* 05: the Investment Health Check, three phones side by side at the same height */
.ps .ps-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:end}
.ps .ps-health figure{margin:0}
.ps .ps-health img{display:block;width:100%;height:auto}

/* Vicki's opening line is long, so it sits a little smaller than Natz's */
.ps .nz-review-lead{font-size:clamp(32px,3.4vw,58px);line-height:1.1}

/* Vicki and Chris together, so the round photo is a little bigger */
.ps .nz-review-photo{width:112px;height:112px}
.ps .nz-review-photo img{object-position:center 30%}

@media (max-width:1100px){
  .ps .ps-audiences{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ps .ps-audiences .am-buyer:nth-child(3){padding-left:0}
  .ps .ps-audiences .am-buyer:nth-child(2n){border-right:0}
  .ps .ps-seo-focus,.ps .ps-delivered{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .ps .ps-health{gap:10px}
  .ps .ps-audiences,.ps .ps-seo-focus,.ps .ps-delivered{grid-template-columns:minmax(0,1fr)}
}