/* VRPA JOURNAL — native PageBuilder blog and article presentation (2026-11-11) */
:root{--vrp-ink:var(--vrpa-black);--vrp-navy:var(--vrpa-black);--vrp-gold:var(--vrpa-yellow);--vrp-line:var(--vrpa-gray-100);--vrp-muted:var(--vrpa-gray-700)}
.vrpa-blog,.vrpa-article{width:100%;min-width:0;overflow:hidden;background:var(--vrpa-white);color:var(--vrp-ink)}
.vrpa-blog *, .vrpa-article *{box-sizing:border-box}
.vrpa-blog-shell,.vrpa-article-shell{max-width:1180px!important;width:calc(100% - 64px)!important;margin-inline:auto!important}
.vrpa-blog-hero{background:var(--vrpa-white);border-bottom:1px solid var(--vrp-line);padding:92px 0 100px;position:relative}
.vrpa-blog-hero::before{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:radial-gradient(var(--vrpa-gray-200) 0.65px,transparent .65px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent 45%,black)}
.vrpa-blog-hero .vrpa-blog-shell{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:70px;align-items:center;position:relative}
.vrpa-blog-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.vrpa-blog-eyebrow,.vrpa-blog-kicker,.vrpa-article-eyebrow{font-size:11px!important;font-weight:800!important;letter-spacing:2px!important;color:var(--vrpa-black)!important;text-transform:uppercase;line-height:1.8}
.vrpa-blog-eyebrow{display:flex;align-items:center;gap:12px}
.vrpa-blog-indicator{display:inline-block;background:var(--vrp-gold);width:9px;height:9px;border-radius:50%;flex:none}
.vrpa-blog-headline{font-size:clamp(43px,5.1vw,76px)!important;font-weight:800!important;letter-spacing:-.062em!important;line-height:1.24!important;margin:23px 0!important}
.vrpa-blog-headline em{font-style:normal;color:var(--vrp-navy)}
.vrpa-blog-intro{font-size:16px!important;color:var(--vrp-muted);line-height:2!important;max-width:530px}
.vrpa-blog-chips{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:29px}
.vrpa-blog-chip{border:1px solid var(--vrpa-gray-200);border-radius:100px;display:inline-flex!important;align-items:center;justify-content:center;padding:10px 19px;background:var(--vrpa-white);font-size:12px;font-weight:650;line-height:1.5;text-decoration:none!important;white-space:nowrap;transition:border-color .18s,background .18s,transform .18s}
.vrpa-blog-chip:hover{border-color:var(--vrpa-yellow);transform:translateY(-2px)}
.vrpa-blog-chip-active{color:var(--vrpa-white)!important;background:var(--vrpa-black);border-color:var(--vrpa-black)}
.vrpa-blog-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:365px;border-radius:22px;background:linear-gradient(145deg,var(--vrpa-black),var(--vrpa-black));box-shadow:0 22px 52px color-mix(in srgb, var(--vrpa-black) 17.0%, transparent);overflow:hidden}
.vrpa-blog-hero-art::before{content:"";width:270px;height:270px;border:17px solid var(--vrpa-yellow);border-radius:44px;transform:rotate(40deg);position:absolute;right:5%;top:-15%;opacity:.98}
.vrpa-blog-hero-art::after{content:"";width:210px;height:210px;border:14px solid var(--vrpa-gray-600);border-radius:36px;transform:rotate(40deg);position:absolute;left:-11%;bottom:-42%;opacity:.65}
.vrpa-blog-art-word{z-index:2;font-size:clamp(44px,5.3vw,76px);line-height:1.02;font-weight:800;letter-spacing:-.06em;color:var(--vrpa-white);transform:rotate(-7deg)}
.vrpa-blog-art-label{display:block;color:var(--vrpa-white)}
.vrpa-blog-art-grid{position:absolute;right:20px;bottom:16px;display:flex;gap:13px;color:var(--vrpa-gray-100);font-weight:700;font-size:10px;letter-spacing:2px;z-index:2}
.vrpa-blog-latest{padding:88px 0 102px}
.vrpa-blog-section-top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:22px;margin-bottom:29px;border-bottom:1px solid var(--vrp-line)}
.vrpa-blog-section-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vrpa-blog-section-heading{font-size:clamp(30px,3.1vw,43px)!important;font-weight:780;letter-spacing:-.04em;line-height:1.4;margin:0!important}
.vrpa-blog-count-note{font-size:13px;color:var(--vrp-muted)}
.vrpa-blog-articles{width:100%}
.vrpa-blog-post-grid .pagebuilder-layout-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;align-items:stretch;margin:0!important;padding:0!important;list-style:none}
.vrpa-blog-post-grid .pagebuilder-layout-item{min-width:0;width:auto!important;position:static!important;margin:0!important;transform:none!important;background:var(--vrpa-white);border:1px solid var(--vrp-line);border-radius:16px;overflow:hidden;box-shadow:0 2px 14px color-mix(in srgb, var(--vrpa-black) 2.5%, transparent);transition:transform .2s,border-color .2s,box-shadow .2s}
.vrpa-blog-post-grid .pagebuilder-layout-item:hover{transform:translateY(-5px)!important;border-color:var(--vrpa-gray-200);box-shadow:0 15px 35px color-mix(in srgb, var(--vrpa-black) 10.0%, transparent)}
.vrpa-blog-post-grid .pagebuilder-layout-inner{height:100%;width:100%!important;max-width:none!important;display:flex!important;flex-direction:column}
.vrpa-blog-post-grid .image-wrapper{width:100%!important;max-width:none!important;overflow:hidden;background:linear-gradient(130deg,var(--vrpa-gray-100),var(--vrpa-gray-100));aspect-ratio:16/10}
.vrpa-blog-post-grid .image-wrapper img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;transition:transform .3s}
.vrpa-blog-post-grid .pagebuilder-layout-item:hover .image-wrapper img{transform:scale(1.035)}
.vrpa-blog-post-grid .content-wrapper{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;flex:1;padding:25px 25px 28px;gap:0;background:var(--vrpa-white)}
.vrpa-blog-post-grid .dynamic[data-field-id=vrpt001]{font-size:11px;color:var(--vrpa-gray-600);font-weight:600;letter-spacing:.3px;margin:0 0 12px!important}
.vrpa-blog-post-grid .dynamic[data-field-id=vrpt002]{font-size:21px!important;line-height:1.5!important;letter-spacing:-.025em;font-weight:750;margin:0 0 12px!important}
.vrpa-blog-post-grid .dynamic[data-field-id=vrpt002] a{color:var(--vrpa-black)!important;text-decoration:none}
.vrpa-blog-post-grid .dynamic[data-field-id=vrpt002] a:hover{color:var(--vrpa-black)!important}
.vrpa-blog-post-grid .dynamic[data-field-id=vrpt003]{font-size:13px;color:var(--vrp-muted);line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vrpa-blog-post-grid .pagebuilder-pagination{margin-top:32px}
.vrpa-blog-post-grid .pagebuilder-pagination a,.vrpa-blog-post-grid .pagebuilder-pagination span{border-radius:9px!important}
.vrpa-blog-bottom{padding:0 0 100px}
.vrpa-blog-bottom .vrpa-blog-shell{border-radius:19px;background:var(--vrpa-white);border:1px solid var(--vrp-line);padding:45px 52px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:22px}
.vrpa-blog-bottom-copy{display:flex;flex-direction:column;gap:8px}
.vrpa-blog-bottom-title{font-size:26px!important;line-height:1.4;letter-spacing:-.025em;margin:0!important}
.vrpa-blog-bottom-body{font-size:13px;color:var(--vrp-muted)}
.vrpa-blog-contact-link{display:inline-flex!important;align-items:center;justify-content:center;background:var(--vrpa-black);color:var(--vrpa-white)!important;font-size:13px;font-weight:700;padding:15px 22px;border-radius:10px;text-decoration:none!important;white-space:nowrap}
.vrpa-blog-contact-link:hover{background:var(--vrpa-black);color:var(--vrpa-white)!important}
.vrpa-article-top{padding:70px 0 45px;background:var(--vrpa-white);border-bottom:1px solid var(--vrp-line)}
.vrpa-article-top .vrpa-article-shell{max-width:890px!important;display:flex;flex-direction:column;align-items:center;text-align:center}
.vrpa-article-back{align-self:flex-start;text-decoration:none!important;font-size:13px;font-weight:650;color:var(--vrpa-black)!important;margin-bottom:38px}
.vrpa-article-title{font-size:clamp(37px,4.5vw,67px)!important;letter-spacing:-.055em!important;line-height:1.26!important;font-weight:800!important;margin:22px 0!important;max-width:850px}
.vrpa-article-meta{color:var(--vrp-muted);font-size:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-bottom:25px}
.vrpa-article-featured{width:100%;margin:16px auto 0}
.vrpa-article-cover{width:100%;border-radius:16px;overflow:hidden}
.vrpa-article-cover img{display:block;width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:16px}
.vrpa-article-main{padding:65px 0 85px}
.vrpa-article-main .vrpa-article-shell{max-width:790px!important}
.vrpa-article-body{width:100%}
.vrpa-article-text{font-size:17px;line-height:2.05;color:var(--vrpa-gray-800)}
.vrpa-article-text p{margin-bottom:1.4em}
.vrpa-article-text h2,.vrpa-article-text h3{font-weight:780;line-height:1.45;letter-spacing:-.02em;margin:1.8em 0 .65em;color:var(--vrpa-black)}
.vrpa-article-text h2{font-size:30px}.vrpa-article-text h3{font-size:23px}
.vrpa-article-text img{height:auto;max-width:100%;border-radius:12px}
.vrpa-article-text a{color:var(--vrpa-black);text-decoration:underline;text-decoration-color:var(--vrpa-yellow);text-underline-offset:4px}
.vrpa-article-text blockquote{border-left:4px solid var(--vrpa-yellow);margin:30px 0;padding:14px 22px;background:var(--vrpa-white);border-radius:0 10px 10px 0}
.vrpa-article-text ul,.vrpa-article-text ol{padding-left:24px;margin:0 0 24px}
.vrpa-article-share{margin-top:52px;border-top:1px solid var(--vrp-line);padding-top:25px;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:15px;align-items:center}
.vrpa-article-signature{font-size:12px;color:var(--vrp-muted)}
.vrpa-article-back-link{font-size:13px;font-weight:700;color:var(--vrpa-black)!important;text-decoration:none!important}
.vrpa-article-end{background:var(--vrpa-white);padding:75px 0 100px;border-top:1px solid var(--vrp-line)}
.vrpa-article-more-title{font-size:32px!important;line-height:1.4;margin:8px 0 30px!important}
.vrpa-article-related .pagebuilder-layout-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.vrpa-article-related a{color:var(--vrpa-black)}
@media(max-width:980px){
 .vrpa-blog-hero .vrpa-blog-shell{gap:32px;grid-template-columns:1.1fr .9fr}
 .vrpa-blog-hero-art{min-height:300px}
 .vrpa-blog-post-grid .pagebuilder-layout-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .vrpa-blog-shell,.vrpa-article-shell{width:calc(100% - 38px)!important}
 .vrpa-blog-hero{padding:65px 0}
 .vrpa-blog-hero .vrpa-blog-shell{grid-template-columns:1fr}
 .vrpa-blog-headline{font-size:clamp(39px,9vw,58px)!important}
 .vrpa-blog-hero-art{min-height:210px}
 .vrpa-blog-art-word{font-size:54px}
 .vrpa-blog-latest{padding:64px 0 65px}
 .vrpa-blog-section-top{align-items:flex-start;flex-direction:column;gap:6px}
 .vrpa-blog-post-grid .pagebuilder-layout-wrapper{grid-template-columns:1fr}
 .vrpa-blog-post-grid .content-wrapper{padding:22px}
 .vrpa-blog-bottom{padding-bottom:70px}
 .vrpa-blog-bottom .vrpa-blog-shell{padding:32px 27px;flex-direction:column;align-items:flex-start}
 .vrpa-article-top{padding:42px 0}
 .vrpa-article-title{font-size:38px!important}
 .vrpa-article-main{padding:42px 0 65px}
 .vrpa-article-text{font-size:16px}
 .vrpa-article-end{padding:50px 0}
 .vrpa-article-related .pagebuilder-layout-wrapper{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.vrpa-blog *{transition:none!important}}

/* Card fallback: WordPress posts without featured images still get visual balance */
.vrpa-blog-post-grid .pagebuilder-layout-item .pagebuilder-layout-inner:not(:has(.image-wrapper))::before{
 content:"VRPA  /  JOURNAL";
 display:flex;align-items:flex-end;justify-content:flex-start;
 width:100%;aspect-ratio:16 / 10;padding:24px;
 background:linear-gradient(137deg,var(--vrpa-black) 0%,var(--vrpa-black) 70%,var(--vrpa-yellow) 70.5%,var(--vrpa-yellow) 74%,var(--vrpa-black) 74.5%);
 color:var(--vrpa-white);font-size:12px;font-weight:800;letter-spacing:2px;
}
/* Allow the native Posts element's full-card anchor to inherit sizing without extra wrappers. */
.vrpa-blog-post-grid .pagebuilder-layout-item > a{display:block;height:100%;text-decoration:none!important}
.vrpa-blog-post-grid .pagebuilder-layout-item > a .pagebuilder-layout-inner{height:100%}
.vrpa-blog-post-grid .content-wrapper .dynamic h3,.vrpa-blog-post-grid .content-wrapper h3{color:var(--vrpa-black)}
/* Empty native related-post placeholders should not leave blank cards. */
.vrpa-article-related .related-posts li:empty{display:none!important}
.vrpa-article-related .related-posts:has(> li:empty:only-child){display:none!important}
.vrpa-article-end .vrpa-article-shell{max-width:1180px!important}

.vrpa-article-more-link{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;padding:13px 20px;border:1px solid var(--vrpa-gray-100);border-radius:9px;font-size:13px;font-weight:700;color:var(--vrpa-black)!important;text-decoration:none!important;background:var(--vrpa-white);margin-top:20px;transition:background .18s,border-color .18s}
.vrpa-article-more-link:hover{background:var(--vrpa-white);border-color:var(--vrpa-yellow)}
.vrpa-article-end .vrpa-article-related:has(.related-posts > li:empty:only-child){display:none}