/* Page-specific CSS patches extracted from the original company.html (inline <style> blocks in <head>).
   Loaded only on this page/template, after the global stylesheets, to preserve exact visual fidelity. */

.co-section {
  padding: 88px 28px;
  max-width: var(--max);
  margin: 0 auto;
}
.co-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 18px;
}
.about-page .company-hero-bg {
  background:
    linear-gradient(180deg, rgba(4,8,16,0) 0%, rgba(4,8,16,0) 62%, rgba(4,8,16,.28) 78%, rgba(4,8,16,.78) 92%, rgba(4,8,16,1) 100%),
    linear-gradient(90deg, rgba(4,8,16,.98) 0%, rgba(4,8,16,.94) 34%, rgba(4,8,16,.76) 48%, rgba(4,8,16,.34) 62%, rgba(4,8,16,.08) 74%, rgba(4,8,16,0) 82%),
    url('../../images/about-hero.png') right center / auto 100% no-repeat !important;
}
.about-page .company-hero .section-inner {
  max-width: var(--max);
}
.about-page .company-hero h1 {
  max-width: 980px !important;
}
.about-page .company-hero .hero-copy {
  max-width: 980px !important;
}
/* About image-card variants built on the shared Home What-We-Do layout */
.about-page .about-mission-v12 .what-copy-v04,
.about-page .innovation-v12 .what-copy-v04 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 370px;
  border-radius: 28px;
  padding: 34px 34px 36px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 48px rgba(0,0,0,.20);
}
.about-page .about-mission-v12 .what-copy-v04::before,
.about-page .innovation-v12 .what-copy-v04::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.02);
}
.about-page .about-mission-v12 .what-copy-v04::after,
.about-page .innovation-v12 .what-copy-v04::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(4,8,16,.16) 0%, rgba(4,8,16,.18) 32%, rgba(4,8,16,.72) 100%);
}
.about-page .about-mission-v12 .what-copy-v04::before {
  background-image: none;
}
.about-page .innovation-v12 .what-copy-v04::before {
  background-image: none;
}
.about-page .about-mission-v12 .what-copy-v04 h2,
.about-page .innovation-v12 .what-copy-v04 h2 {
  margin-bottom: 14px;
  color: #fff;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.about-page .about-mission-v12 .what-copy-v04 p,
.about-page .innovation-v12 .what-copy-v04 p {
  max-width: 420px;
  color: rgba(255,255,255,.94);
  font-size: clamp(20px, 2.25vw, 30px);
  line-height: 1.12;
  letter-spacing: -0.04em;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.about-page .about-mission-v12 .proof-item-v04 p,
.about-page .innovation-v12 .proof-item-v04 p {
  font-size: 16px;
  line-height: 1.72;
}
/* Commercial pathways */
.pathways-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.pathway-card {
  border-width: 1px;
  border-style: solid;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  padding: 28px 24px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 100%;
  transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);
}
.pathway-card:nth-child(1) { border-color: rgba(166, 222, 78, .34); }
.pathway-card:nth-child(2) { border-color: rgba(105, 201, 255, .34); }
.pathway-card:nth-child(3) { border-color: rgba(216, 199, 143, .34); }
.pathway-card:nth-child(4) { border-color: rgba(180, 144, 255, .34); }
.pathway-card:nth-child(1):hover { box-shadow: 0 0 0 1px rgba(166,222,78,.22), 0 0 24px rgba(166,222,78,.16), 0 18px 40px rgba(0,0,0,.22); border-color: rgba(166,222,78,.85); }
.pathway-card:nth-child(2):hover { box-shadow: 0 0 0 1px rgba(105,201,255,.22), 0 0 24px rgba(105,201,255,.16), 0 18px 40px rgba(0,0,0,.22); border-color: rgba(105,201,255,.85); }
.pathway-card:nth-child(3):hover { box-shadow: 0 0 0 1px rgba(216,199,143,.22), 0 0 24px rgba(216,199,143,.16), 0 18px 40px rgba(0,0,0,.22); border-color: rgba(216,199,143,.85); }
.pathway-card:nth-child(4):hover { box-shadow: 0 0 0 1px rgba(180,144,255,.22), 0 0 24px rgba(180,144,255,.16), 0 18px 40px rgba(0,0,0,.22); border-color: rgba(180,144,255,.85); }
.pathway-card:hover { transform: translateY(-3px); }
.pathway-card img {
  width: 148px;
  height: 148px;
  object-fit: contain;
  margin: 0 auto 18px;
  background: transparent !important;
}
.pathway-card h3 {
  font-size: 20px;
  letter-spacing: -0.035em;
  line-height: 1.15;
  margin: 0 0 10px;
  color: var(--text);
  text-align: center !important;
  width: 100% !important;
}
.pathway-card p {
  font-size: 15px;
  line-height: 1.68;
  color: var(--muted);
  margin: 0;
}
.pathway-card:nth-child(1) h3 { color: var(--accent); }
.pathway-card:nth-child(2) h3 { color: var(--accent-2); }
.pathway-card:nth-child(3) h3 { color: #D8C78F; }
.pathway-card:nth-child(4) h3 { color: var(--accent-3); }
@media (max-width: 1100px) {
  .pathways-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .co-section { padding: 68px 20px; }
  .about-page .company-hero-bg {
    background: url('../../images/about-hero.png') 70% center / auto 100% no-repeat !important;
  }
  .about-page .about-mission-v12 .what-copy-v04,
  .about-page .innovation-v12 .what-copy-v04 {
    min-height: 320px;
    padding: 28px 24px 30px;
  }
  .about-page .about-mission-v12 .what-copy-v04 p,
  .about-page .innovation-v12 .what-copy-v04 p {
    max-width: 100%;
    font-size: clamp(18px, 5.6vw, 24px);
  }
  .pathways-grid { grid-template-columns: 1fr; }
  .pathway-card img { width: 132px; height: 132px; }
}

/* v14 About image-card framing refinement */
.about-page .about-mission-v12 .what-copy-v04,
.about-page .innovation-v12 .what-copy-v04 {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 14px !important;
  aspect-ratio: 1 / 1 !important;
  min-height: unset !important;
  padding: 38px 34px 34px !important;
}
.about-page .about-mission-v12 .what-copy-v04::before {
  background-position: 72% center !important;
  background-size: cover !important;
}
.about-page .innovation-v12 .what-copy-v04::before {
  background-position: 82% center !important;
  background-size: cover !important;
}
.about-page .about-mission-v12 .what-copy-v04::after,
.about-page .innovation-v12 .what-copy-v04::after {
  background: linear-gradient(90deg, rgba(4,8,16,.40) 0%, rgba(4,8,16,.18) 30%, rgba(4,8,16,.10) 55%, rgba(4,8,16,.24) 100%), linear-gradient(180deg, rgba(4,8,16,.18) 0%, rgba(4,8,16,.10) 34%, rgba(4,8,16,.42) 100%) !important;
}
.about-page .about-mission-v12 .what-copy-v04 h2,
.about-page .innovation-v12 .what-copy-v04 h2 {
  color: rgba(230, 222, 214, 0.88) !important;
  text-shadow: none !important;
  margin-bottom: 6px !important;
}
.about-page .about-mission-v12 .what-copy-v04 p,
.about-page .innovation-v12 .what-copy-v04 p {
  color: rgba(247,244,236,.88) !important;
  text-shadow: none !important;
  max-width: 380px !important;
}
@media (max-width: 700px) {
  .about-page .about-mission-v12 .what-copy-v04,
  .about-page .innovation-v12 .what-copy-v04 {
    aspect-ratio: 1 / 1 !important;
    padding: 30px 24px 24px !important;
  }
  .about-page .about-mission-v12 .what-copy-v04::before {
    background-position: 74% center !important;
  }
  .about-page .innovation-v12 .what-copy-v04::before {
    background-position: 84% center !important;
  }
}

/* v16 About hero edge refinement */
.about-page .company-hero-bg {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 11%, #000 100%), linear-gradient(to bottom, #000 0%, #000 86%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 11%, #000 100%), linear-gradient(to bottom, #000 0%, #000 86%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* v17 hero image bottom-edge blend refinement */
.about-page .company-hero-bg {
  background:
    linear-gradient(180deg, rgba(4,8,16,0) 0%, rgba(4,8,16,0) 58%, rgba(4,8,16,.72) 86%, rgba(4,8,16,1) 100%),
    linear-gradient(90deg, rgba(4,8,16,.94) 0%, rgba(4,8,16,.84) 34%, rgba(4,8,16,.20) 60%, rgba(4,8,16,.08) 100%),
    url('../../images/about-hero.png') 70% center / auto 100% no-repeat !important;
}
.rd-page .company-hero-bg {
  background:
    linear-gradient(180deg, rgba(4,8,16,0) 0%, rgba(4,8,16,0) 58%, rgba(4,8,16,.72) 86%, rgba(4,8,16,1) 100%),
    linear-gradient(90deg, rgba(4,8,16,.95) 0%, rgba(4,8,16,.90) 36%, rgba(4,8,16,.34) 62%, rgba(4,8,16,.08) 100%),
    url('../../images/rd-hero.png') 74% center / auto 100% no-repeat !important;
}
@media (max-width: 980px) {
  .about-page .company-hero-bg {
    background:
      linear-gradient(180deg, rgba(4,8,16,.50) 0%, rgba(4,8,16,.66) 50%, rgba(4,8,16,1) 100%),
      url('../../images/about-hero.png') 62% center / cover no-repeat !important;
  }
  .rd-page .company-hero-bg {
    background:
      linear-gradient(180deg, rgba(4,8,16,.58) 0%, rgba(4,8,16,.72) 52%, rgba(4,8,16,1) 100%),
      url('../../images/rd-hero.png') 66% center / cover no-repeat !important;
  }
}

/* v23 hero architecture repair: mirror Home image-layer behaviour */
@media (min-width: 981px) {
  .about-page .company-hero { position: relative !important; overflow: hidden !important; }
  .about-page .company-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    left: auto !important;
    right: 0 !important;
    width: 56% !important;
    height: 100% !important;
    z-index: -1 !important;
    background: url('../../images/about-hero.png') center center / cover no-repeat !important;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, rgba(0,0,0,.22) 5%, #000 16%, #000 100%),
      linear-gradient(to bottom, #000 0%, #000 74%, rgba(0,0,0,.94) 82%, rgba(0,0,0,.62) 90%, transparent 100%) !important;
    mask-image:
      linear-gradient(to right, transparent 0%, rgba(0,0,0,.22) 5%, #000 16%, #000 100%),
      linear-gradient(to bottom, #000 0%, #000 74%, rgba(0,0,0,.94) 82%, rgba(0,0,0,.62) 90%, transparent 100%) !important;
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;
  }
}
@media (max-width: 980px) {
  .about-page .company-hero-bg {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: 100% !important;
    background: url('../../images/about-hero.png') 62% center / cover no-repeat !important;
  }
}

/* v38 About hero final framing: retain scientist while restoring quiet text zone */
@media (min-width: 981px) {
  .about-page .company-hero { position: relative !important; overflow: hidden !important; }
  .about-page .company-hero-bg {
    position: absolute !important;
    inset: 0 0 0 auto !important;
    width: 60% !important;
    height: 100% !important;
    z-index: -1 !important;
    background: url('../../images/about-hero.png') 72% center / cover no-repeat !important;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, rgba(0,0,0,.08) 7%, rgba(0,0,0,.55) 20%, #000 34%, #000 100%),
      linear-gradient(to bottom, #000 0%, #000 74%, rgba(0,0,0,.94) 82%, rgba(0,0,0,.62) 90%, transparent 100%) !important;
    mask-image:
      linear-gradient(to right, transparent 0%, rgba(0,0,0,.08) 7%, rgba(0,0,0,.55) 20%, #000 34%, #000 100%),
      linear-gradient(to bottom, #000 0%, #000 74%, rgba(0,0,0,.94) 82%, rgba(0,0,0,.62) 90%, transparent 100%) !important;
    -webkit-mask-composite: source-in !important;
    mask-composite: intersect !important;
  }
}

/* v43 About page layout refinements */
.about-page .about-mission-v12 .what-copy-v04,
.about-page .about-capabilities-v43 .what-copy-v04 {
  position: static !important;
  overflow: visible !important;
  isolation: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.about-page .about-mission-v12 .what-copy-v04::before,
.about-page .about-mission-v12 .what-copy-v04::after,
.about-page .about-capabilities-v43 .what-copy-v04::before,
.about-page .about-capabilities-v43 .what-copy-v04::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.about-page .about-mission-v12 .what-copy-v04 h2,
.about-page .about-capabilities-v43 .what-copy-v04 h2 {
  color: rgba(247,244,236,.92) !important;
  text-shadow: 0 8px 24px rgba(0,0,0,.38) !important;
  margin: 0 0 22px !important;
}
.about-page .about-mission-v12 .what-copy-v04 p,
.about-page .about-capabilities-v43 .what-copy-v04 p {
  color: rgba(245,255,251,.82) !important;
  text-shadow: none !important;
  max-width: 520px !important;
}
.about-page .about-capabilities-v43 .what-proof-list-v04 {
  gap: 1.2rem !important;
}

/* v61 experimental: Company page hero without a boxed hero container */
.about-page .company-hero {
  position: relative !important;
  min-height: 78vh !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  isolation: isolate !important;
}
.about-page .company-hero::after,
.about-page .company-hero-bg::before,
.about-page .company-hero-bg::after {
  content: none !important;
  display: none !important;
}
.about-page .company-hero-bg {
  position: absolute !important;
  inset: 0 0 0 32% !important;
  width: auto !important;
  height: auto !important;
  z-index: -1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: .78 !important;
  filter: brightness(.86) contrast(1.04) saturate(1.06) !important;
  background: url('../../images/about-hero.png') 72% center / auto 100% no-repeat !important;
  -webkit-mask-image:
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.16) 12%, rgba(0,0,0,.92) 34%, rgba(0,0,0,1) 100%),
    linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 62%, rgba(0,0,0,.55) 78%, rgba(0,0,0,0) 100%);
  mask-image:
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.16) 12%, rgba(0,0,0,.92) 34%, rgba(0,0,0,1) 100%),
    linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 62%, rgba(0,0,0,.55) 78%, rgba(0,0,0,0) 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.about-page .company-hero .section-inner {
  position: relative !important;
  z-index: 3 !important;
  width: min(820px, calc(100vw - 64px)) !important;
  max-width: min(820px, calc(100vw - 64px)) !important;
  margin-left: max(32px, calc((100vw - var(--max)) / 2 + 32px)) !important;
  margin-right: auto !important;
  padding-top: clamp(180px, 26vh, 260px) !important;
}
.about-page .company-hero h1 {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(255,255,255,.14), 0 3px 16px rgba(0,0,0,.7) !important;
}
.about-page .company-hero .hero-copy {
  color: var(--accent) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 900px) {
  .about-page .company-hero-bg {
    inset: 0 !important;
    opacity: .38 !important;
    background-size: cover !important;
    background-position: 64% center !important;
  }
  .about-page .company-hero .section-inner {
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* v62: Company hero as a visual layer, not a bounded section.
   Use a single bottom mask so the image fades to transparent across browsers,
   keep the constellation canvas visible over the transition, and remove all
   pseudo fades that created a horizontal seam. */
.about-page .company-hero {
  position: relative !important;
  min-height: clamp(620px, 82vh, 820px) !important;
  padding: 0 28px !important;
  margin: 0 0 clamp(-110px, -8vw, -70px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: auto !important;
}
.about-page .company-hero::before,
.about-page .company-hero::after {
  content: none !important;
  display: none !important;
}
.about-page .company-hero-bg {
  position: absolute !important;
  inset: -90px 0 -170px 28% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: .78 !important;
  filter: brightness(.88) contrast(1.05) saturate(1.06) !important;
  background: url('../../images/about-hero.png') 72% center / cover no-repeat !important;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,.68) 73%, rgba(0,0,0,.18) 88%, rgba(0,0,0,0) 100%) !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,.68) 73%, rgba(0,0,0,.18) 88%, rgba(0,0,0,0) 100%) !important;
}
.about-page .company-hero-bg::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(to right, #02040a 0%, rgba(2,4,10,.94) 14%, rgba(2,4,10,.56) 34%, rgba(2,4,10,.16) 58%, rgba(2,4,10,0) 78%) !important;
}
.about-page .company-hero-bg::after {
  content: none !important;
  display: none !important;
}
.about-page .company-hero .section-inner {
  position: relative !important;
  z-index: 4 !important;
  width: min(820px, calc(100vw - 64px)) !important;
  max-width: min(820px, calc(100vw - 64px)) !important;
  margin-left: max(32px, calc((100vw - var(--max)) / 2 + 32px)) !important;
  margin-right: auto !important;
  padding-top: clamp(190px, 25vh, 260px) !important;
}
.about-page .about-mission-v12 {
  position: relative !important;
  z-index: 5 !important;
  padding-top: clamp(120px, 12vw, 170px) !important;
}
@media (max-width: 900px) {
  .about-page .company-hero {
    min-height: 650px !important;
    margin-bottom: -70px !important;
  }
  .about-page .company-hero-bg {
    inset: -70px 0 -140px 0 !important;
    opacity: .36 !important;
    background-position: 64% center !important;
  }
  .about-page .company-hero .section-inner {
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* v63: remove the visible left edge by making the Company hero image a full-width atmospheric layer.
   The image is no longer inset as a rectangle; left and bottom fades are applied across the full page. */
.about-page .company-hero {
  position: relative !important;
  min-height: clamp(620px, 82vh, 820px) !important;
  padding: 0 28px !important;
  margin: 0 0 clamp(-110px, -8vw, -70px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: auto !important;
}
.about-page .company-hero::before,
.about-page .company-hero::after {
  content: none !important;
  display: none !important;
}
.about-page .company-hero-bg {
  position: absolute !important;
  inset: -90px -4vw -180px -4vw !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: .76 !important;
  filter: brightness(.86) contrast(1.05) saturate(1.06) !important;
  background: url('../../images/about-hero.png') 74% center / cover no-repeat !important;
  -webkit-mask-image:
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.06) 12%, rgba(0,0,0,.45) 30%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%),
    linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,.70) 74%, rgba(0,0,0,.18) 90%, rgba(0,0,0,0) 100%);
  mask-image:
    linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.06) 12%, rgba(0,0,0,.45) 30%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%),
    linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,.70) 74%, rgba(0,0,0,.18) 90%, rgba(0,0,0,0) 100%);
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}
.about-page .company-hero-bg::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 30% 46%, rgba(2,4,10,.72) 0%, rgba(2,4,10,.42) 26%, rgba(2,4,10,0) 55%),
    linear-gradient(to right, #02040a 0%, rgba(2,4,10,.96) 18%, rgba(2,4,10,.58) 38%, rgba(2,4,10,.12) 64%, rgba(2,4,10,0) 86%) !important;
}
.about-page .company-hero-bg::after {
  content: none !important;
  display: none !important;
}
.about-page .company-hero .section-inner {
  position: relative !important;
  z-index: 4 !important;
  width: min(820px, calc(100vw - 64px)) !important;
  max-width: min(820px, calc(100vw - 64px)) !important;
  margin-left: max(32px, calc((100vw - var(--max)) / 2 + 32px)) !important;
  margin-right: auto !important;
  padding-top: clamp(190px, 25vh, 260px) !important;
}
.about-page .about-mission-v12 {
  position: relative !important;
  z-index: 5 !important;
  padding-top: clamp(120px, 12vw, 170px) !important;
}
@media (max-width: 900px) {
  .about-page .company-hero {
    min-height: 650px !important;
    margin-bottom: -70px !important;
  }
  .about-page .company-hero-bg {
    inset: -70px 0 -140px 0 !important;
    opacity: .38 !important;
    background-position: 64% center !important;
  }
  .about-page .company-hero .section-inner {
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* v65 global hero-system correction
   - removes the v60/v64 pseudo spacer strips
   - treats hero images as blended visual layers, not boxed hero sections
   - keeps page background/constellation continuous through the hero-to-content transition */
.company-hero,
.company-hero.section,
.home-hero-v05 {
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  isolation: isolate !important;
}
.company-hero::after,
.company-hero-bg::before,
.company-hero-bg::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.company-hero .section-inner {
  position: relative !important;
  z-index: 5 !important;
}
.company-hero-bg {
  --v65-hero-image: url('../../images/home-hero.png');
  --v65-hero-pos: 72% center;
  position: absolute !important;
  inset: -70px 0 -8px 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: -70px !important;
  bottom: -8px !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .82 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 24% 50%, rgba(2,4,10,.96) 0%, rgba(2,4,10,.82) 24%, rgba(2,4,10,.35) 45%, rgba(2,4,10,0) 66%),
    linear-gradient(to right, rgba(2,4,10,.98) 0%, rgba(2,4,10,.82) 16%, rgba(2,4,10,.30) 39%, rgba(2,4,10,0) 68%),
    linear-gradient(to bottom, rgba(2,4,10,0) 0%, rgba(2,4,10,0) 80%, rgba(2,4,10,.16) 94%, rgba(2,4,10,0) 100%),
    var(--v65-hero-image) var(--v65-hero-pos) / cover no-repeat !important;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.30) 7%, #000 20%, #000 100%),
    linear-gradient(to bottom, #000 0%, #000 88%, rgba(0,0,0,.72) 96%, transparent 100%) !important;
  mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.30) 7%, #000 20%, #000 100%),
    linear-gradient(to bottom, #000 0%, #000 88%, rgba(0,0,0,.72) 96%, transparent 100%) !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}
.home-hero-bg-v05 { --v65-hero-image: url('../../images/home-hero.png'); --v65-hero-pos: 72% center; }
.about-page .company-hero-bg,
.company-page .company-hero-bg { --v65-hero-image: url('../../images/about-hero.png'); --v65-hero-pos: 70% center; }
.rd-page .company-hero-bg { --v65-hero-image: url('../../images/rd-hero.png'); --v65-hero-pos: 70% center; }
.agrioptic-page .company-hero-bg { --v65-hero-image: url('../../images/agrioptic-hero.png'); --v65-hero-pos: 68% center; }
.luciet-page .company-hero-bg { --v65-hero-image: url('../../images/luciet-hero.png'); --v65-hero-pos: 70% center; }
.agrioptic-connect-page .company-hero-bg { --v65-hero-image: url('../../images/agrioptic-connect-hero.png'); --v65-hero-pos: 68% center; }
.company-hero h1 {
  color: rgba(255,255,255,.97) !important;
  text-shadow: 0 0 8px rgba(255,255,255,.14), 0 3px 18px rgba(0,0,0,.68) !important;
}
.company-hero .hero-copy {
  color: rgba(247,244,236,.84) !important;
  font-weight: 600 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.66) !important;
}
@media (max-width: 900px) {
  .company-hero-bg {
    inset: -40px 0 -4px 0 !important;
    opacity: .54 !important;
    background-position: center center !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 86%, rgba(0,0,0,.72) 95%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0%, #000 86%, rgba(0,0,0,.72) 95%, transparent 100%) !important;
  }
}

.desktop-nav a.is-active, .desktop-nav .nav-item.is-active > a, .desktop-nav a[aria-current="page"] { color:#b9f06a !important; text-shadow:0 0 14px rgba(185,240,106,.22); }
.mobile-menu a.is-active, .mobile-menu a[aria-current="page"] { color:#b9f06a !important; }
.company-hero .hero-copy, .home-hero-copy-v05, .hero-copy { color:rgba(247,244,236,.84) !important; text-shadow:0 2px 14px rgba(0,0,0,.66) !important; }

.about-page .company-hero .hero-copy,
.company-page .company-hero .hero-copy {
  color: rgba(247,244,236,.84) !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.66) !important;
}

/* v22 Company page rework */
.about-page .company-hero-bg,
.company-page .company-hero-bg {
  --v65-hero-image: url('../../images/company-hero.png') !important;
  --v65-hero-pos: center center !important;
  opacity: .88 !important;
}
.about-page .company-hero .section-inner,
.company-page .company-hero .section-inner {
  width: min(760px, calc(100vw - 64px)) !important;
  max-width: min(760px, calc(100vw - 64px)) !important;
}
.about-page .company-hero h1,
.company-page .company-hero h1 {
  max-width: 760px !important;
}
.about-page .company-hero .hero-copy,
.company-page .company-hero .hero-copy {
  max-width: 720px !important;
  color: rgba(247,244,236,.88) !important;
}
.company-page-v22 {
  padding-top: 80px;
}
.company-panel-v22 {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 28px 88px;
}
.company-panel-inner-v22 {
  border: 1px solid rgba(124,216,255,.18);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(14,31,48,.70), rgba(6,15,26,.78));
  box-shadow: 0 26px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  padding: clamp(34px, 4vw, 58px);
}
.company-panel-v22 h2 {
  margin: 0 0 18px;
  font-size: clamp(34px, 4.2vw, 68px);
  line-height: .94;
  letter-spacing: -0.065em;
  color: rgba(247,244,236,.94);
}
.company-lead-v22 {
  max-width: 980px;
  color: rgba(221,237,247,.78);
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.55;
  margin: 0;
}
.company-work-strip-v22,
.company-trust-strip-v22 {
  display: grid;
  gap: 0;
  margin-top: 34px;
}
.company-work-strip-v22 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.company-trust-strip-v22 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.company-work-item-v22,
.company-trust-item-v22 {
  position: relative;
  text-align: center;
  padding: 10px clamp(18px, 2vw, 30px) 0;
}
.company-work-item-v22 + .company-work-item-v22::before,
.company-trust-item-v22 + .company-trust-item-v22::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(124,216,255,.28), transparent);
}
.company-icon-v22 {
  width: 50px;
  height: 50px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  color: var(--item-accent, #7cd8ff);
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--item-accent, #7cd8ff) 22%, transparent));
}
.company-icon-v22 svg {
  width: 46px;
  height: 46px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company-work-item-v22 h3,
.company-trust-item-v22 h3 {
  margin: 0 0 10px !important;
  color: rgba(247,244,236,.96) !important;
  font-size: clamp(17px, 1.15vw, 21px);
  line-height: 1.15;
  letter-spacing: -0.045em;
  text-align: center !important;
}
.company-work-item-v22 p,
.company-trust-item-v22 p {
  margin: 0 !important;
  color: rgba(221,237,247,.74) !important;
  font-size: 15px;
  line-height: 1.55;
}
.company-work-item-v22:nth-child(1), .company-trust-item-v22:nth-child(1) { --item-accent: #8fd334; }
.company-work-item-v22:nth-child(2), .company-trust-item-v22:nth-child(2) { --item-accent: #7cd8ff; }
.company-work-item-v22:nth-child(3), .company-trust-item-v22:nth-child(3) { --item-accent: #d2b7ff; }
.company-trust-item-v22:nth-child(4) { --item-accent: #ffd166; }
@media (max-width: 980px) {
  .company-work-strip-v22, .company-trust-strip-v22 { grid-template-columns: 1fr 1fr; gap: 28px 0; }
  .company-work-item-v22:nth-child(3)::before, .company-trust-item-v22:nth-child(3)::before { display: none; }
}
@media (max-width: 700px) {
  .company-panel-v22 { padding: 0 20px 68px; }
  .company-work-strip-v22, .company-trust-strip-v22 { grid-template-columns: 1fr; }
  .company-work-item-v22::before, .company-trust-item-v22::before { display: none !important; }
}

/* v23 Company page polish */
.about-page.company-page .company-hero-bg,
.company-page .company-hero-bg {
  background-image:
    linear-gradient(90deg, rgba(2, 7, 13, .90) 0%, rgba(2, 7, 13, .72) 28%, rgba(2, 7, 13, .36) 54%, rgba(2, 7, 13, .12) 100%),
    url('../../images/company-hero.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
}
.company-page-v22 {
  padding-top: clamp(72px, 9vw, 118px) !important;
}
.company-panel-v22 {
  padding: 0 28px clamp(74px, 8vw, 112px) !important;
}
.company-panel-inner-v22 {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.company-panel-v22 h2 {
  text-align: center !important;
  max-width: 980px !important;
  margin: 0 auto 20px !important;
}
.company-lead-v22 {
  max-width: 1040px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.company-work-strip-v22 {
  margin-top: clamp(42px, 5vw, 72px) !important;
  align-items: start !important;
}
.company-trust-strip-v22 {
  margin-top: clamp(34px, 4vw, 58px) !important;
}
.company-work-item-v22,
.company-trust-item-v22 {
  padding: 0 clamp(22px, 2.6vw, 42px) !important;
}
.company-work-item-v22 + .company-work-item-v22::before,
.company-trust-item-v22 + .company-trust-item-v22::before {
  background: linear-gradient(180deg, transparent, rgba(124,216,255,.24), transparent) !important;
}
.company-icon-image-v23 {
  width: clamp(112px, 12vw, 172px) !important;
  height: clamp(112px, 12vw, 172px) !important;
  margin-bottom: 18px !important;
  filter: drop-shadow(0 22px 42px rgba(0,0,0,.42)) drop-shadow(0 0 28px rgba(124,216,255,.14)) !important;
}
.company-icon-image-v23 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.company-work-item-v22 h3,
.company-trust-item-v22 h3 {
  text-align: center !important;
  width: 100% !important;
}
.company-work-item-v22 p,
.company-trust-item-v22 p {
  max-width: 300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* v22 carry-forward fix, centre industry headings on Home */
.home-industries-v20 .industry-item-v20 h3 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.home-industries-v20 .industry-item-v20 {
  align-items: center !important;
  text-align: center !important;
}
@media (max-width: 980px) {
  .company-work-item-v22 + .company-work-item-v22::before,
  .company-trust-item-v22 + .company-trust-item-v22::before { display: none !important; }
  .company-work-strip-v22, .company-trust-strip-v22 { gap: 46px 0 !important; }
}

/* v24: Company hero subtitle should use more of the hero width without touching the viewport edge. */
.about-page.company-page .company-hero .section-inner,
.company-page .company-hero .section-inner {
  width: min(1120px, calc(100vw - 128px)) !important;
  max-width: min(1120px, calc(100vw - 128px)) !important;
}
.about-page.company-page .company-hero h1,
.company-page .company-hero h1 {
  max-width: 900px !important;
}
.about-page.company-page .company-hero .hero-copy,
.company-page .company-hero .hero-copy {
  max-width: min(1080px, calc(100vw - 128px)) !important;
}
@media (max-width: 900px) {
  .about-page.company-page .company-hero .section-inner,
  .company-page .company-hero .section-inner,
  .about-page.company-page .company-hero .hero-copy,
  .company-page .company-hero .hero-copy {
    width: auto !important;
    max-width: none !important;
  }
}