/* Definitive shared geometry for all principal internal page heroes. */
:root{--internal-hero-width:1240px;--internal-hero-side:24px}
.about-page .about-hero,
.contact-page .contact-hero,
.solutions-page .solutions-hero,
.webdesign-page .wd-hero{
  display:block!important;
  min-height:0!important;
  padding-top:clamp(126px,11vw,164px)!important;
  padding-bottom:clamp(64px,7vw,96px)!important;
}
.about-page .unified-page-hero-grid,
.contact-page .unified-page-hero-grid,
.solutions-page .unified-page-hero-grid,
.webdesign-page .unified-page-hero-grid{
  box-sizing:border-box!important;
  width:min(var(--internal-hero-width),calc(100% - (2 * var(--internal-hero-side))))!important;
  max-width:var(--internal-hero-width)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:clamp(40px,6vw,88px)!important;
  align-items:center!important;
  position:relative!important;
  z-index:5!important;
  transform:none!important;
}
.about-page .unified-page-hero-copy,
.contact-page .unified-page-hero-copy,
.solutions-page .unified-page-hero-copy,
.webdesign-page .unified-page-hero-copy{
  box-sizing:border-box!important;
  grid-column:1!important;
  width:100%!important;
  max-width:620px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  justify-self:start!important;
  align-self:center!important;
  transform:none;
}
.about-page .unified-page-hero-copy :is(.hero-breadcrumb,.eyebrow,h1,p,.hero-actions),
.contact-page .unified-page-hero-copy :is(.hero-breadcrumb,.eyebrow,h1,p,.hero-actions),
.solutions-page .unified-page-hero-copy :is(.hero-breadcrumb,.eyebrow,h1,p,.hero-actions),
.webdesign-page .unified-page-hero-copy :is(.hero-breadcrumb,.eyebrow,h1,p,.hero-actions){
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-page .unified-page-hero-visual,
.contact-page .unified-page-hero-visual,
.solutions-page .unified-page-hero-visual,
.webdesign-page .unified-page-hero-visual{
  grid-column:2!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
}
@media(max-width:900px){
  :root{--internal-hero-side:18px}
  .about-page .unified-page-hero-grid,
  .contact-page .unified-page-hero-grid,
  .solutions-page .unified-page-hero-grid,
  .webdesign-page .unified-page-hero-grid{
    grid-template-columns:1fr!important;
    row-gap:36px!important;
  }
  .about-page .unified-page-hero-copy,
  .contact-page .unified-page-hero-copy,
  .solutions-page .unified-page-hero-copy,
  .webdesign-page .unified-page-hero-copy,
  .about-page .unified-page-hero-visual,
  .contact-page .unified-page-hero-visual,
  .solutions-page .unified-page-hero-visual,
  .webdesign-page .unified-page-hero-visual{
    grid-column:1!important;
    max-width:100%!important;
    width:100%!important;
    margin:0!important;
  }
}
@media(max-width:560px){
  :root{--internal-hero-side:14px}
  .about-page .about-hero,
  .contact-page .contact-hero,
  .solutions-page .solutions-hero,
  .webdesign-page .wd-hero{
    padding-top:104px!important;
    padding-bottom:52px!important;
  }
}

/* Mobile header cleanup: keep the top bar limited to logo, language and menu. */
@media (max-width: 900px) {
  .site-header .header-inner > .header-cta {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}