/* Wide reading area with a separate, compact statement below. */
#approach{padding-top:76px;padding-bottom:76px}
#approach .offer-layout{display:block}
#approach h2{font-size:clamp(34px,3.7vw,52px);line-height:1.4;white-space:normal;margin-bottom:24px}
#approach .offer-layout>div>p{max-width:1060px;font-size:21px;line-height:1.85;margin-bottom:24px}
#approach .slot{border:0;padding-left:0;opacity:1}
#approach .draft{display:none}
#approach .aside{margin-top:34px;padding-top:24px;display:block}
#approach .aside .small{margin-bottom:12px}
#approach .aside blockquote{max-width:1060px;font-size:clamp(23px,2.1vw,29px);line-height:1.7}
#approach .aside .note{margin:0;min-height:0}
#approach .aside .note[contenteditable="true"]{margin-top:16px}
/* Five equal compact panels form one continuous editorial band. */
.values-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:0;margin-top:42px;scroll-margin-top:30px}
.value-card{min-width:0;min-height:0;aspect-ratio:auto;padding:21px 19px 24px;display:flex;flex-direction:column;color:var(--ink);border:0;border-right:1px solid #11081626;background:var(--pink)}
.value-card:nth-child(2){background:var(--mint)}
.value-card:nth-child(3){background:var(--apricot)}
.value-card:nth-child(4){background:var(--orchid)}
.value-card:nth-child(5){background:var(--pink);border-right:0}
.value-number{font:13px/1.2 Arial,sans-serif;letter-spacing:.1em;display:block;align-self:stretch;padding-bottom:13px;margin-bottom:16px;border-bottom:1px solid #11081655}
.value-card h3{font-size:20px;line-height:1.5;font-weight:500;margin:0 0 10px}
.value-card p{font-size:16px;line-height:1.75;margin:0;max-width:none}
.editing .value-card [data-content-key]{outline-color:var(--blue)}
@media(max-width:1000px){
 .values-grid{grid-template-columns:1fr;grid-auto-rows:1fr}
 .value-card{display:grid;grid-template-columns:35px 170px minmax(0,1fr);gap:18px;align-items:start;padding:20px 24px;border-right:0;border-bottom:1px solid #11081626}
 .value-number{border:0;padding:6px 0 0;margin:0}
 .value-card h3{margin:0}
 .value-card:last-child{border-bottom:0;min-height:0;grid-column:auto}
}
@media(max-width:760px){
 #approach{padding:48px 24px}
 #approach h2{font-size:34px;margin-bottom:20px}
 #approach .offer-layout>div>p{font-size:18px;line-height:1.85}
 #approach .aside{margin-top:28px;padding-top:20px}
 #approach .aside blockquote{font-size:23px}
 .values-grid{margin-top:30px}
 .value-card{grid-template-columns:28px minmax(0,1fr);gap:5px 12px;padding:18px 20px}
 .value-number{grid-row:1/3;padding-top:6px}
 .value-card h3{font-size:20px}
 .value-card p{grid-column:2;font-size:16px}
}