/*
 VRPA homepage positioning — Solution Design, Implementation, AI.
 Scoped to page-on-front native PageBuilder layers. 13 November 2026.
 Reuses centralized VRPA brand tokens; no global or editor CSS overrides.
*/
html body.home #brx-content .vep-page.vep-positioning{overflow-x:clip}
html body.home #brx-content .vep-positioning .vep-hero{height:auto;min-height:730px;padding-bottom:clamp(76px,9vw,132px)}
html body.home #brx-content .vep-positioning .vep-hero-copy{padding-top:clamp(78px,7vw,106px)}
html body.home #brx-content .vep-positioning .vep-hero-eyebrow{font-size:12px;letter-spacing:.1em;font-weight:750;color:var(--vrpa-yellow)}
html body.home #brx-content .vep-positioning .vep-hero-copy>h1{max-width:770px;font-size:clamp(40px,4.35vw,64px)!important;line-height:1.23!important;letter-spacing:-.035em!important;text-wrap:balance}
html body.home #brx-content .vep-positioning .vep-hero-copy>p{max-width:720px;font-size:clamp(16px,1.45vw,18px)!important;line-height:1.85!important;color:var(--vrpa-gray-100)!important}
html body.home #brx-content .vep-positioning .vep-hero-actions{margin-top:27px}
html body.home #brx-content .vep-positioning .vpos-section{position:relative;width:100%;padding:68px 0 74px;background:var(--vrpa-black);color:var(--vrpa-white);border-bottom:1px solid var(--vrpa-gray-700)}
html body.home #brx-content .vep-positioning .vpos-inner{display:block}
html body.home #brx-content .vep-positioning .vpos-intro{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);column-gap:clamp(32px,5vw,84px);align-items:end}
html body.home #brx-content .vep-positioning .vpos-overline{grid-column:1/-1;display:block;margin-bottom:15px;color:var(--vrpa-yellow);font-size:12px;letter-spacing:.12em;font-weight:800;line-height:1.5}
html body.home #brx-content .vep-positioning .vpos-intro h2{grid-column:1;max-width:18ch;margin:0;font-size:clamp(29px,3vw,43px)!important;line-height:1.33!important;letter-spacing:-.025em!important;color:var(--vrpa-white)!important;text-wrap:balance}
html body.home #brx-content .vep-positioning .vpos-intro>p{grid-column:2;margin:0 0 4px!important;max-width:45ch;color:var(--vrpa-gray-300)!important;font-size:16px!important;line-height:1.76!important}
html body.home #brx-content .vep-positioning .vpos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,43px);margin-top:37px}
html body.home #brx-content .vep-positioning .vpos-item{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:246px;padding:21px 0 0;border-top:1px solid var(--vrpa-gray-700);background:transparent}
html body.home #brx-content .vep-positioning .vpos-index{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;margin-bottom:17px;border:1px solid var(--vrpa-gray-700);border-radius:7px;background:var(--vrpa-gray-800);color:var(--vrpa-yellow);font-size:11px;font-weight:760;line-height:1.2}
html body.home #brx-content .vep-positioning .vpos-english{color:var(--vrpa-yellow);font-size:11px;letter-spacing:.09em;line-height:1.5;font-weight:800}
html body.home #brx-content .vep-positioning .vpos-item h3{max-width:24ch;margin:10px 0 0!important;font-size:clamp(20px,1.75vw,25px)!important;line-height:1.38!important;font-weight:700!important;color:var(--vrpa-white)!important}
html body.home #brx-content .vep-positioning .vpos-item .vpos-detail{margin:12px 0 0!important;max-width:42ch;color:var(--vrpa-gray-300)!important;font-size:14px!important;line-height:1.82!important;font-weight:400!important}
html body.home #brx-content .vep-positioning a.vpos-link{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:8px 0 3px;margin-top:auto;text-decoration:none;border-bottom:1px solid var(--vrpa-yellow);border-radius:0;background:transparent;color:var(--vrpa-white)!important;font-size:13px;font-weight:730;line-height:1.5;box-shadow:none;transition:border-color .15s ease,color .15s ease}
html body.home #brx-content .vep-positioning a.vpos-link:hover{color:var(--vrpa-yellow)!important}
html body.home #brx-content .vep-positioning a.vpos-link:focus-visible{outline:3px solid var(--vrpa-yellow);outline-offset:4px}
html body.home #brx-content .vep-positioning .vpos-ornament{display:none}
html body.home #brx-content .vep-positioning .vep-services{padding-top:clamp(66px,7vw,99px)}
@media(max-width:950px){
html body.home #brx-content .vep-positioning .vpos-intro{grid-template-columns:1fr;row-gap:15px}
html body.home #brx-content .vep-positioning .vpos-intro>p{grid-column:1;max-width:65ch}
html body.home #brx-content .vep-positioning .vpos-item{min-height:0}
}
@media(max-width:700px){
html body.home #brx-content .vep-positioning .vep-hero{height:auto!important;min-height:0!important;padding-bottom:clamp(300px,80vw,395px)}
html body.home #brx-content .vep-positioning .vep-hero-copy{padding-top:40px}
html body.home #brx-content .vep-positioning .vep-hero-copy>h1{max-width:18ch;font-size:clamp(34px,8.4vw,43px)!important;line-height:1.3!important}
html body.home #brx-content .vep-positioning .vep-hero-copy>p{font-size:15px!important;line-height:1.78!important;margin-top:17px!important}
html body.home #brx-content .vep-positioning .vep-hero>img{position:absolute;inset:auto 0 0;top:auto!important;height:clamp(300px,80vw,395px)!important;object-position:60% center}
html body.home #brx-content .vep-positioning .vep-hero-shade{background:linear-gradient(180deg,var(--vrpa-black) 34%,color-mix(in srgb,var(--vrpa-black) 95%,transparent) 55%,color-mix(in srgb,var(--vrpa-black) 20%,transparent) 83%,var(--vrpa-black) 100%)}
html body.home #brx-content .vep-positioning .vpos-section{padding:51px 0 54px}
html body.home #brx-content .vep-positioning .vpos-intro h2{font-size:clamp(27px,7.2vw,34px)!important;max-width:24ch}
html body.home #brx-content .vep-positioning .vpos-intro>p{font-size:15px!important}
html body.home #brx-content .vep-positioning .vpos-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}
html body.home #brx-content .vep-positioning .vpos-item{min-height:0;padding-top:19px}
html body.home #brx-content .vep-positioning .vpos-item h3{font-size:23px!important}
html body.home #brx-content .vep-positioning .vpos-item .vpos-detail{font-size:14px!important}
html body.home #brx-content .vep-positioning a.vpos-link{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){
html body.home #brx-content .vep-positioning .vpos-item,
html body.home #brx-content .vep-positioning .vpos-link{animation:none!important;transition:none!important;transform:none!important}
}