/* Unified internal-page hero geometry: About, Solutions, Web Design, Contact */
:root{--rc-internal-shell:1240px;--rc-internal-gutter:64px;--rc-internal-gap:clamp(40px,5vw,64px);--rc-internal-copy:680px}

:is(.about-page,.solutions-page,.webdesign-page,.contact-page) :is(.about-hero,.solutions-hero,.wd-hero,.contact-hero){
  padding-left:0!important;
  padding-right:0!important;
}

:is(.about-page,.solutions-page,.webdesign-page,.contact-page) :is(.about-hero-grid,.solutions-hero-layout,.wd-hero-grid,.contact-hero-grid){
  width:min(var(--rc-internal-shell),calc(100% - var(--rc-internal-gutter)))!important;
  max-width:var(--rc-internal-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:var(--rc-internal-gap)!important;
  align-items:center!important;
  box-sizing:border-box!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

:is(.about-page,.solutions-page,.webdesign-page,.contact-page) :is(.about-copy,.solutions-hero-copy,.wd-copy,.contact-copy){
  width:100%!important;
  max-width:var(--rc-internal-copy)!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  justify-self:start!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  text-align:left!important;
}

:is(.about-page,.solutions-page,.webdesign-page,.contact-page) :is(.about-copy,.solutions-hero-copy,.wd-copy,.contact-copy) :is(.hero-breadcrumb,.eyebrow,h1,p,.hero-actions,.contact-actions,.contact-hero-trust){
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}

@media(max-width:900px){
  :root{--rc-internal-gutter:40px}
  :is(.about-page,.solutions-page,.webdesign-page,.contact-page) :is(.about-hero-grid,.solutions-hero-layout,.wd-hero-grid,.contact-hero-grid){
    grid-template-columns:1fr!important;
    row-gap:34px!important;
  }
  :is(.about-page,.solutions-page,.webdesign-page,.contact-page) :is(.about-copy,.solutions-hero-copy,.wd-copy,.contact-copy){max-width:760px!important}
}

@media(max-width:560px){
  :root{--rc-internal-gutter:28px}
}