/* Static notes for the conversation in the practice; scoped to this component. */
.vp-section{background:#ede6db;color:#342d27;padding:72px 0}
.vp-section .vp-wrap{width:calc(100% - 48px);max-width:1120px;margin:0 auto}
.vp-section .vp-intro{max-width:760px;margin-bottom:30px}
.vp-section .vp-eyebrow{margin:0 0 18px;color:#785c35;font:500 11px/1.6 var(--sans,sans-serif);letter-spacing:.2em;text-transform:uppercase}
.vp-section h2{margin:0 0 18px;color:#342d27;font:400 clamp(34px,4vw,48px)/1.12 var(--serif,serif)}
.vp-section p{margin:0;font:400 15px/1.8 var(--sans,sans-serif)}
.vp-section .vp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.vp-section .vp-card{min-width:0;margin:0;padding:26px;background:#29231e;border:1px solid #806e55;color:#f3ece1}
.vp-section .vp-number{display:block;margin-bottom:16px;color:#d9bd8b;font:400 22px/1.2 var(--serif,serif)}
.vp-section .vp-card h3{margin:0 0 14px;color:#f3ece1;font:400 clamp(25px,2.7vw,30px)/1.2 var(--serif,serif)}
.vp-section .vp-card p{color:#e1d7c9;font-size:14px;line-height:1.8}
.vp-section .vp-note{max-width:850px;margin-top:28px;padding-top:23px;border-top:1px solid #beac90;color:#655b50;font-size:14px}
@media(max-width:760px){
  .vp-section{padding:56px 0}
  .vp-section .vp-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .vp-section .vp-card{padding:24px}
}
@media(max-width:380px){
  .vp-section .vp-wrap{width:calc(100% - 32px)}
  .vp-section .vp-card{padding:22px}
}