.vm-section{padding-block:var(--vm-space-6)}
.vm-section-roomy{padding-block:var(--vm-space-7)}
.vm-section-white{color:var(--vm-ink);background:var(--vm-white)}
.vm-section-soft{color:var(--vm-ink);background:var(--vm-surface)}
.vm-section-amber{color:var(--vm-ink);background:var(--vm-amber)}
.vm-section-amber p,.vm-section-amber li,.vm-section-amber .vm-section-head>p,.vm-section-amber .c-breadcrumb li{color:#4C4638}
.vm-section-dark{color:#FFFFFF;background:var(--vm-ink)}
.vm-section-dark .vm-muted{color:#B8BDC5}
.vm-section-dark .c-kicker{color:#FFC44A}
.vm-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--vm-space-4);margin-bottom:var(--vm-space-4)}
.vm-section-head>div{display:grid;gap:.75rem;max-width:46rem}
.vm-section-head>p{max-width:25rem;color:var(--vm-muted)}
.vm-section-dark .vm-section-head>p{color:#B8BDC5}
.vm-hero{position:relative;padding-block:clamp(4.5rem,8vw,7rem);background:radial-gradient(circle at 76% 44%,rgba(255,178,26,.2),transparent 26%),linear-gradient(180deg,#FFFFFF 0%,#FFFDF8 70%,#FFF7E6 100%)}
.vm-hero::before{content:"";position:absolute;pointer-events:none;inset:10% -10% auto 50%;height:75%;opacity:.42;background:repeating-radial-gradient(ellipse at center,transparent 0 34px,rgba(233,107,50,.12) 35px 36px)}
[data-hero-form="right-graphic"] .vm-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(30rem,1.08fr);gap:clamp(2rem,6vw,5rem);align-items:start}
[data-hero-form="right-graphic"] .vm-hero-copy{display:grid;align-items:start;gap:var(--vm-space-2);max-width:none;text-align:left}
[data-hero-form="right-graphic"] .vm-hero-stage{position:relative;height:32rem;min-width:0}
.vm-hero-lead{font-size:var(--vm-fs-3);line-height:1.55;color:#3F444C}
.vm-hero-note{color:var(--vm-muted);font-size:var(--vm-fs-1)}
.vm-doc-hero{padding-block:var(--vm-space-5);background:var(--vm-surface)}
.vm-doc-hero-copy{display:grid;gap:var(--vm-space-2);max-width:50rem}
@media (max-width:64rem){
  [data-hero-form="right-graphic"] .vm-hero-grid{grid-template-columns:1fr}
  [data-hero-form="right-graphic"] .vm-hero-copy{max-width:44rem}
  [data-hero-form="right-graphic"] .vm-hero-stage{height:auto;min-height:29rem;overflow:visible}
}
@media (max-width:44rem){
  .vm-section-head{align-items:start;flex-direction:column}
  [data-hero-form="right-graphic"] .vm-hero-stage{min-height:25rem}
}