/* The introduction opens on the left; all planning services share the right column. */
.pricing-page .planning-spread { max-width: 1120px; }
.pricing-page .planning-header { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px,6vw,88px); align-items: center; margin-bottom: clamp(40px,4vw,56px); }
.pricing-page .planning-header-copy { min-width: 0; }
.pricing-page .planning-header h2 { margin: 0 0 22px; font-size: clamp(28px,3.034vw,41px); line-height: 1.2; text-wrap: pretty; }
.pricing-page .planning-body { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(40px,6vw,88px); align-items: start; }
.pricing-page .planning-photo-column { display: flex; flex-direction: column; justify-content: space-between; align-self: start; height: var(--planning-photo-height,auto); gap: 32px; min-width: 0; }
.pricing-page .planning-services { min-width: 0; display: grid; gap: 28px; }
.pricing-page .planning-service h3 { margin: 0 0 16px; font-size: clamp(20.5px,1.886vw,25.5px); line-height: 1.25; text-wrap: pretty; }
.pricing-page .planning-service p, .pricing-page .planning-introduction { margin: 0; color: var(--muted); font: 400 15.5px/1.75 var(--serif); }
.pricing-page .planning-photo { position: relative; width: 100%; min-width: 0; }
.pricing-page .planning-photo > .experience-photo-change { position: absolute; bottom: 14px; left: 14px; margin: 0; background: var(--paper); }
.pricing-page .planning-photo .photo { margin: 0; }
.pricing-page .planning-photo img { display: block; width: 100%; height: auto; }
.pricing-page .planning-photo-1 { width: var(--planning-first-width,100%); max-width: 420px; }
.pricing-page .planning-header .planning-photo-2 { max-width: 240px; justify-self: center; }
.pricing-page .planning-photo-3 { width: var(--planning-last-width,100%); max-width: 470px; }
.pricing-page .pricing-inclusions { padding-bottom: 32px; }
.pricing-page .planning-spread > .pricing-added-photos { display: grid; margin-top: 64px; }
.pricing-page .planning-spread > .pricing-added-photos:empty { display: none; }
/* Give the Southern California header photo similar visual weight to its copy. */
body.service-pricing-page .planning-header .planning-photo-2 { width: min(100%,300px); max-width: 300px; }
@media (max-width:760px) {
 .pricing-page .planning-spread { max-width: 540px; }
 .pricing-page .planning-header, .pricing-page .planning-body { grid-template-columns: 1fr; gap: 32px; }
 .pricing-page .planning-header { margin-bottom: 48px; }
 .pricing-page .planning-header h2 { font-size: clamp(25.5px,5.74vw,32px); margin-bottom: 24px; }
 .pricing-page .planning-header .planning-photo-2 { width: min(100%,220px); }
 .pricing-page .planning-services { gap: 30px; grid-row: 1; }
 .pricing-page .planning-service h3 { font-size: 22px; }
 .pricing-page .planning-service p, .pricing-page .planning-introduction { font-size: 15px; line-height: 1.75; }
 .pricing-page .planning-photo-column { height: auto; gap: 32px; align-items: center; }
 .pricing-page .planning-photo-1 { width: min(100%,300px); }
 .pricing-page .planning-photo-3 { width: 100%; }
}