/* Tablet preview in WordPress can be narrower than 761px. Keep phones <=599px and desktop >=1025px untouched. */
@media screen and (min-width:600px) and (max-width:1024px) {
  body .wrap { width:calc(100% - 48px)!important; max-width:900px!important; }
  /* Same three equal-sized, consistently cropped photographs as desktop. */
  body .slider {min-height:310px!important; padding-bottom:30px!important;}
  body .slider .slide {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
  body .slider .slide img {width:100%!important;height:275px!important;object-fit:cover!important;object-position:center!important;}
  /* The actual About markup uses a direct image and .about-copy. Restore desktop grid despite mobile rules. */
  body .about {display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:24px!important;align-items:center!important;padding-bottom:70px!important;}
  body .about>img {display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;height:390px!important;max-height:390px!important;object-fit:cover!important;}
  body .about>.about-copy {display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;}
  body .about>.about-copy p {font-size:13px!important;line-height:1.6!important;}
  body .offer-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;}
  body .offer-row>.offer-img {height:auto!important;max-height:430px!important;object-fit:cover!important;}
  body .offer-row>.offer-copy {min-width:0!important;}
  body .offer-row.reverse>.offer-img {grid-column:2!important;grid-row:1!important;order:2!important;}
  body .offer-row.reverse>.offer-copy {grid-column:1!important;grid-row:1!important;order:1!important;}
  body .studio {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;gap:24px!important;}
  body .studio>img {grid-column:1!important;grid-row:1!important;}
  body .studio>div {grid-column:2!important;grid-row:1!important;}
}