/* Über uns — restrained, premium, compact page rhythm */
body[data-page="ueber-uns"] .page-hero .hero-shell{
  min-height:clamp(520px,48vw,640px)!important;
  max-height:640px!important;
  grid-template-columns:minmax(420px,.94fr) minmax(0,1.06fr)!important;
}
body[data-page="ueber-uns"] .hero-copy{
  min-height:0!important;
  padding:clamp(48px,5vw,72px) clamp(34px,4.4vw,70px)!important;
  justify-content:center!important;
}
body[data-page="ueber-uns"] .hero-copy h1{
  max-width:760px!important;
  font-size:clamp(3.35rem,4.9vw,5.6rem)!important;
  line-height:.9!important;
}
body[data-page="ueber-uns"] .hero-copy>p{
  max-width:620px!important;
  margin-top:22px!important;
  font-size:.93rem!important;
  line-height:1.62!important;
}
body[data-page="ueber-uns"] .hero-actions{margin-top:24px!important}
body[data-page="ueber-uns"] .hero-aside,
body[data-page="ueber-uns"] .hero-aside .about-photo-panel{
  min-height:clamp(520px,48vw,640px)!important;
  max-height:640px!important;
}

/* Haltung: one concise text block + one clean image, no oversized editorial theatre */
body[data-page="ueber-uns"] main>section.content:not(.dark-section){
  padding:clamp(58px,6vw,84px) 0!important;
}
body[data-page="ueber-uns"] main>section.content:not(.dark-section) .split{
  grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr)!important;
  gap:clamp(44px,6vw,86px)!important;
  align-items:center!important;
}
body[data-page="ueber-uns"] main>section.content:not(.dark-section) .split-copy h2{
  font-size:clamp(2.8rem,4.2vw,4.8rem)!important;
  line-height:.92!important;
}
body[data-page="ueber-uns"] main>section.content:not(.dark-section) .split-copy p{
  max-width:650px!important;
  font-size:.92rem!important;
  line-height:1.66!important;
}
body[data-page="ueber-uns"] main>section.content:not(.dark-section) .abstract-panel{
  min-height:430px!important;
  max-height:500px!important;
  height:clamp(430px,36vw,500px)!important;
}
body[data-page="ueber-uns"] main>section.content:not(.dark-section) .checklist{
  grid-template-columns:1fr 1fr!important;
  gap:0 24px!important;
  margin-top:26px!important;
}
body[data-page="ueber-uns"] main>section.content:not(.dark-section) .check{
  padding:11px 0!important;
  font-size:.78rem!important;
}

/* Remove the extra manifesto block on About. It repeats the same visual idea and makes the page feel endless. */
body[data-page="ueber-uns"] .detail-story{display:none!important}

/* Team: clean three-person grid instead of a long staggered wall */
body[data-page="ueber-uns"] .dark-section{
  padding:clamp(62px,6.4vw,92px) 0!important;
  background:#0b1011!important;
}
body[data-page="ueber-uns"] .dark-section .section-head{
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:clamp(30px,5vw,72px)!important;
  margin-bottom:42px!important;
  align-items:start!important;
}
body[data-page="ueber-uns"] .dark-section .section-head h2{
  max-width:820px!important;
  font-size:clamp(2.8rem,4.2vw,4.8rem)!important;
  line-height:.91!important;
}
body[data-page="ueber-uns"] .dark-section .section-head p{
  max-width:680px!important;
  margin-top:14px!important;
  font-size:.9rem!important;
  line-height:1.58!important;
}
body[data-page="ueber-uns"] .dark-section .cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  border:0!important;
}
body[data-page="ueber-uns"] .dark-section .cards .team-card,
body[data-page="ueber-uns"] .dark-section .cards .card{
  grid-column:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0 0 26px!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
  position:relative!important;
}
body[data-page="ueber-uns"] .team-card:before,
body[data-page="ueber-uns"] .team-card:after,
body[data-page="ueber-uns"] .team-card[data-index]:before{
  display:none!important;
  content:none!important;
}
body[data-page="ueber-uns"] .team-photo{
  position:relative!important;
  width:100%!important;
  aspect-ratio:4/4.6!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 22px!important;
  overflow:hidden!important;
  background:#171c1d!important;
}
body[data-page="ueber-uns"] .team-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  filter:saturate(.86) contrast(1.02)!important;
  transform:none!important;
}
body[data-page="ueber-uns"] .team-card .kicker{
  display:block!important;
  margin:0 0 10px!important;
  color:#c6a88f!important;
  font-size:.52rem!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}
body[data-page="ueber-uns"] .team-card h3{
  margin:0 0 12px!important;
  color:#f8f5f0!important;
  font-size:clamp(1.45rem,1.8vw,2rem)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
body[data-page="ueber-uns"] .team-card p{
  max-width:none!important;
  margin:0 0 9px!important;
  color:#aeb8b9!important;
  font-size:.76rem!important;
  line-height:1.55!important;
}
body[data-page="ueber-uns"] .team-card p strong{
  color:#e8eceb!important;
  font-weight:500!important;
}

/* CTA: compact closing band, not another hero */
body[data-page="ueber-uns"] .cta-shell{
  min-height:300px!important;
  padding:clamp(52px,5vw,72px) max(var(--v-gutter),calc((100vw - 1500px)/2 + var(--v-gutter)))!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:clamp(36px,6vw,84px)!important;
  align-items:center!important;
}
body[data-page="ueber-uns"] .cta h2{
  max-width:700px!important;
  font-size:clamp(3rem,4.6vw,5.1rem)!important;
  line-height:.9!important;
}
body[data-page="ueber-uns"] .cta p{
  max-width:460px!important;
  font-size:.9rem!important;
}

@media(max-width:1050px){
  body[data-page="ueber-uns"] .page-hero .hero-shell{
    grid-template-columns:1fr 1fr!important;
    min-height:520px!important;
    max-height:580px!important;
  }
  body[data-page="ueber-uns"] .hero-aside,
  body[data-page="ueber-uns"] .hero-aside .about-photo-panel{min-height:520px!important;max-height:580px!important}
  body[data-page="ueber-uns"] .dark-section .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="ueber-uns"] .dark-section .cards .team-card:last-child{grid-column:1 / -1!important;width:calc(50% - 12px)!important}
}

@media(max-width:760px){
  body[data-page="ueber-uns"] .page-hero .hero-shell{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    max-height:none!important;
  }
  body[data-page="ueber-uns"] .hero-copy{
    order:1!important;
    padding:46px 18px 36px!important;
  }
  body[data-page="ueber-uns"] .hero-copy h1{
    font-size:clamp(2.8rem,11.5vw,4rem)!important;
  }
  body[data-page="ueber-uns"] .hero-aside{
    order:2!important;
    position:relative!important;
    min-height:360px!important;
    height:44svh!important;
    max-height:440px!important;
  }
  body[data-page="ueber-uns"] .hero-aside .about-photo-panel{
    min-height:360px!important;
    height:100%!important;
    max-height:440px!important;
  }
  body[data-page="ueber-uns"] main>section.content:not(.dark-section){padding:50px 0!important}
  body[data-page="ueber-uns"] main>section.content:not(.dark-section) .split{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  body[data-page="ueber-uns"] main>section.content:not(.dark-section) .abstract-panel{
    min-height:340px!important;
    height:42svh!important;
    max-height:420px!important;
  }
  body[data-page="ueber-uns"] main>section.content:not(.dark-section) .checklist{grid-template-columns:1fr!important}
  body[data-page="ueber-uns"] .dark-section{padding:52px 0 58px!important}
  body[data-page="ueber-uns"] .dark-section .section-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:30px!important;
  }
  body[data-page="ueber-uns"] .dark-section .section-head h2{
    font-size:clamp(2.55rem,11vw,3.6rem)!important;
  }
  body[data-page="ueber-uns"] .dark-section .cards{grid-template-columns:1fr!important;gap:34px!important}
  body[data-page="ueber-uns"] .dark-section .cards .team-card,
  body[data-page="ueber-uns"] .dark-section .cards .team-card:last-child{
    width:100%!important;
    grid-column:auto!important;
  }
  body[data-page="ueber-uns"] .team-photo{aspect-ratio:4/4.8!important;margin-bottom:18px!important}
  body[data-page="ueber-uns"] .team-card p{font-size:.8rem!important}
  body[data-page="ueber-uns"] .cta-shell{
    min-height:0!important;
    grid-template-columns:1fr!important;
    padding:52px 18px 58px!important;
    gap:28px!important;
  }
  body[data-page="ueber-uns"] .cta h2{
    font-size:clamp(2.8rem,12vw,4rem)!important;
  }
}


/* 2026-09-09: keep the left hero column inside its section at desktop widths. */
@media (min-width:761px){
  body[data-page="ueber-uns"] .page-hero .hero-shell{
    min-height:clamp(700px,45vw,780px)!important;
    max-height:none!important;
    align-items:stretch!important;
  }
  body[data-page="ueber-uns"] .hero-copy{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding-top:clamp(44px,4vw,64px)!important;
    padding-bottom:clamp(44px,4vw,64px)!important;
  }
  body[data-page="ueber-uns"] .hero-copy h1{
    max-width:720px!important;
    font-size:clamp(3.35rem,4vw,4.8rem)!important;
    line-height:.92!important;
  }
  body[data-page="ueber-uns"] .hero-copy>p{
    margin-bottom:0!important;
  }
  body[data-page="ueber-uns"] .hero-aside,
  body[data-page="ueber-uns"] .hero-aside .about-photo-panel{
    min-height:clamp(700px,45vw,780px)!important;
    max-height:none!important;
    height:100%!important;
  }
}

/* 2026-09-10: keep the new About hero artwork anchored to its top edge.
   The logo must stay fully visible; any necessary crop happens at the bottom. */
body[data-page="ueber-uns"] .page-hero .hero-aside .about-photo-panel .about-work-photo{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center top!important;
}