/* Verba full width layout. Only sizing, alignment and responsive spacing change.
   The approved colours, typography, imagery and interactions stay in place. */
html[data-verba-page] {
  --vb-page-gutter:clamp(20px,2.15vw,40px);
  --vb-column-gap:clamp(28px,5vw,96px);
  --vb-header-height:80px;
  scroll-padding-top:calc(var(--vb-header-height) + 24px)!important;
}
html[data-verba-page] :is(.wrap,.shell,.om-shell,.container,.launch-shell) {
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  padding-inline:var(--vb-page-gutter)!important;
  min-width:0;
}
/* Nested footers use their parent's gutter, not a second inset. */
html[data-verba-page] .launch-shell .launch-footer {
  width:100%;max-width:none;margin-inline:0;
}
html[data-verba-page] :is(.hero-main,.hero-summary,.head,.head-copy,.om-section-head,
  .om-build-head,.om-build-intro,.om-section-copy,.om-story-grid,.om-story-copy,
  .om-contact-grid,.om-contact-copy,.om-faq-layout,.om-faq-list,.cta-grid,.cta-copy,
  .venture-contact-grid,.venture-contact-copy,.launch-contact-grid,.launch-form) {
  min-width:0;
}
html[data-verba-page] :is(.om-division-grid,.om-pillar-grid,.om-package-grid,
  .om-step-grid,.vv-capability-grid,.thesis-grid,.build-grid,.life-track,
  .story-features,.om-build-head,.om-story-grid,.om-contact-grid,.head,
  .cta-grid,.launch-contact-grid,.om-faq-layout)>* {min-width:0;}

/* One fixed, full screen navigation bar on every content page. */
html[data-verba-page] .hero {padding-top:var(--vb-header-height)!important;}
html[data-verba-page] #top.hero .nav {
  box-sizing:border-box;
  position:fixed!important;
  top:0;left:0!important;right:0!important;
  width:100%!important;max-width:none!important;
  min-height:var(--vb-header-height)!important;
  padding:12px var(--vb-page-gutter)!important;
  margin:0!important;transform:none!important;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;z-index:1000!important;isolation:isolate;
  border-bottom:0!important;
}
html[data-verba-page] #top.hero .nav::before {
  content:"";position:absolute;inset:0!important;
  width:100%!important;height:auto!important;
  transform:none!important;z-index:-1;
  background:rgba(250,247,239,.96);
  border-bottom:1px solid rgba(30,67,56,.18);
  box-shadow:0 8px 24px rgba(24,55,47,.045);
  backdrop-filter:blur(14px);
}
html[data-verba-page] :is(.hero .logo,.launch-header .logo) {
  white-space:nowrap;flex-shrink:0;
}
html[data-verba-page] .hero .nav-menu {z-index:1001;}
/* Utility pages have a real header element; reserve its height in the body. */
html[data-verba-page] body.launch-page {padding-top:var(--vb-header-height);}
html[data-verba-page] .launch-header {
  position:fixed;top:0;left:0;right:0;z-index:1000;
  width:100%;max-width:none;box-sizing:border-box;
}
html[data-verba-page] .launch-header .nav {
  box-sizing:border-box;min-height:var(--vb-header-height);
  width:100%;margin:0;padding:12px 0;gap:16px;
}

/* Text-led heroes use the available width. Illustrated heroes keep their
   original composition so text never expands over the illustration. */
html[data-verba-page]:not([data-verba-page="home"]):not([data-verba-page="venture-studio"]):not([data-verba-page="strategic-advisory"]) .hero-main {
  width:100%;max-width:none;
}
html[data-verba-page]:not([data-verba-page="home"]):not([data-verba-page="venture-studio"]) .hero h1 {
  max-width:100%;
}
html[data-verba-page] .hero h1 .hero-line {max-width:100%;}
html[data-verba-page] .head--stacked {
  width:100%;max-width:none;
}
html[data-verba-page] .head--stacked h2 {
  max-width:100%;white-space:normal;
}
/* Preserve a comfortable reading measure inside the fluid grid. */
html[data-verba-page] :is(.head-copy,.om-section-copy,.om-build-intro,.om-story-copy,.cta-copy) {
  max-width:min(100%,640px);
}
html[data-verba-page] :is(.om-build-head,.om-story-grid,.om-contact-grid,.om-faq-layout,
  .om-section-head--split,.head:not(.head--stacked),.cta-grid) {column-gap:var(--vb-column-gap);}
html[data-verba-page="home"] :is(.om-build-head,.om-story-grid,.om-contact-grid,.om-section-head--split),
html[data-verba-page]:is([data-verba-page="ai-operations"],[data-verba-page="gtm"],[data-verba-page="capital-readiness"]) :is(.head:not(.head--stacked),.cta-grid) {
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
}
html[data-verba-page] :is(.om-build-intro,.om-story-copy,.om-contact-copy,.head-copy,.cta-copy) {
  width:100%;justify-self:end;
}
html[data-verba-page="home"] .om-contact-copy {max-width:540px;}
html[data-verba-page="home"] #packages .om-shell {width:100%!important;max-width:none!important;}
/* Align the compact engagement row with the six discipline cards. */
html[data-verba-page="home"] #packages :is(.om-engagement-label,.om-package-grid) {
  padding-inline:0!important;
}
html[data-verba-page] .hero :is(.hero-lead,.lead) {max-width:760px;}
html[data-verba-page] :is(.head .section-intro,.head-copy p,.om-section-copy p,.om-build-intro p,
  .cta-copy p,.om-contact-copy p) {overflow-wrap:break-word;}
html[data-verba-page] :is(.footer,.om-footer,.launch-footer) {
  width:100%;max-width:none;flex-wrap:wrap;align-items:center;row-gap:16px;
}
/* Responsive layout, not a clipped or scaled desktop canvas. */
@media(max-width:1100px) {
  html[data-verba-page="home"] :is(.om-build-head,.om-story-grid,.om-contact-grid,.om-section-head--split),
  html[data-verba-page]:is([data-verba-page="ai-operations"],[data-verba-page="gtm"],[data-verba-page="capital-readiness"]) :is(.head:not(.head--stacked),.cta-grid) {
    grid-template-columns:minmax(0,1fr);gap:26px;
  }
  html[data-verba-page] :is(.om-build-intro,.om-story-copy,.om-contact-copy,.head-copy,.cta-copy) {
    justify-self:start;
  }
}
@media(max-width:1000px) {
  html[data-verba-page] :is(.hero,.launch-header) :is(.nav-link--desktop,.nav-cluster) {display:none;}
  html[data-verba-page] :is(.hero,.launch-header) .nav-mobile {display:block;}
  html[data-verba-page] :is(.hero,.launch-header) .nav-menu {
    position:fixed;top:calc(var(--vb-header-height) + 2px);
    right:var(--vb-page-gutter);left:var(--vb-page-gutter);width:auto;min-width:0;
  }
}
@media(max-width:760px) {
  html[data-verba-page] {--vb-header-height:68px;}
  html[data-verba-page] #top.hero .nav {
    min-height:68px!important;padding:10px var(--vb-page-gutter)!important;gap:10px;
  }
  html[data-verba-page] .launch-header .nav {min-height:68px;padding:10px 0;gap:10px;}
  html[data-verba-page] :is(.head,.head-copy,.om-section-copy,.om-build-intro,.om-story-copy,.cta-copy) {max-width:100%;}
}
@media(max-width:480px) {
  html[data-verba-page] :is(.hero,.launch-header) .logo {font-size:23px!important;}
  html[data-verba-page] :is(.hero,.launch-header) .site-nav {gap:0;}
  html[data-verba-page] :is(.hero,.launch-header) .nav-cta {
    font-size:11px!important;padding:10px 9px!important;margin-left:0;white-space:nowrap;
  }
  html[data-verba-page] :is(.hero,.launch-header) .nav-mobile summary {
    font-size:12px!important;padding:9px 6px!important;min-height:38px;
  }
}
@media(max-width:360px) {
  html[data-verba-page] {--vb-page-gutter:16px;}
  html[data-verba-page] :is(.hero,.launch-header) .logo {font-size:20px!important;}
  html[data-verba-page] :is(.hero,.launch-header) .nav-cta {font-size:10px!important;padding:9px 7px!important;}
  html[data-verba-page] :is(.hero,.launch-header) .nav-mobile summary {font-size:11px!important;padding:8px 4px!important;}
  html[data-verba-page] #top.hero .nav,html[data-verba-page] .launch-header .nav {gap:6px;}
}
/* Expanded company details and closing headlines follow the same page edge. */
html[data-verba-page="home"] .companies-strip .company-details {
  width:calc(100% - var(--vb-page-gutter) - var(--vb-page-gutter));
  max-width:none;
}
html[data-verba-page] :is(.om-contact h2,.cta-grid>h2) {text-wrap:balance;}