/* v13: mobile-only adjustments; all desktop and approved sections preserved. */
@media (max-width:760px) {
  /* Portfolio filter rows: same compact spacing as offer categories. */
  body:has(.filters) .filters {
    row-gap:0!important;
    margin-bottom:24px!important;
    line-height:1.2!important;
  }
  body:has(.filters) .filters .pf {padding:4px 0!important;}

  /* The first four offers retain their existing alternating two-column layout.
     Milestone is a separate warm beige, vertically stacked feature. */
  body .milestone {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:20px!important;
    background:#f0ebe2!important;
    padding:clamp(20px,5vw,32px)!important;
    margin:38px 0 48px!important;
  }
  body .milestone>div, body .milestone>img {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:initial!important;
  }
  body .milestone>img {
    height:auto!important;
    object-fit:contain!important;
  }
  /* Studio is its own image-first, text-below section. */
  body .studio {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    margin:0 0 60px!important;
    padding:0!important;
  }
  body .studio>img, body .studio>div {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:initial!important;
  }
  body .studio>img {height:auto!important;object-fit:contain!important;}
  /* Restore comfortable, consistent typography now that these sections are full width. */
  body .milestone h2, body .studio h2 {font-size:clamp(20px,5.2vw,25px)!important;line-height:1.2!important;}
  body .milestone p, body .studio p {font-size:clamp(12px,3.2vw,14px)!important;line-height:1.55!important;}
  body .milestone .eyebrow, body .studio .eyebrow {font-size:10px!important;letter-spacing:.12em!important;}
  body .milestone .price, body .studio .price {font-size:clamp(16px,4.2vw,19px)!important;}
  body .studio .details p {font-size:12px!important;line-height:1.5!important;}
}