/* V6.86t5: continuous section surfaces and editable archival rendering. */
.hk-process-technology-flow {
  background: var(--v644-silver);
}
.hk-process-technology-flow .hk-stage-context--processes,
.hk-process-technology-flow #prozesse-grid,
.hk-process-technology-flow #technologie {
  background: transparent !important;
}
.hk-process-technology-flow .hk-stage-context--processes::before,
.hk-process-technology-flow .hk-stage-context--processes::after {
  content: none !important;
  display: none !important;
}
.hk-process-technology-flow #technologie {
  margin-top: 0 !important;
}

/* V6.86t12: one landscape layer reaches farther left and behind the location copy. */
#standort .company-location-v643__stage.hk-main-stage {
  overflow: visible !important;
  background: transparent !important;
  z-index: 0;
}
#standort .company-location-v643__stage img.hk-main-stage__media {
  height: calc(100% + clamp(360px, 31vw, 500px)) !important;
  --main-stage-fade-left: linear-gradient(90deg, rgba(0,0,0,.025) 0%, rgba(0,0,0,.07) 18%, rgba(0,0,0,.2) 34%, rgba(0,0,0,.56) 51%, rgba(0,0,0,.91) 72%, #000 100%);
  --main-stage-fade-bottom: linear-gradient(180deg, #000 0%, #000 30%, rgba(0,0,0,.84) 48%, rgba(0,0,0,.42) 68%, rgba(0,0,0,.13) 85%, transparent 100%);
  object-position: right top !important;
}
#standort .company-location-v643__body {
  position: relative;
  z-index: 1;
  background: transparent !important;
  padding-bottom: clamp(150px, 12vw, 190px) !important;
}

/* V6.86t11: one continuous contact surface; fade the photo at its own edges.
   A legacy dark fill and a contain-sized photograph previously left a visible
   vertical strip when the viewport outgrew the capped image width. */
#kontakt.section {
  background: var(--v656-silver) !important;
}
#kontakt .contact-stage-v637,
#kontakt .contact-stage-v637__copy,
#kontakt .sales-flow-v637,
#kontakt .request-layout-v637 {
  background: transparent !important;
}
#kontakt .contact-stage-v637__media::before,
#kontakt .contact-stage-v637__media::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
#kontakt .contact-stage-v637__media {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
#kontakt .contact-stage-v637__slide--team-real {
  inset: 0 0 auto auto !important;
  width: min(82vw, 1440px) !important;
  height: 100% !important;
  background-color: transparent !important;
  background-size: cover !important;
  background-position: right top !important;
  --contact-photo-fade-left: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.02) 7%, rgba(0,0,0,.12) 16%, rgba(0,0,0,.42) 30%, rgba(0,0,0,.8) 47%, #000 65%, #000 100%);
  -webkit-mask-image: var(--contact-photo-fade-left), var(--main-stage-fade-bottom);
  mask-image: var(--contact-photo-fade-left), var(--main-stage-fade-bottom);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

/* V6.86t21: hall drawings fill the complete image panel without inner margins. */
#technologie [data-tech-slider] .split-stage__slide--drawing {
  background-color: #f6f5ef !important;
  background-size: cover !important;
  background-origin: border-box;
  padding: 0;
  box-sizing: border-box;
  filter: none !important;
}

/* Design controls for the two historical motifs (no visitor-facing filter UI).
   Images already carry restrained grain/print texture from their image edit. */
:root {
  --archive-photo-contrast: .96;
  --archive-photo-brightness: 1.02;
  --archive-photo-sepia: .12;
}
.company-story-v641 .hk-main-stage__media.hk-archive-photo,
.company-story-v641 .company-story-v641__media.hk-archive-photo {
  filter: grayscale(1) sepia(var(--archive-photo-sepia))
    contrast(var(--archive-photo-contrast)) brightness(var(--archive-photo-brightness)) !important;
}
@media (max-width: 760px) {
  #standort .company-location-v643__stage img.hk-main-stage__media {
    height: calc(100% + 260px) !important;
    --main-stage-fade-left: linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.3) 35%, #000 100%);
    --main-stage-fade-bottom: linear-gradient(180deg, #000 0%, rgba(0,0,0,.5) 28%, rgba(0,0,0,.12) 52%, rgba(0,0,0,.06) 80%, transparent 100%);
    object-position: 72% top !important;
  }
  #standort .company-location-v643__body { padding-bottom: 138px !important; }
}
/* Legacy grid coordinates must not offset the absolute contact photograph. */
#kontakt .contact-stage-v637__media { grid-area: auto !important; min-height: 0 !important; }
#standort .company-location-v643__body article { background: transparent !important; }
@media (max-width: 900px) {
  #kontakt .contact-stage-v637__media {
    inset: 0 0 auto !important;
    height: clamp(340px, 90vw, 440px) !important;
  }
  #kontakt .contact-stage-v637__slide--team-real {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    background-size: cover !important;
    background-position: center top !important;
    --contact-photo-fade-left: var(--main-stage-fade-left);
  }
}

/* Keep the long German contact heading inside the smallest phone width. */
@media (max-width: 380px) {
  #kontakt .contact-stage-v637__copy h2 {
    font-size: clamp(1.65rem, 8.5vw, 2rem) !important;
    width: auto !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
    hyphens: auto;
  }
}

/* V6.86t6: a quiet transparent technical drawing across the product/process CTA. */
#produkt-prozess.hk-career-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --process-drawing-opacity: .16;
}
#produkt-prozess .process-bridge-v648__structure {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: var(--process-drawing-opacity);
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
}
#produkt-prozess .hk-career-cta__layout {
  position: relative;
  z-index: 1;
}
#produkt-prozess .process-bridge-v648__copy h2 {
  line-height: 1.1 !important;
}
@media (min-width: 1101px) {
  #produkt-prozess.hk-career-cta :is(.hk-career-cta__layout, .hk-career-cta__media, .hk-career-cta__panel) {
    min-height: clamp(400px, 34vw, 500px) !important;
  }
}
@media (max-width: 760px) {
  #produkt-prozess.hk-career-cta { --process-drawing-opacity: .14; }
  #produkt-prozess .process-bridge-v648__structure { object-position: 18% center; }
}

#produkt-prozess.hk-career-cta .hk-career-cta__panel { justify-content: center; }

/* V6.86t7: rustic photographic rendering for the founding-workshop stage. */
.company-history-v641__scene {
  --archive-photo-contrast: 1.07;
  --archive-photo-brightness: .98;
  --archive-photo-sepia: .1;
}
.company-history-v641__scene img.hk-archive-photo {
  filter: grayscale(1) sepia(var(--archive-photo-sepia)) contrast(var(--archive-photo-contrast)) brightness(var(--archive-photo-brightness)) !important;
  object-position: 70% center;
}

/* V6.86t10: the archive photograph continues softly behind the first milestones. */
.company-story-v641 .company-story-v641__header.hk-main-stage {
  overflow: visible !important;
  z-index: 0;
}
.company-story-v641 .company-story-v641__header img.hk-main-stage__media {
  height: calc(100% + clamp(380px, 34vw, 580px)) !important;
  --main-stage-fade-bottom: linear-gradient(180deg, #000 0%, #000 30%, rgba(0,0,0,.6) 46%, rgba(0,0,0,.24) 60%, rgba(0,0,0,.075) 74%, rgba(0,0,0,.018) 88%, transparent 100%);
  object-position: right top !important;
}
.company-story-v641 .company-story-v641__timeline {
  position: relative;
  z-index: 1;
  background: transparent !important;
}
@media (max-width: 760px) {
  .company-story-v641 .company-story-v641__header img.hk-main-stage__media {
    height: calc(100% + 340px) !important;
    --main-stage-fade-left: linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.4) 38%, #000 100%);
    --main-stage-fade-bottom: linear-gradient(180deg, #000 0%, rgba(0,0,0,.72) 20%, rgba(0,0,0,.22) 42%, rgba(0,0,0,.09) 62%, rgba(0,0,0,.025) 82%, transparent 100%);
    object-position: 76% top !important;
  }
}


/* V6.86t20: slightly shorter dated history cards on wide desktop screens.
   Keep the three archive scans and the established smaller layouts unchanged. */
@media (min-width: 1440px) {
  #unternehmen .company-history-v641__summary :is(
    .company-history-card--origin,
    .company-history-card--specialization,
    .company-history-card--austria
  ) {
    aspect-ratio: 4 / 5 !important;
  }
}

/* V6.86t25: keep the single-column history cards compact on tablet widths.
   Preserve the shared page gutters on phones and the three-column desktop layout. */
@media (max-width: 1100px) {
  #unternehmen .company-history-v641__summary {
    max-width: 480px !important;
  }
  #unternehmen .company-history-v641__summary h4 {
    hyphens: auto;
    overflow-wrap: break-word;
  }
}