/* ========== Shared page layout — About-parity shell ========== */

/* Marketing page shells */
body.jams-gacor-header.page-about,
body.jams-gacor-header.page-authorization,
body.jams-gacor-header.page-what-we-do,
body.jams-gacor-header.page-services,
body.jams-gacor-header.page-products,
body.jams-gacor-header.page-contact,
body.jams-gacor-header.page-contact-us,
body.jams-gacor-header.page-careers,
body.jams-gacor-header.page-service-category,
body.jams-gacor-header.page-product-showcase {
  overflow-x: hidden;
}

body.jams-gacor-header.page-about .container-wrap,
body.jams-gacor-header.page-authorization .container-wrap,
body.jams-gacor-header.page-what-we-do .container-wrap,
body.jams-gacor-header.page-services .container-wrap,
body.jams-gacor-header.page-products .container-wrap,
body.jams-gacor-header.page-contact .container-wrap,
body.jams-gacor-header.page-contact-us .container-wrap,
body.jams-gacor-header.page-careers .container-wrap,
body.jams-gacor-header.page-service-category .container-wrap,
body.jams-gacor-header.page-product-showcase .container-wrap {
  font-family: var(--gacor-font, "DM Sans", sans-serif);
  padding-top: 0 !important;
}

body.jams-gacor-header.page-about .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-about #breadcrumbs,
body.jams-gacor-header.page-about .nectar-slider-wrap,
body.jams-gacor-header.page-about .parallax_slider_outer,
body.jams-gacor-header.page-authorization .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-authorization #breadcrumbs,
body.jams-gacor-header.page-authorization .nectar-slider-wrap,
body.jams-gacor-header.page-authorization .parallax_slider_outer,
body.jams-gacor-header.page-what-we-do .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-what-we-do #breadcrumbs,
body.jams-gacor-header.page-what-we-do .nectar-slider-wrap,
body.jams-gacor-header.page-what-we-do .parallax_slider_outer,
body.jams-gacor-header.page-services .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-services #breadcrumbs,
body.jams-gacor-header.page-services .nectar-slider-wrap,
body.jams-gacor-header.page-services .parallax_slider_outer,
body.jams-gacor-header.page-products .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-products #breadcrumbs,
body.jams-gacor-header.page-products .nectar-slider-wrap,
body.jams-gacor-header.page-products .parallax_slider_outer,
body.jams-gacor-header.page-contact .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-contact #breadcrumbs,
body.jams-gacor-header.page-contact .nectar-slider-wrap,
body.jams-gacor-header.page-contact .parallax_slider_outer,
body.jams-gacor-header.page-contact-us .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-contact-us #breadcrumbs,
body.jams-gacor-header.page-contact-us .nectar-slider-wrap,
body.jams-gacor-header.page-contact-us .parallax_slider_outer,
body.jams-gacor-header.page-careers .container-wrap > .row > .col.section-title,
body.jams-gacor-header.page-careers #breadcrumbs,
body.jams-gacor-header.page-careers .nectar-slider-wrap,
body.jams-gacor-header.page-careers .parallax_slider_outer {
  display: none !important;
}

/* Bleed + wrap utilities */
.jams-bleed {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  box-sizing: border-box;
}

.jams-wrap {
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
}

.jams-section {
  padding: 88px 0;
}

.jams-section--surface {
  background-color: var(--gacor-surface, #f4f8fb);
  background-image: var(--gacor-grid);
  background-size: var(--gacor-grid-size);
}

.jams-section--dark {
  background: var(--gacor-dark, #0b1220);
}

/* Shared photo hero primitives */
.jams-photo-hero {
  position: relative;
  min-height: min(82vh, 760px);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--gacor-dark, #0b1220);
}

.jams-photo-hero__bg {
  position: absolute !important;
  inset: 0;
  z-index: 0 !important;
  pointer-events: none;
}

body.jams-gacor-header .jams-photo-hero__bg img,
.jams-photo-hero__bg img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 68% center;
}

.jams-photo-hero__shade {
  position: absolute !important;
  inset: 0;
  z-index: 1 !important;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(7, 12, 22, 0.96) 0%,
      rgba(11, 18, 32, 0.88) 34%,
      rgba(11, 18, 32, 0.42) 62%,
      rgba(11, 18, 32, 0.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7, 12, 22, 0.35) 0%,
      transparent 28%,
      transparent 72%,
      rgba(7, 12, 22, 0.45) 100%
    );
}

.jams-photo-hero__inner {
  position: relative;
  z-index: 3;
  width: min(1320px, calc(100% - 48px));
  max-width: 640px;
  margin: 0 auto;
  margin-left: max(24px, calc((100% - 1320px) / 2));
  padding: 112px 0 96px;
}

.jams-photo-hero__bar {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, #00aeef, #0078d7, #002e5d);
  z-index: 4;
}

.jams-photo-hero > .jams-motif {
  z-index: 2;
  opacity: 0.42;
  mix-blend-mode: screen;
}

.jams-photo-hero > .jams-motif .jams-motif__stack {
  max-width: min(28vw, 320px);
}

@media (max-width: 980px) {
  .jams-photo-hero__inner {
    margin-left: 24px;
    margin-right: 24px;
    width: calc(100% - 48px);
    max-width: none;
    padding: 88px 0 72px;
  }

  .jams-photo-hero > .jams-motif {
    opacity: 0.28;
  }
}

@media (max-width: 640px) {
  .jams-section {
    padding: 56px 0 64px;
  }

  .jams-wrap {
    width: calc(100% - 32px);
  }

  .jams-photo-hero {
    min-height: 72vh;
    align-items: flex-end;
  }
}