/* bv-about.css: the Bruviti About Us 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.about-page{font-size:16px;line-height:normal}
body.bv-design.about-page::before{content:none}
body.bv-design :where(.bvp-about) :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-about) a{transition:none;position:static}
@media (hover:hover){body.bv-design :where(.bvp-about) a:hover{text-decoration:none}}body.bv-design :where(.bvp-about) :where(img,svg,video){max-width:none;height:revert}
body.bv-design :where(.bvp-about) :where(img,picture,video,canvas,svg){display:revert}
body.bv-design :where(.bvp-about) :where(*)::before,body.bv-design :where(.bvp-about) :where(*)::after{box-sizing:content-box}
body.bv-design :where(.bvp-about) .container{width:auto;overflow:visible}
body.bv-design :where(.bvp-about, .xv) *{max-width:none}
/*@page:Bruviti About Us Page.html -> .bvp-about (kept 81, pruned 2)*/
body.bv-design :where(.bvp-about) .prs .lk{max-width:880px}
body.bv-design :where(.bvp-about) .ab{padding:88px 0}
body.bv-design :where(.bvp-about) .ab.g{background:var(--mist)}
body.bv-design :where(.bvp-about) .ab .g2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
body.bv-design :where(.bvp-about) .ab h2{font-size:40px;font-weight:300;line-height:1.14;letter-spacing:-.015em;max-width:44ch;text-wrap:balance}
body.bv-design :where(.bvp-about) .ab .sub{margin-top:20px;max-width:52ch}
body.bv-design :where(.bvp-about) .ab .sub+.sub{margin-top:14px}
body.bv-design :where(.bvp-about) .soc{margin-top:28px;display:flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body.bv-design :where(.bvp-about) .soc b{color:var(--orange);font-weight:500;font-size:18px}
body.bv-design :where(.bvp-about) .lt2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px;margin-top:48px;align-items:start}
body.bv-design :where(.bvp-about) .pp .ph2{width:140px;height:140px;background:#E4E4E4;display:grid;place-items:center;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;color:#767676;text-transform:uppercase}
body.bv-design :where(.bvp-about) .pp h3{margin-top:20px;font-size:20px;font-weight:400;line-height:1.3}
body.bv-design :where(.bvp-about) .pp .t{margin-top:6px;font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--copper);line-height:1.5}
body.bv-design :where(.bvp-about) .pp details{margin-top:14px}
body.bv-design :where(.bvp-about) .pp summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:500}
body.bv-design :where(.bvp-about) .pp summary::-webkit-details-marker{display:none}
@media (hover:hover){body.bv-design :where(.bvp-about) .pp summary:hover{color:var(--copper)}}body.bv-design :where(.bvp-about) .pp .mk{font-family:"IBM Plex Mono",monospace;font-size:20px;color:var(--orange);width:14px}
body.bv-design :where(.bvp-about) .pp .mk .m{display:none}
body.bv-design :where(.bvp-about) .pp details[open] .mk .p{display:none}
body.bv-design :where(.bvp-about) .pp details[open] .mk .m{display:inline}
body.bv-design :where(.bvp-about) .pp details p{margin-top:4px;font-size:15px;font-weight:300;line-height:1.6;color:var(--body);max-width:44ch}
body.bv-design :where(.bvp-about) .st .g2{align-items:start}
body.bv-design :where(.bvp-about) .st .soc{margin-top:28px}
body.bv-design :where(.bvp-about) .arch2{padding-top:6px}
body.bv-design :where(.bvp-about) .arch2 .t{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding-bottom:12px}
body.bv-design :where(.bvp-about) .rail2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:40px;position:relative}
body.bv-design :where(.bvp-about) .rail2::before{content:"";position:absolute;left:0;right:0;top:14px;border-top:2px solid var(--orange)}
body.bv-design :where(.bvp-about) .rail2 i{position:relative;margin-left:20px;width:14px;height:14px;top:7px;background:#fff;border:2px solid var(--orange)}
body.bv-design :where(.bvp-about) .rail2 i::after{content:"";position:absolute;left:5px;top:12px;height:19px;border-left:1px dotted var(--orange);opacity:.7}
body.bv-design :where(.bvp-about) .cols2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
body.bv-design :where(.bvp-about) .cols2 .col{padding:0 20px;border-left:1px solid var(--rule)}
body.bv-design :where(.bvp-about) .cols2 .col:first-child{border-left:0;padding-left:20px}
body.bv-design :where(.bvp-about) .cols2 h3{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body.bv-design :where(.bvp-about) .cols2 .s{margin-top:5px;min-height:54px;font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:500;letter-spacing:.06em;line-height:1.5;text-transform:uppercase;color:var(--copper)}
body.bv-design :where(.bvp-about) .cols2 ul{list-style:none;margin-top:14px}
body.bv-design :where(.bvp-about) .cols2 li{font-size:15px;font-weight:300;line-height:1.4;color:var(--body);padding:10px 0;border-top:1px solid var(--rule)}
body.bv-design :where(.bvp-about) .cols2 li:first-child{border-top:1px solid var(--border)}
body.bv-design :where(.bvp-about) .ld .pp{background:var(--panel);border:1px solid var(--rule);padding:28px 28px 16px}
body.bv-design :where(.bvp-about) .st .g2>div:last-child .sub:first-child{margin-top:0}
body.bv-design :where(.bvp-about) .pp .slk{margin-top:4px}
body.bv-design :where(.bvp-about) .pp details{margin-top:4px}
body.bv-design :where(.bvp-about) .ab.g{padding:88px 0}
body.bv-design :where(.bvp-about) .ab.g .ah{max-width:44ch;margin-bottom:54px}
body.bv-design :where(.bvp-about) .ab.g .arch2{background:none;border:0;padding:0}
body.bv-design :where(.bvp-about) .ab.g .rail2 i{margin-left:25px;background:#fff}
body.bv-design :where(.bvp-about) .ab.g .cols2 .col,body.bv-design :where(.bvp-about) .ab.g .cols2 .col:first-child{padding:0 24px}
body.bv-design :where(.bvp-about) .ab.g .cols2 .s{min-height:34px}
body.bv-design :where(.bvp-about) .ab.g .cols2 ul{margin-top:18px}
body.bv-design :where(.bvp-about) .ab.g .cols2 li{font-size:14.5px;line-height:1.35;padding:9px 0}
body.bv-design :where(.bvp-about) [data-screen-label="Mission"] .g2>div:nth-child(2){margin-top:157px}
@media (max-width:860px){
body.bv-design :where(.bvp-about) .ab,body.bv-design :where(.bvp-about) .ab.g{padding:56px 0}
body.bv-design :where(.bvp-about) .ab .g2{grid-template-columns:minmax(0,1fr);gap:24px}
body.bv-design :where(.bvp-about) .ab h2{font-size:26px}
body.bv-design :where(.bvp-about) [data-screen-label="Mission"] .g2>div:nth-child(2){margin-top:0}
body.bv-design :where(.bvp-about) .ab.g .ah{margin-bottom:32px}
body.bv-design :where(.bvp-about) .rail2{display:none}
body.bv-design :where(.bvp-about) .cols2{grid-template-columns:minmax(0,1fr);gap:32px}
body.bv-design :where(.bvp-about) .cols2 .col,body.bv-design :where(.bvp-about) .cols2 .col:first-child,body.bv-design :where(.bvp-about) .ab.g .cols2 .col,body.bv-design :where(.bvp-about) .ab.g .cols2 .col:first-child{padding:0;border-left:0}
body.bv-design :where(.bvp-about) .cols2 .s,body.bv-design :where(.bvp-about) .ab.g .cols2 .s{min-height:0}
body.bv-design :where(.bvp-about) .arch2 .t{padding-bottom:28px}
body.bv-design :where(.bvp-about) .lt2{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}
body.bv-design :where(.bvp-about) .ld .pp{padding:24px 20px 12px}
body.bv-design :where(.bvp-about) .pp h3{font-size:18px}
body.bv-design :where(.bvp-about) .prs .lk{max-width:none}
}
@media (max-width:860px){
body.bv-design :where(.bvp-about) .cols2 ul{display:none}
body.bv-design :where(.bvp-about) .cols2{position:relative;padding-left:26px;gap:28px}
body.bv-design :where(.bvp-about) .cols2 .col{position:relative}
body.bv-design :where(.bvp-about) .cols2 h3{font-size:12px;line-height:13px}
body.bv-design :where(.bvp-about) .cols2 .col::before{content:"";position:absolute;z-index:1;left:-26px;top:3px;width:9px;height:9px;background:var(--mist);border:1px solid var(--orange)}
body.bv-design :where(.bvp-about) .cols2 .col:not(:last-child)::after{content:"";position:absolute;z-index:0;left:-22px;width:1px;top:7px;bottom:-35px;background:var(--orange)}
body.bv-design :where(.bvp-about) .cols2 .s{margin-top:10px}
body.bv-design :where(.bvp-about) .cols2 .s{margin-top:6px}
}
@media (max-width:860px){
body.bv-design :where(.bvp-about) .cols2 .s,body.bv-design :where(.bvp-about) .ab.g .cols2 .s{font-size:12px}
}
/*@section:shell*/
body.bv-design :where(.bvp-about) .pp .ph2 img{display:block;width:100%;height:100%;object-fit:cover}
body.bv-design :where(.bvp-about) .ld .pp{position:relative}
body.bv-design :where(.bvp-about) .ld .pp details[open]>p{position:absolute;z-index:3;left:-1px;right:-1px;top:100%;margin-top:0;max-width:none;padding:0 28px 24px;background:var(--panel);border:1px solid var(--rule);border-top:0;box-shadow:0 12px 24px rgba(0,0,0,.08)}
@media(max-width:860px){body.bv-design :where(.bvp-about) .ld .pp details[open]>p{padding:0 20px 20px}}
/*@section:midsize*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-about) .faqw,body.bv-design :where(.bvp-about) .wrap.g2:has(>h2:first-child):not(:has(>.res)),body.bv-design :where(.bvp-about) .wrap.g2:has(>div:first-child>h2:only-child),body.bv-design :where(.bvp-about) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child),body.bv-design :where(.bvp-about) .uc>.wrap:has(>.ucg){grid-template-columns:minmax(0,1fr);gap:32px}body.bv-design :where(.bvp-about) .faqw>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-about) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-about) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-about) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-about) .uc>.wrap:has(>.ucg)>:last-child:not(.ucg,.dgrid,.wk){max-width:667px}body.bv-design :where(.bvp-about) .faqw>:last-child,body.bv-design :where(.bvp-about) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child,body.bv-design :where(.bvp-about) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child,body.bv-design :where(.bvp-about) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child,body.bv-design :where(.bvp-about) .uc>.wrap:has(>.ucg)>:last-child{margin-top:0}}
/*@section:shared*/
body.bv-design :where(.bvp-about) :where(h2,h3,h4){text-wrap:pretty}
@media(max-width:860px){body.bv-design :where(.bvp-about) .tbl td:first-child,body.bv-design :where(.bvp-about) .tbl th:first-child{white-space:normal;width:30%}}
@media(max-width:374px){body.bv-design :where(.bvp-about) .tbl td,body.bv-design :where(.bvp-about) .tbl th{padding-right:8px}}