#approach {padding:0 0 clamp(30px,5vw,70px);background:var(--paper)}
#approach .brief-heading {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,75px)}
#approach .brief-heading p {margin-top:16px;color:var(--muted);max-width:42ch}
.care-map {display:grid;grid-template-columns:1fr .34fr .9fr;align-items:center;background:#3746ad;color:white;padding:clamp(14px,2.2vw,34px);border-radius:22px}
.care-map ul {list-style:none;margin:0;padding:0;display:grid;gap:8px}
.care-map li,.map-plan {display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,17px);font-weight:550;line-height:1.2}
.care-map li {min-height:46px;padding:6px 9px;background:#ffffff10;border:1px solid #ffffff59;border-radius:9px}
.care-map li svg {width:30px;height:30px;flex:none;color:#e3edff}
.care-map .map-lines {width:100%;height:calc(100% - 4px);stroke:#d9ee92;stroke-width:2}
.map-plan {flex-direction:column;justify-content:center;text-align:center;background:#e4f4a6;color:#222c44;padding:14px 6px;border-radius:13px}
.map-plan svg {width:50px;height:50px}
#approach .brief-topics {margin-top:clamp(24px,3.5vw,52px);gap:14px}
#approach .brief-topics article {background:white;margin:0;border:1px solid #dcdfd5;border-radius:17px;padding:clamp(17px,2vw,29px);display:grid;grid-template-columns:48px 1fr;gap:12px;align-content:start}
.scenario-icon {background:#e9ebff;color:#3845af;border-radius:13px;width:48px;height:48px;display:grid;place-items:center}
.scenario-icon svg {width:35px;height:35px}
#approach article:nth-child(3n + 2) .scenario-icon {background:#e8f2c5;color:#46591e}
#approach article h3 {margin:0;align-self:center;font-size:clamp(18px,1.55vw,25px);line-height:1.18}
#approach article p {grid-column:1/-1;margin:0}
#journey {padding-block:clamp(30px,4vw,60px)}
#journey .process-list {gap:0}
#journey .process-list>li {padding:0 24px 0 0;border:0}
#journey .process-list>li::before {inset:31px 0 auto;height:2px;background:var(--blue)}
#journey .process-list>li:last-child::before {display:none}
#journey .process-number {position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:83px;height:62px;border-radius:17px;font-size:12px}
.process-number svg {width:40px;height:40px}
@media(max-width:900px){#approach .brief-heading{grid-template-columns:1fr 1.1fr;gap:18px}#approach .brief-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#approach .brief-heading{grid-template-columns:1fr}.care-map{max-width:500px;width:100%}#journey .process-list>li{grid-template-columns:70px 1fr;padding-bottom:24px;gap:14px}#journey .process-number{width:70px;height:54px}#journey .process-list>li::before{inset:0 auto 0 35px;height:auto;width:2px}}
@media(max-width:540px){#approach .brief-topics{grid-template-columns:1fr;gap:10px}#approach .brief-topics article{grid-template-columns:42px 1fr;column-gap:12px;row-gap:5px}.scenario-icon{grid-row:1/3;width:42px;height:42px}#approach article p{grid-column:2}#approach article h3{font-size:19px}}

#approach .brief-heading {
  grid-template-areas:"intro photos" "map photos";
  row-gap:clamp(18px,2vw,30px);
}
#approach .brief-heading > div:first-child {grid-area:intro}
#approach .care-map {grid-area:map}
.care-photos {
  grid-area:photos;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:clamp(6px,0.8vw,12px);
  align-self:stretch;
  min-width:0;
}
.care-photos img {
  width:100%;
  height:100%;
  min-height:0;
  min-width:0;
  object-fit:cover;
  border-radius:16px;
}
.care-photos .care-walk {object-position:50% 62%}
.care-photos .care-consult {object-position:54% 54%}
@media (min-width:701px) {
  .care-photos {height:clamp(310px,31vw,435px);align-self:center}
  .care-photos .care-consult {height:86%;align-self:end}
}
@media (max-width:700px) {
  #approach .brief-heading {grid-template-areas:"intro" "photos" "map"}
  .care-photos {height:clamp(160px,47vw,260px)}
  #approach .care-map {max-width:none}
}