.vp-hero h1,.vp-hero__title,
.vp-stat-grid h2,.vp-framework h2,.vp-anatomy h2,
.vp-cmp h2,.vp-pullquote h2,.vp-templates h2,
.vp-audience h2,.vp-team2 h2,.vp-faq h2,.vp-finalcta h2,
.vp-related h2,
.vp-framework h3,.vp-anatomy h3,.vp-team2 h3,.vp-audience h3,
.vp-templates h3,.vp-pullquote h3 {
font-family: var(--vp-display)!important;
}
.vp-hero__title {
font-size: clamp(28px, 4.2vw, 52px)!important;
line-height: 1.08!important;
text-wrap: balance;
hyphens: manual;
max-width: 22ch;
}
@media (max-width: 480px) {
.vp-hero__title { font-size: 26px!important; line-height: 1.12!important; max-width: 100%!important; }}
.vp-audience h2,.vp-team2 h2,.vp-cmp h2,.vp-faq h2 {
text-wrap: balance;
max-width: 22ch;
}
@media (max-width: 480px) {
.vp-audience h2,.vp-team2 h2,.vp-cmp h2,.vp-faq h2 {
font-size: clamp(22px, 6vw, 28px)!important;
line-height: 1.15!important;
}}
.vp-audience h2,.vp-team2 h2,.vp-faq h2,.vp-related h2 { text-align: center!important; }
.vp-audience.vp-audience__sub,.vp-team2.vp-team2__lede,.vp-related.vp-related__sub { text-align: center!important; margin-left: auto!important; margin-right: auto!important; }
.vp-stickynav__list {
-webkit-mask-image: linear-gradient(to right, black calc(100% - 48px), transparent 100%)!important;
mask-image: linear-gradient(to right, black calc(100% - 48px), transparent 100%)!important;
padding-right: 48px!important;
scroll-snap-type: x mandatory;
}
.vp-stickynav__list li { scroll-snap-align: start; }
@media (max-width: 480px) {
.vp-stickynav__list { gap: 18px!important; padding-right: 56px!important; }
.vp-stickynav__list a { font-size: 13px!important; }}
.vp-anatomy p a.law-ref,
.vp-framework p a.law-ref,
.vp-pullquote p a.law-ref,
.vp-hero p a.law-ref,
.vp-faq p a.law-ref,
.vp-templates p a.law-ref,
.vp-cmp p a.law-ref {
display: inline-block;
max-width: 100%;
overflow-wrap: anywhere;
padding: 10px 8px;
min-height: 44px;
line-height: 24px;
vertical-align: middle;
}
a.law-ref,
.vp-faq a.law-ref,.vp-anatomy a.law-ref,.vp-framework a.law-ref,
.vp-pullquote a.law-ref,.vp-hero a.law-ref,.vp-cmp a.law-ref,.vp-templates a.law-ref {
white-space: normal!important;
word-break: normal!important;
overflow-wrap: anywhere!important;
}
.vp-faq__footer-cta-eyebrow {
color: #F05438!important;
font-size: 12px!important;
}
.mobile-sticky-cta.is-hidden { transform: translateY(110%)!important; transition: transform 0.25s ease-out!important; }
.mobile-sticky-cta { transition: transform 0.25s ease-out!important; }
.vp-stat-card__num { font-variant-numeric: tabular-nums; }
.vp-hero__author,.vp-hero__editor { display: inline; }
.vp-bc,.vp-bc * { text-transform: none!important; font-family: var(--vp-sans, 'e-Ukraine', Inter, system-ui, sans-serif)!important; letter-spacing: 0.02em!important; }
.vp-bc a:hover { color: var(--vp-coral, #C73E2A)!important; }
.vp-pullquote__conditions {
list-style: none!important; padding: 0!important; margin: 32px 0 0!important;
display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
@media (max-width: 720px) {.vp-pullquote__conditions { grid-template-columns: 1fr!important; gap: 16px!important; }}
.vp-pullquote__cond { padding: 20px; border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.03); }
.vp-pullquote__num { font: 600 11px/1 var(--vp-mono); color: rgba(247,245,241,0.6); letter-spacing: 0.08em; display: block; margin-bottom: 8px; }
.vp-pullquote__cond-h { font: 600 16px/1.3 var(--vp-display)!important; color: #F7F5F1!important; margin: 0 0 8px!important; }
.vp-pullquote__cond-p { font: 400 13.5px/1.55 var(--vp-sans, 'e-Ukraine', Inter, system-ui, sans-serif)!important; color: rgba(247,245,241,0.78)!important; margin: 0!important; }
.vp-pullquote__lede { font: 400 16px/1.55 var(--vp-sans); color: rgba(247,245,241,0.78); margin: 0 0 24px; max-width: 60ch; }
.vp-cmp__sub-label { display: block; font: 400 12px/1.3 var(--vp-mono); color: var(--vp-ink-3, #6A6864); margin-top: 4px; letter-spacing: 0.02em; }
.vp-hero.vp-hero__byline {
font: 500 11px/1.5 var(--vp-mono, ui-monospace, monospace)!important;
letter-spacing: 0.06em!important;
text-transform: uppercase!important;
color: var(--vp-ink-3, #6A6864)!important;
margin: 16px 0 0!important;
display: block!important;
}
.vp-hero.vp-hero__byline.vp-hero__author { color: var(--vp-ink-2, #3D3B36)!important; }
.vp-hero.vp-hero__byline.vp-hero__status-sep { color: var(--vp-ink-4, #9a9a9a); margin: 0 4px; }
.vp-hero__side.vp-hero__register {
background: #FFFFFF;
border: 1px solid var(--vp-rule, #E5DFD9);
border-radius: 6px;
padding: 28px 24px 20px;
padding-left: 24px!important;
}
.vp-hero__side.vp-hero__register::before { display: none!important; }
.vp-register__hero {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
column-gap: 12px;
align-items: baseline;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid var(--vp-rule, #E5DFD9);
}
.vp-register__hero-num {
grid-row: 1 / 3;
font: 600 56px/1 var(--vp-display, var(--vp-sans));
color: var(--vp-coral, #C73E2A);
font-variant-numeric: tabular-nums lining-nums;
letter-spacing: -0.03em;
}
.vp-register__hero-unit {
align-self: end;
font: 500 14px/1.2 var(--vp-sans);
color: var(--vp-ink-2, #3D3B36);
letter-spacing: -0.005em;
text-transform: none;
}
.vp-register__hero-lbl {
align-self: start;
font: 500 10.5px/1.3 var(--vp-mono, ui-monospace, monospace);
text-transform: uppercase;
letter-spacing: 0.10em;
color: var(--vp-ink-3, #6A6864);
}
.vp-hero__side.vp-register__head { margin-bottom: 16px; }
.vp-hero__side.vp-register__row { padding: 14px 0; }
.vp-hero__side.vp-register__row:first-of-type { border-top: 1px solid var(--vp-rule, #E5DFD9); }
.vp-hero__side.vp-register__foot {
margin-top: 16px;
padding-top: 14px;
border-top: 1px solid var(--vp-rule, #E5DFD9);
}
@media (max-width: 1023px) {
.vp-hero__side.vp-hero__register { padding: 24px 20px 18px; }
.vp-register__hero-num { font-size: 48px; }}
@media (max-width: 480px) {
.vp-hero__side.vp-hero__register { padding: 20px 16px 16px; }
.vp-register__hero-num { font-size: 44px; }
.vp-register__hero-unit { font-size: 13px; }}
.vp-hero.vp-eyebrow__dot {
background: transparent!important;
border: 1.5px solid var(--vp-coral, #C73E2A)!important;
width: 7px!important;
height: 7px!important;
box-shadow: none!important;
animation: none!important;
}
.vp-hero.vp-hero__title,
.vp-hero__lead.vp-hero__title,
h1#vp-hero-title,
.vp-hero__title#vp-hero-title {
line-height: 1.15!important;
max-width: 24ch!important;
}
@media (min-width: 1024px) {
.vp-hero.vp-hero__title,
.vp-hero__lead.vp-hero__title,
h1#vp-hero-title,
.vp-hero__title#vp-hero-title {
font-size: clamp(36px, 3vw, 46px)!important;
line-height: 1.15!important;
min-height: 0!important;
}}
@media (max-width: 1366px) {
.vp-stickynav__list { gap: 20px!important; }
.vp-stickynav__list a { font-size: 13px!important; }}
@media (max-width: 1280px) {
.vp-stickynav__brand > span:not(.vp-stickynav__brand-dot) { display: none!important; }
.vp-stickynav__divider { display: none!important; }
.vp-stickynav__inner { gap: 16px!important; }
.vp-stickynav__list { gap: 16px!important; }}
@media (max-width: 768px) {
.vp-stickynav__list {
overflow-x: auto!important;
flex-wrap: nowrap!important;
scrollbar-width: none!important;
-webkit-overflow-scrolling: touch!important;
}
.vp-stickynav__list::-webkit-scrollbar { display: none!important; }
.vp-stickynav__cta { display: none!important; }}
@media (min-width: 1024px) {
body.page-id-1917 h1#vp-hero-title{
max-width: 28ch!important;
font-size: clamp(34px, 2.7vw, 42px)!important;
line-height: 1.1!important;
}}