/* VNZT launch-ready fluid-width and brand prominence pass */
:root{--vnzt-content-width:1500px}
html,body{max-width:100%;overflow-x:clip}
body .container{width:100%;max-width:var(--vnzt-content-width);padding-left:clamp(20px,3.5vw,66px);padding-right:clamp(20px,3.5vw,66px);margin-left:auto;margin-right:auto}
header .container.nav{max-width:1920px!important;padding-left:clamp(18px,2.6vw,52px)!important;padding-right:clamp(18px,2.6vw,52px)!important}
header .brand{flex:0 0 460px!important;min-width:460px!important;gap:18px!important}
header .brand img{width:86px!important;height:86px!important}
header .brand strong{font-size:32px!important}
header .brand small{font-size:clamp(16px,1.05vw,19px)!important;line-height:1.22!important;letter-spacing:0!important;font-weight:800!important;color:var(--vnzt-brand-green)!important;max-width:355px!important}
header nav.links{gap:clamp(14px,1.35vw,26px)!important}
header nav.links a,header nav.links a:not(.pill){font-size:clamp(14px,.95vw,17px)!important}
/* Allow sections to expand without stretching paragraphs into unreadably long lines. */
body :is(.app-hero-grid,.app-split,.app-heritage,.app-duo,.feature-grid,.cards,.leaders,.contact,.vz-gallery-grid){min-width:0}
body :is(.app-hero-grid,.app-split,.app-heritage,.app-duo,.feature-grid,.cards,.leaders,.contact,.vz-gallery-grid)>*{min-width:0}
body img,body video,body svg{max-width:100%}
body .story,body .article-body,body .article-reading{max-width:1000px!important}
@media(max-width:1560px){
 header .container.nav{flex-wrap:wrap!important;row-gap:5px!important;padding-top:12px!important;padding-bottom:10px!important}
 header .brand{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;margin-right:auto!important}
 header nav.links{flex:0 0 100%!important;justify-content:space-between!important;gap:16px!important}
 header nav.links a,header nav.links a:not(.pill){font-size:15px!important}
}
@media(max-width:900px){
 body .container{padding-left:clamp(18px,3.5vw,32px);padding-right:clamp(18px,3.5vw,32px)}
 header .brand img{width:72px!important;height:72px!important}
 header .brand strong{font-size:28px!important}
 header .brand small{font-size:16px!important}
 header nav.links{overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:24px!important;scrollbar-width:thin;padding-bottom:7px!important}
 header nav.links a{flex-shrink:0!important}
}
@media(max-width:650px){
 body .container{padding-left:18px;padding-right:18px}
 header .container.nav{padding:11px 16px 8px!important;gap:9px!important}
 header .brand{gap:11px!important;max-width:100%!important}
 header .brand img{width:60px!important;height:60px!important}
 header .brand strong{font-size:24px!important}
 header .brand small{font-size:clamp(12px,3.15vw,15px)!important;line-height:1.2!important;max-width:none!important}
 header nav.links{display:flex!important;position:static!important;flex-direction:row!important;overflow-x:auto!important;width:100%!important;gap:20px!important;padding:0 0 7px!important;background:transparent!important;box-shadow:none!important}
 header nav.links a,header nav.links a:not(.pill){font-size:14px!important;padding:9px 0!important}
 body :is(.app-hero-grid,.app-split,.app-heritage,.app-duo,.feature-grid,.cards,.leaders,.contact){grid-template-columns:1fr!important}
 body :is(.card,.feature,.leader){padding:clamp(18px,4vw,28px)}
 body :is(h1,h2,h3){overflow-wrap:break-word}
}

/* Logo-only size adjustment: retain approved brand text, colors and responsive layout. */
header .brand img{width:100px!important;height:100px!important}
@media(max-width:900px){header .brand img{width:82px!important;height:82px!important}}
@media(max-width:650px){header .brand img{width:68px!important;height:68px!important}}