/* bv-contact.css: the Bruviti Contact 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.contact-page{font-size:16px;line-height:normal}
body.bv-design.contact-page::before{content:none}
body.bv-design :where(.bvp-contact) :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-contact) a{transition:none;position:static}
@media (hover:hover){body.bv-design :where(.bvp-contact) a:hover{text-decoration:none}}body.bv-design :where(.bvp-contact) :where(img,svg,video){max-width:none;height:revert}
body.bv-design :where(.bvp-contact) :where(img,picture,video,canvas,svg){display:revert}
body.bv-design :where(.bvp-contact) :where(*)::before,body.bv-design :where(.bvp-contact) :where(*)::after{box-sizing:content-box}
body.bv-design :where(.bvp-contact) .container{width:auto;overflow:visible}
body.bv-design :where(.bvp-contact, .xv) *{max-width:none}
/*@page:Bruviti Contact Page.html -> .bvp-contact (kept 17, pruned 4)*/
body.bv-design :where(.bvp-contact) header:has(.ctg){min-height:100vh;box-sizing:border-box}
body.bv-design :where(.bvp-contact) .ctg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start;padding-top:40px;padding-bottom:48px}
body.bv-design :where(.bvp-contact) .ctl h1{font-size:64px;font-weight:300;line-height:1.14;letter-spacing:-.02em}
body.bv-design :where(.bvp-contact) .f-panel{padding:28px 32px;gap:14px;color:var(--ink)}
body.bv-design :where(.bvp-contact) .f-field{gap:6px}
body.bv-design :where(.bvp-contact) .f-field label b{color:var(--copper);font-weight:500}
body.bv-design :where(.bvp-contact) .f-field input,body.bv-design :where(.bvp-contact) .f-field select{padding:10px 12px}
body.bv-design :where(.bvp-contact) .f-field textarea{min-height:84px}
body.bv-design :where(.bvp-contact) .f-sub{display:flex;align-items:center;gap:20px}
body.bv-design :where(.bvp-contact) .ctx{margin-top:24px;font-size:21px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.86);max-width:40ch;text-wrap:pretty}
@media (max-width:860px){
body.bv-design :where(.bvp-contact) header:has(.ctg){min-height:0}
body.bv-design :where(.bvp-contact) .ctg{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px;padding-bottom:40px}
body.bv-design :where(.bvp-contact) .ctl h1{font-size:32px}
body.bv-design :where(.bvp-contact) .ctx{font-size:19px;margin-top:16px}
body.bv-design :where(.bvp-contact) .f-panel{padding:24px 20px}
body.bv-design :where(.bvp-contact) .f-sub{flex-wrap:wrap;gap:12px}
}
/*@section:shell*/
@media(min-width:861px){body.bv-design :where(.bvp-contact) header:has(.ctg){min-height:calc(100vh - 89px)}}
body.bv-design :where(.bvp-contact) .f-sub:has(.form-notification){flex-wrap:wrap}
body.bv-design :where(.bvp-contact) .f-sub .form-notification{flex:1 0 100%}
/*@section:midsize*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-contact) .faqw,body.bv-design :where(.bvp-contact) .wrap.g2:has(>h2:first-child):not(:has(>.res)),body.bv-design :where(.bvp-contact) .wrap.g2:has(>div:first-child>h2:only-child),body.bv-design :where(.bvp-contact) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child),body.bv-design :where(.bvp-contact) .uc>.wrap:has(>.ucg){grid-template-columns:minmax(0,1fr);gap:32px}body.bv-design :where(.bvp-contact) .faqw>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-contact) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-contact) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-contact) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-contact) .uc>.wrap:has(>.ucg)>:last-child:not(.ucg,.dgrid,.wk){max-width:667px}body.bv-design :where(.bvp-contact) .faqw>:last-child,body.bv-design :where(.bvp-contact) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child,body.bv-design :where(.bvp-contact) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child,body.bv-design :where(.bvp-contact) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child,body.bv-design :where(.bvp-contact) .uc>.wrap:has(>.ucg)>:last-child{margin-top:0}}
/*@section:shared*/
body.bv-design :where(.bvp-contact) :where(h2,h3,h4){text-wrap:pretty}
@media(max-width:860px){body.bv-design :where(.bvp-contact) .tbl td:first-child,body.bv-design :where(.bvp-contact) .tbl th:first-child{white-space:normal;width:30%}}
@media(max-width:374px){body.bv-design :where(.bvp-contact) .tbl td,body.bv-design :where(.bvp-contact) .tbl th{padding-right:8px}}