/* bv-resources.css: the Bruviti Resources Page page's own styles. GENERATED by
   tools/build-page-css.py from the design package page; do not edit by hand. */
/*@section:reset*/
body.bv-design.resources-page{font-size:16px;line-height:normal}
body.bv-design.resources-page::before{content:none}
body.bv-design :where(.bvp-resources) :where(h1,h2,h3,h4,p){color:inherit;letter-spacing:normal;position:static;font-size:inherit;line-height:inherit;font-weight:inherit;overflow-wrap:normal}
body.bv-design :where(.bvp-resources) a{transition:none;position:static}
@media (hover:hover){body.bv-design :where(.bvp-resources) a:hover{text-decoration:none}}body.bv-design :where(.bvp-resources) :where(img,svg,video){max-width:none;height:revert}
body.bv-design :where(.bvp-resources) :where(img,picture,video,canvas,svg){display:revert}
body.bv-design :where(.bvp-resources) :where(*)::before,body.bv-design :where(.bvp-resources) :where(*)::after{box-sizing:content-box}
body.bv-design :where(.bvp-resources) .container{width:auto;overflow:visible}
body.bv-design :where(.bvp-resources, .xv) *{max-width:none}
/*@page:Bruviti Resources Page.html -> .bvp-resources (kept 16, pruned 1)*/
body.bv-design :where(.bvp-resources) .rs{padding:64px 0 88px}
body.bv-design :where(.bvp-resources) .rs h2{font-size:40px;font-weight:300;line-height:1.14;letter-spacing:-.015em}
body.bv-design :where(.bvp-resources) .rg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.bv-design :where(.bvp-resources) .rg .art.tx{grid-template-rows:1fr}
body.bv-design :where(.bvp-resources) .rg .art.lat{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr}
body.bv-design :where(.bvp-resources) .rg .art.lat .aimg{aspect-ratio:auto;height:100%;min-height:220px;border-bottom:0;border-right:1px solid var(--rule)}
body.bv-design :where(.bvp-resources) .rg .art.lat h3{font-size:22px;font-weight:300}
body.bv-design :where(.bvp-resources) .rg .art .abd>h3:first-child{margin-top:0}
body.bv-design :where(.bvp-resources) .more{display:flex;justify-content:center;margin-top:48px}
@media (max-width:860px){
body.bv-design :where(.bvp-resources) .rs{padding:32px 0 56px}
body.bv-design :where(.bvp-resources) .rg{grid-template-columns:minmax(0,1fr);gap:12px}
body.bv-design :where(.bvp-resources) .rg .art.lat{grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
body.bv-design :where(.bvp-resources) .rg .art.lat .aimg{aspect-ratio:16/7;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--rule)}
body.bv-design :where(.bvp-resources) .rg .art.lat h3{font-size:19px;font-weight:400}
body.bv-design :where(.bvp-resources) .more{margin-top:32px}
}
body.bv-design :where(.bvp-resources) .rg .art p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
/*@section:shell*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-resources) .rg{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.bv-design.resources-page .fbar{top:var(--bn-off,0px)}
body.bv-design :where(.bvp-resources) .aimg{min-width:0;overflow:hidden;position:relative}
body.bv-design :where(.bvp-resources) .aimg img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_2OCT_thmb-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_2OCT_thmb.']{object-position:50% 62%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_01-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_01.']{object-position:50% 45%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_02-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_02.'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_03-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_03.']{object-position:50% 36%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_04-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Webinar_thmb_04.']{object-position:50% 14%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Impact_thmb_01-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Impact_thmb_01.']{object-position:50% 85%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Impact_thmb_02-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Impact_thmb_02.']{object-position:50% 100%;transform:scale(1.2);transform-origin:100% 100%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Impact_thmb_03-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Impact_thmb_03.']{object-position:50% 35%;transform:scale(1.15);transform-origin:100% 50%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Blogs_thmb_01-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Blogs_thmb_01.']{object-position:50% 55%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Blogs_thmb_02-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Blogs_thmb_02.']{object-position:50% 60%}
body.bv-design :where(.bvp-resources) .aimg img[src*='/Blogs_thmb_26-'],body.bv-design :where(.bvp-resources) .aimg img[src*='/Blogs_thmb_26.']{object-position:50% 45%}
body.bv-design :where(.bvp-resources) .art[hidden],body.bv-design :where(.bvp-resources) .more[hidden]{display:none}
/*@section:midsize*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-resources) .faqw,body.bv-design :where(.bvp-resources) .wrap.g2:has(>h2:first-child):not(:has(>.res)),body.bv-design :where(.bvp-resources) .wrap.g2:has(>div:first-child>h2:only-child),body.bv-design :where(.bvp-resources) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child),body.bv-design :where(.bvp-resources) .uc>.wrap:has(>.ucg){grid-template-columns:minmax(0,1fr);gap:32px}body.bv-design :where(.bvp-resources) .faqw>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-resources) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-resources) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-resources) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-resources) .uc>.wrap:has(>.ucg)>:last-child:not(.ucg,.dgrid,.wk){max-width:667px}body.bv-design :where(.bvp-resources) .faqw>:last-child,body.bv-design :where(.bvp-resources) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child,body.bv-design :where(.bvp-resources) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child,body.bv-design :where(.bvp-resources) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child,body.bv-design :where(.bvp-resources) .uc>.wrap:has(>.ucg)>:last-child{margin-top:0}}
/*@section:shared*/
body.bv-design :where(.bvp-resources) :where(h2,h3,h4){text-wrap:pretty}
@media(max-width:860px){body.bv-design :where(.bvp-resources) .tbl td:first-child,body.bv-design :where(.bvp-resources) .tbl th:first-child{white-space:normal;width:30%}}
@media(max-width:374px){body.bv-design :where(.bvp-resources) .tbl td,body.bv-design :where(.bvp-resources) .tbl th{padding-right:8px}}