/* Phone layout only. Keep the approved desktop composition unchanged. */
@media (max-width:600px){
  /* Optical spacing only: the title and CTA positions stay fixed. */
  .hero .eyebrow{position:relative;top:5px}
  .hero .agent-home{top:22px}

  /* Keep the decorative mark on the right and the headline aligned with copy. */
  .sector-center .sector-callout{padding-left:0}
  .sector-center .sector-callout strong{padding-left:0;padding-right:60px}
  .sector-center .sector-watermark{left:auto;right:0;top:4px;width:52px;height:52px;transform:none}

  /* Each semantic list forms one row: banking/equity, then wealth/family. */
  .sector-center .sectors{grid-template-columns:minmax(0,1fr);grid-template-areas:"callout" "left" "right";row-gap:16px}
  .sector-center .sector-industries{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:start;align-content:start;gap:0 24px}
  .sector-center .sector-industries-left{border-left:0;padding-left:0}
  .sector-center .sector-industries-right{margin-inline-start:0}
  .sector-center .sector-industries li{min-width:0;white-space:normal}

  /* Keep each icon, heading and copy together; retain the full-width motion road. */
  .approach-steps{gap:28px}
  .approach-steps>li{padding-bottom:26px;border-bottom:1px solid #d8cde6}
  .approach-steps>li:last-child{padding-bottom:0;border-bottom:0}
  .approach-steps .step-illustration{padding-bottom:0;margin-bottom:10px;border-bottom:0;align-items:center;gap:12px}
  .approach-steps .step-illustration>span:not(.journey-step-anchor){align-self:center;transform:none}
  .approach-steps h3{margin-bottom:10px}
}
@media (max-width:360px){
  .hero .agent-home{top:29px}
}