/* Hatamian G8 — services overview visual alignment; PRIVATE DRAFT only.
   Scope limits changes to approved /leistungen/ and /en/services/ hub markup.
   Preserves existing H1, service detail URLs, the 24-service data model and consent hooks. */
.hatg8-services-hub{isolation:isolate;overflow:clip}
.hatg8-services-hub>.hat-page-hero{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(68px,7.5vw,116px) 0 clamp(65px,7vw,92px);
  background:radial-gradient(circle at 90% 15%,rgba(32,106,212,.29),transparent 43%),
             linear-gradient(125deg,#081e40 0%,#0c2f60 75%,#123c72 100%);
  color:#e6effa;
}
.hatg8-services-hub>.hat-page-hero::before{
  right:-110px;top:-160px;width:450px;height:450px;
  background:radial-gradient(circle,rgba(70,137,213,.13),transparent 66%);
  filter:none;pointer-events:none;
}
.hatg8-services-hub .hat-page-hero__grid--text-only{
  display:grid;grid-template-columns:minmax(0, 950px);gap:0;
  width:min(calc(100% - 48px),1230px);margin:auto;
}
.hatg8-services-hub .hat-page-hero__grid--text-only>div{min-width:0}
.hatg8-services-hub .hat-page-hero .hat-breadcrumbs,
.hatg8-services-hub .hat-page-hero .hat-breadcrumbs a{color:#b6cce6}
.hatg8-services-hub .hat-page-hero .hat-breadcrumbs{margin-bottom:24px;font-weight:650}
.hatg8-services-hub .hat-page-hero h1{
  color:#fff;font-weight:820;letter-spacing:-.045em;
  font-size:clamp(2.35rem,4.45vw,4.25rem);line-height:1.12;
  max-inline-size:21ch;overflow-wrap:normal;hyphens:auto;margin-bottom:24px;
}
.hatg8-services-hub .hat-page-hero .hat-lead{
  max-inline-size:70ch;font-size:clamp(1rem,1.15vw,1.17rem);line-height:1.78;
  color:#cfdef0;margin:0 0 30px;
}
.hatg8-services-hub .hat-page-hero .hat-actions{margin:0}
.hatg8-services-hub .hat-page-hero .hat-button{background:#1460dc;color:#fff;border-color:#1460dc}
.hatg8-services-hub .hat-page-hero .hat-button:hover{background:#0f50bd;border-color:#0f50bd}
.hatg8-services-hub .hatg8-section{padding:clamp(62px,7vw,92px) 0}
.hatg8-services-hub .hatg8-pillars{align-items:stretch}
.hatg8-services-hub .hatg8-pillar{min-width:0}
.hatg8-services-hub .hatg8-catalog{border-top:1px solid #dfebf7}
.hatg8-services-hub .hatg8-catalog .hatg8-wrap{scroll-margin-top:88px}
.hatg8-services-hub + .hat-section--soft{background:#f8fafc}
.hatg8-services-hub + .hat-section--soft .hat-feature-grid{align-items:stretch}
.hatg8-services-hub + .hat-section--soft .hat-feature{height:100%}
@media(max-width:780px){
  .hatg8-services-hub .hat-page-hero__grid--text-only{width:min(calc(100% - 36px),1230px)}
  .hatg8-services-hub .hat-page-hero h1{font-size:clamp(2.1rem,6.4vw,3.3rem)}
  .hatg8-services-hub>.hat-page-hero{padding:65px 0}
}
@media(max-width:560px){
  .hatg8-services-hub .hat-page-hero__grid--text-only{width:min(calc(100% - 28px),1230px)}
  .hatg8-services-hub>.hat-page-hero{padding:49px 0 60px}
  .hatg8-services-hub .hat-page-hero h1{font-size:clamp(1.95rem,8.3vw,2.65rem);line-height:1.17}
  .hatg8-services-hub .hat-page-hero .hat-breadcrumbs{font-size:.75rem}
  .hatg8-services-hub .hatg8-section{padding:58px 0}
}
@media(prefers-reduced-motion:reduce){
  .hatg8-services-hub *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}