html.bvf-root body.bvf-body { background: #fff; color: #102d42; }
html.bvf-root .bvf-source { display: none !important; }
.bvf-page { --bvf-ink:#102d42; --bvf-blue:#167cb5; --bvf-mist:#edf5f8; --bvf-line:rgba(16,45,66,.15); font-family:Inter,Arial,sans-serif; color:var(--bvf-ink); background:#fff; }
.bvf-page * { box-sizing:border-box; }
.bvf-shell { width:min(1280px,calc(100% - 48px)); margin:0 auto; }
.bvf-hero { overflow:hidden; background:linear-gradient(126deg,#eff7fa 0%,#f8fbfc 55%,#e7f0f4 100%); border-bottom:1px solid var(--bvf-line); }
.bvf-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.82fr); min-height:570px; align-items:center; gap:clamp(35px,7vw,115px); }
.bvf-crumbs { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 44px; color:#5e7180; font-size:12px; }
.bvf-crumbs a { color:inherit; text-decoration:none; }
.bvf-eyebrow { margin:0 0 14px; color:var(--bvf-blue); font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.bvf-hero h1,.bvf-section h2,.bvf-related h2 { max-width:850px; margin:0; color:var(--bvf-ink); font-family:Manrope,Arial,sans-serif; font-size:clamp(42px,5.2vw,76px); font-weight:700; letter-spacing:-.062em; line-height:1.02; }
.bvf-intro { max-width:650px; margin:28px 0 0; color:#405968; font-size:17px; line-height:1.74; }
.bvf-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:34px; }
.bvf-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:51px; padding:0 20px; border:1px solid var(--bvf-blue); background:var(--bvf-blue); color:#fff; font-size:14px; font-weight:750; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.bvf-button:hover { background:#0e6396; color:#fff; transform:translateY(-2px); }
.bvf-button svg,.bvf-related svg,.bvf-overview li svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.bvf-text-link { border-bottom:1px solid currentColor; color:var(--bvf-ink); font-size:14px; font-weight:750; text-decoration:none; }
.bvf-visual { position:relative; min-height:410px; margin:55px 0 36px; overflow:hidden; isolation:isolate; border:1px solid rgba(16,45,66,.16); background:linear-gradient(145deg,#12344a,#205d79); box-shadow:28px 30px 0 rgba(22,124,181,.12); }
.bvf-visual--photo { display:flex; flex-direction:column; background:#0f2e42; }
.bvf-visual--photo img { width:100%; min-height:410px; height:100%; object-fit:cover; }
.bvf-visual--photo figcaption { position:absolute; right:0; bottom:0; left:0; padding:35px 24px 18px; background:linear-gradient(transparent,rgba(5,25,39,.88)); color:#fff; font-size:12px; line-height:1.5; }
.bvf-visual:before { position:absolute; inset:0; z-index:-1; background:repeating-linear-gradient(125deg,transparent 0 32px,rgba(255,255,255,.035) 33px 35px); content:""; }
.bvf-visual__label { position:absolute; top:30px; left:30px; color:#d9f3ff; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.bvf-visual__sheet { position:absolute; display:block; width:58%; height:48%; border:1px solid rgba(208,245,255,.65); background:linear-gradient(135deg,rgba(92,202,230,.32),rgba(21,103,143,.08)); transform:skewY(-11deg) rotate(-6deg); }
.bvf-visual__sheet--one { top:91px; right:28px; }
.bvf-visual__sheet--two { right:83px; bottom:39px; background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(90,181,211,.08)); transform:skewY(-11deg) rotate(8deg); }
.bvf-visual__object { position:absolute; width:39%; height:34%; bottom:82px; left:46px; border:15px solid #d7edf4; background:linear-gradient(135deg,#729cb0,#335a70); box-shadow:13px 14px 0 rgba(5,23,35,.27); transform:perspective(440px) rotateY(-19deg) rotateX(7deg); }
.bvf-visual__line { position:absolute; display:block; height:1px; background:#71d6ed; transform:rotate(-38deg); transform-origin:left center; }
.bvf-visual__line--one { top:178px; left:0; width:55%; }.bvf-visual__line--two { right:0; bottom:105px; width:42%; transform:rotate(142deg); }
.bvf-visual em { position:absolute; right:26px; bottom:25px; color:#fff; font-size:10px; font-style:normal; font-weight:800; letter-spacing:.12em; line-height:1.5; text-align:right; }
.bvf-facts { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:-49px; border:1px solid var(--bvf-line); background:#fff; box-shadow:0 16px 37px rgba(14,45,66,.12); }
.bvf-facts div { min-width:0; padding:20px 24px 22px; border-right:1px solid var(--bvf-line); }.bvf-facts div:last-child { border:0; }
.bvf-facts small,.bvf-related span { display:block; margin-bottom:8px; color:var(--bvf-blue); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.bvf-facts strong { display:block; font-family:Manrope,Arial,sans-serif; font-size:15px; line-height:1.38; }
.bvf-nav { position:sticky; top:0; z-index:9; display:flex; justify-content:center; margin-top:49px; border-bottom:1px solid var(--bvf-line); background:rgba(255,255,255,.97); }.bvf-nav a { padding:18px clamp(13px,2.8vw,34px); border-right:1px solid var(--bvf-line); color:#405968; font-size:12px; font-weight:750; text-decoration:none; }.bvf-nav a:first-child { border-left:1px solid var(--bvf-line); }.bvf-nav a:hover { color:var(--bvf-blue); }
.bvf-section { padding:clamp(74px,9vw,128px) 0; }.bvf-section__heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(260px,.6fr); gap:42px; align-items:end; margin-bottom:43px; }.bvf-section h2,.bvf-related h2 { font-size:clamp(31px,3.8vw,54px); }.bvf-section__heading > p { max-width:480px; margin:0; color:#526b7a; font-size:15px; line-height:1.7; }
.bvf-overview { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); gap:clamp(42px,9vw,150px); align-items:start; }.bvf-overview .bvf-section__heading { display:block; margin:0; }.bvf-overview__copy { max-width:620px; color:#435c6a; font-size:17px; line-height:1.78; }.bvf-overview__copy p { margin:0; }.bvf-overview ul { display:grid; gap:16px; margin:32px 0 0; padding:0; list-style:none; }.bvf-overview li { display:flex; gap:13px; align-items:flex-start; }.bvf-overview li svg { flex:0 0 22px; color:var(--bvf-blue); }
.bvf-photo-story { padding:0 0 clamp(74px,9vw,128px); }
.bvf-photo-story .bvf-shell { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(290px,.72fr); align-items:center; gap:clamp(32px,7vw,92px); }
.bvf-photo-story figure { margin:0; background:#0f2e42; }
.bvf-photo-story img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.bvf-photo-story figcaption { padding:13px 16px; color:#dceaf0; font-size:12px; line-height:1.55; }
.bvf-photo-story h2 { margin:0; color:var(--bvf-ink); font-family:Manrope,Arial,sans-serif; font-size:clamp(31px,3.8vw,54px); font-weight:700; letter-spacing:-.05em; line-height:1.05; }
.bvf-photo-story div > p:last-child { margin:24px 0 0; color:#526b7a; font-size:15px; line-height:1.7; }
.bvf-architecture { background:var(--bvf-ink); color:#fff; }.bvf-architecture h2 { color:#fff; }.bvf-architecture .bvf-section__heading > p { color:#d7e6ec; }.bvf-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.2); }.bvf-steps article { min-height:264px; padding:32px 30px 25px; border-right:1px solid rgba(255,255,255,.2); }.bvf-steps article:last-child { border:0; }.bvf-steps span,.bvf-use-grid span { display:block; margin-bottom:55px; color:#76d9ec; font-size:12px; font-weight:800; letter-spacing:.13em; }.bvf-steps h3,.bvf-brief h3,.bvf-use-grid h3 { margin:0 0 12px; font-family:Manrope,Arial,sans-serif; font-size:24px; line-height:1.16; }.bvf-steps p { margin:0; color:#d0e0e7; font-size:14px; line-height:1.68; }
.bvf-spec-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr); gap:28px; align-items:stretch; }.bvf-spec-table { border:1px solid var(--bvf-line); }.bvf-spec-table > div { display:grid; grid-template-columns:.72fr 1.28fr; border-bottom:1px solid var(--bvf-line); }.bvf-spec-table > div:last-child { border:0; }.bvf-spec-table strong,.bvf-spec-table span { padding:16px 19px; font-size:14px; line-height:1.5; }.bvf-spec-table strong { background:var(--bvf-ink); color:#fff; }.bvf-spec-table span:first-child { border-right:1px solid var(--bvf-line); color:#183a50; font-weight:750; }.bvf-spec-table span:last-child { color:#526b7a; }.bvf-brief { display:flex; flex-direction:column; align-items:flex-start; padding:34px; background:var(--bvf-mist); }.bvf-brief h3 { font-size:32px; }.bvf-brief p:not(.bvf-eyebrow) { margin:0 0 28px; color:#4d6574; font-size:14px; line-height:1.7; }.bvf-brief .bvf-button { margin-top:auto; }
.bvf-uses { border-top:1px solid var(--bvf-line); }.bvf-use-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.bvf-use-grid article { min-height:245px; padding:28px; border:1px solid var(--bvf-line); background:#fff; box-shadow:0 13px 28px rgba(16,45,66,.055); }.bvf-use-grid span { margin-bottom:48px; color:var(--bvf-blue); }.bvf-use-grid p { margin:0; color:#536c7b; font-size:14px; line-height:1.7; }
.bvf-related { padding:clamp(70px,8vw,110px) 0; background:#eff6f8; }.bvf-related .bvf-section__heading { display:block; }.bvf-related__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.bvf-related__grid a { position:relative; display:block; min-height:158px; padding:25px 62px 25px 25px; border:1px solid var(--bvf-line); background:#fff; color:var(--bvf-ink); text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }.bvf-related__grid a:hover { box-shadow:0 15px 28px rgba(16,45,66,.12); transform:translateY(-3px); }.bvf-related__grid strong { display:block; font-family:Manrope,Arial,sans-serif; font-size:22px; line-height:1.24; }.bvf-related__grid svg { position:absolute; right:22px; bottom:23px; color:var(--bvf-blue); }
@media (max-width:900px) { .bvf-hero__grid,.bvf-section__heading,.bvf-overview,.bvf-spec-grid,.bvf-photo-story .bvf-shell { grid-template-columns:1fr; }.bvf-hero__grid { padding-top:65px; }.bvf-visual { max-width:580px; width:100%; min-height:340px; margin:0 0 36px; }.bvf-visual--photo img { min-height:340px; }.bvf-crumbs { margin-bottom:28px; }.bvf-facts { grid-template-columns:1fr; margin-bottom:0; }.bvf-facts div { border-right:0; border-bottom:1px solid var(--bvf-line); }.bvf-facts div:last-child { border-bottom:0; }.bvf-nav { margin-top:0; overflow:auto; justify-content:flex-start; }.bvf-nav a { flex:0 0 auto; }.bvf-section__heading { gap:18px; }.bvf-steps,.bvf-use-grid,.bvf-related__grid { grid-template-columns:1fr; }.bvf-steps article { min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.2); }.bvf-steps article:last-child { border-bottom:0; }.bvf-steps span,.bvf-use-grid span { margin-bottom:24px; }.bvf-spec-grid { gap:18px; } }
@media (max-width:560px) { .bvf-shell { width:min(100% - 34px,1280px); }.bvf-hero h1 { font-size:43px; }.bvf-visual { min-height:290px; }.bvf-visual__object { left:30px; bottom:64px; }.bvf-visual__label { top:20px; left:20px; }.bvf-spec-table > div { grid-template-columns:1fr; }.bvf-spec-table strong:first-child,.bvf-spec-table span:first-child { border-bottom:1px solid var(--bvf-line); border-right:0; }.bvf-spec-table strong,.bvf-spec-table span { padding:14px; }.bvf-brief { padding:25px 21px; }.bvf-actions { align-items:flex-start; flex-direction:column; gap:17px; } }