.company-page {
  --company-ink: #0b1b34;
  --company-blue: var(--color-primary);
  --company-cyan: var(--color-primary);
  --company-line: #dbe7f3;
  background: #fff;
  color: var(--company-ink);
}

.company-main { overflow: clip; }
.company-container {
  width: min(1440px, calc(100% - 128px));
  margin-inline: auto;
}
.company-section { padding: 132px 0; }
.company-kicker { margin: 0 0 34px; color: var(--company-blue); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.company-section h2 { margin: 0; color: var(--company-ink); font-size: clamp(36px, 3.45vw, 54px); line-height: 1.35; letter-spacing: -.045em; word-break: keep-all; }
.company-section h2 em,
.company-hero h1 em { color: var(--company-cyan); font-style: normal; }

.company-hero {
  position: relative;
  min-height: 680px;
  padding-top: 86px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(110deg, #fff 0%, #fff 44%, #f7fbff 70%, #ebf6ff 100%);
}

.company-hero::after {
  content: "";
  position: absolute;
  inset: auto -8% -18% 30%;
  height: 48%;
  z-index: -1;
  border: 2px solid rgba(21, 124, 255, .22);
  border-radius: 50%;
  transform: rotate(4deg);
  box-shadow: 0 -18px 50px rgba(21, 124, 255, .08);
}

.company-hero__inner { position: relative; z-index: 2; padding-top: 145px; }
.company-hero h1 { margin: 0; max-width: 760px; font-size: clamp(45px, 4.5vw, 68px); line-height: 1.28; letter-spacing: -.055em; word-break: keep-all; }
.company-hero__copy { margin: 42px 0 0; color: #364861; font-size: 19px; line-height: 1.85; font-weight: 500; }
.company-hero__visual { position: absolute; inset: 86px 0 0; z-index: 0; pointer-events: none; }
.company-hero__visual::before {
  content: "";
  position: absolute;
  width: 42vw;
  height: 42vw;
  right: -6vw;
  top: 2vw;
  background: radial-gradient(circle, rgba(81, 177, 255, .18), rgba(102, 193, 255, .06) 42%, transparent 70%);
  filter: blur(9px);
}
.company-hero__plane { position: absolute; right: 10%; top: 8%; width: 12%; height: 72%; border-left: 3px solid rgba(21, 124, 255, .8); background: linear-gradient(145deg, rgba(21, 124, 255, .08), transparent 62%); transform: skewX(-14deg); }
.company-hero__plane--two { right: 25%; top: 17%; height: 65%; border-left-width: 5px; opacity: .75; }

/* Company overview hero artwork */
.company-home-page .company-hero {
  background-color: #f4f9fd;
  background-image: url('../images/company-hero-building.png');
  background-position: center center;
  background-size: cover;
}
.company-home-page .company-hero::after { display: none; }
.company-home-page .company-hero__visual { display: none; }

.company-lines { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.company-lines i { position: absolute; display: block; height: 1px; background: linear-gradient(90deg, transparent, rgba(21, 124, 255, .44), transparent); transform-origin: right center; }
.company-lines--hero i:nth-child(1) { right: -2%; bottom: 21%; width: 66%; transform: rotate(-6deg); }
.company-lines--hero i:nth-child(2) { right: -4%; bottom: 15%; width: 74%; transform: rotate(-2deg); }
.company-lines--hero i:nth-child(3) { right: 8%; bottom: 25%; width: 45%; transform: rotate(-13deg); }
.company-lines--hero i:nth-child(4) { right: 13%; top: 32%; width: 22%; transform: rotate(42deg); }
.company-lines--hero::after { content: ""; position: absolute; right: 2%; bottom: 11%; width: 38%; height: 24%; background-image: radial-gradient(circle, rgba(21, 124, 255, .65) 1.5px, transparent 2px); background-size: 55px 35px; mask-image: linear-gradient(90deg, transparent, #000); opacity: .55; }

.company-local-nav { position: sticky; top: 86px; z-index: 20; height: 76px; background: rgba(255, 255, 255, .96); border-block: 1px solid #dfe8f2; backdrop-filter: blur(12px); }
.company-local-nav .company-container { display: flex; align-items: stretch; height: 100%; }
.company-local-nav a { position: relative; display: grid; place-items: center; min-width: 190px; padding: 0 26px; color: #607087; font-size: 15px; font-weight: 600; white-space: nowrap; }
.company-local-nav a::after { content: ""; position: absolute; left: 28px; right: 28px; bottom: -1px; height: 3px; background: var(--company-cyan); transform: scaleX(0); transition: transform .25s ease; }
.company-local-nav a:hover,
.company-local-nav a.is-active { color: var(--company-ink); }
.company-local-nav a:hover::after,
.company-local-nav a.is-active::after { transform: scaleX(1); }

.company-vision { padding-bottom: 104px; }
.company-vision__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: stretch; }
.company-copy { max-width: 580px; margin-top: 58px; }
.company-copy p { margin: 0 0 24px; color: #4d5f76; font-size: 17px; line-height: 1.95; word-break: keep-all; }
.company-vision__brand { position: relative; min-height: 520px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(100deg, rgba(255,255,255,0), #f5faff 25%, #eaf6ff 100%); }
.company-vision__brand::before { content: ""; position: absolute; inset: 12% -18% -25% 2%; border: 1px solid rgba(21, 124, 255, .24); border-radius: 50%; transform: rotate(-12deg); }
.company-vision__brand img { position: relative; z-index: 2; width: min(370px, 62%); }
.company-lines--brand i:nth-child(1) { right: -5%; top: 29%; width: 92%; transform: rotate(-14deg); }
.company-lines--brand i:nth-child(2) { right: -6%; bottom: 21%; width: 90%; transform: rotate(9deg); }
.company-lines--brand i:nth-child(3) { left: 5%; bottom: 12%; width: 85%; transform: rotate(-4deg); }

.company-capabilities { padding-top: 84px; border-top: 1px solid var(--company-line); }
.company-capabilities__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.company-capabilities article { min-height: 270px; padding: 0 36px; border-left: 1px solid var(--company-line); }
.company-capabilities article:first-child { padding-left: 0; border-left: 0; }
.company-capabilities article span { display: block; margin-bottom: 34px; color: var(--company-blue); font-size: 31px; font-weight: 800; }
.company-capabilities h3 { min-height: 58px; margin: 0 0 18px; font-size: 22px; line-height: 1.35; letter-spacing: -.025em; }
.company-capabilities b { color: #75859b; font-size: 13px; letter-spacing: .04em; }
.company-capabilities article p { margin: 42px 0 0; color: #66778d; font-size: 16px; line-height: 1.7; }

.company-page .company-contact .tm-container {
  width: min(1440px, calc(100% - 128px));
}

.company-page .company-contact {
  background: #fff;
  padding-top: 180px;
  padding-bottom: 180px;
}

.company-business { position: relative; overflow: hidden; isolation: isolate; background: #f1f8fe; }
.company-business__decor { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .42; }
.company-business__decor::before { content: ""; position: absolute; right: 6%; top: 12%; width: 44%; height: 30%; background-image: radial-gradient(circle, var(--color-primary) 1.5px, transparent 2px); background-size: 80px 55px; mask-image: linear-gradient(90deg, transparent, #000, transparent); }
.company-business__decor i { position: absolute; left: -5%; bottom: 10%; width: 55%; height: 1px; background: linear-gradient(90deg, transparent, rgba(21, 124, 255, .55), transparent); transform: rotate(-7deg); }
.company-business__decor i:nth-child(2) { bottom: 15%; transform: rotate(-11deg); }
.company-business__decor i:nth-child(3) { left: 42%; bottom: 7%; width: 65%; transform: rotate(5deg); opacity: .5; }
.company-business__grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 52px; }
.company-business__grid a { position: relative; min-height: 330px; padding: 34px 66px 38px 0; border-right: 1px solid #cbdcec; color: var(--company-ink); }
.company-business__grid a + a { padding-left: 66px; border-right: 0; }
.company-business__grid span { color: var(--company-blue); font-size: 22px; font-weight: 800; }
.company-business__grid b { margin-left: 20px; color: var(--color-primary); font-size: 13px; letter-spacing: .04em; }
.company-business__grid h3 { margin: 24px 0 20px; font-size: 36px; letter-spacing: -.04em; }
.company-business__grid p { max-width: 440px; margin: 0; color: #52657d; font-size: 17px; line-height: 1.8; word-break: keep-all; }
.company-business__grid i { position: absolute; right: 44px; bottom: 35px; color: var(--company-blue); font-size: 25px; font-style: normal; opacity: 0; transform: translateX(-8px); transition: .25s ease; }
.company-business__grid a:hover i { opacity: 1; transform: none; }

.company-direction { padding: 110px 0 140px; }
.company-direction__grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 50px; }
.company-direction article { min-height: 145px; padding: 0 54px; border-left: 1px solid var(--company-line); }
.company-direction article:first-child { padding-left: 20px; border-left: 0; }
.company-direction h3 { margin: 0 0 18px; font-size: 22px; }
.company-direction article p { margin: 0; color: #63748a; font-size: 15px; line-height: 1.75; word-break: keep-all; }

.reveal-item { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }
.reveal-item.is-visible { opacity: 1; transform: none; }
.capture-mode .reveal-item { opacity: 1; transform: none; transition: none; }
.capture-mode .company-local-nav { position: relative; top: 0; }

@media (max-width: 900px) {
  .company-container { width: min(100% - 40px, 680px); }
  .company-section { padding: 84px 0; }
  .company-hero { min-height: 630px; padding-top: 72px; }
  .company-home-page .company-hero { background-position: 58% center; }
  .company-hero__inner { padding-top: 112px; }
  .company-hero h1 { font-size: clamp(38px, 10.8vw, 54px); line-height: 1.35; }
  .company-hero__copy { margin-top: 32px; font-size: 16px; }
  .company-hero__plane { right: -3%; top: 37%; width: 22%; height: 55%; }
  .company-hero__plane--two { right: 25%; top: 46%; }
  .company-local-nav { top: 72px; height: 64px; overflow-x: auto; scrollbar-width: none; }
  .company-local-nav::-webkit-scrollbar { display: none; }
  .company-local-nav .company-container { width: max-content; min-width: 100%; padding: 0 20px; }
  .company-local-nav a { min-width: auto; padding: 0 18px; font-size: 14px; }
  .company-local-nav a::after { left: 18px; right: 18px; }
  .company-vision__grid { grid-template-columns: 1fr; gap: 54px; }
  .company-copy { margin-top: 38px; }
  .company-copy p { font-size: 16px; line-height: 1.85; }
  .company-vision__brand { min-height: 360px; order: 2; }
  .company-capabilities__grid { grid-template-columns: 1fr; }
  .company-capabilities article { min-height: 0; padding: 34px 0; border-left: 0; border-top: 1px solid var(--company-line); }
  .company-capabilities article:first-child { padding-top: 12px; border-top: 0; }
  .company-capabilities article span { margin-bottom: 18px; font-size: 27px; }
  .company-capabilities h3 { min-height: 0; margin-bottom: 10px; font-size: 21px; }
  .company-capabilities article p { margin-top: 18px; }
  .company-page .company-contact .tm-container { width: calc(100% - 40px); }
  .company-business__grid { grid-template-columns: 1fr; margin-top: 32px; }
  .company-business__grid a,
  .company-business__grid a + a { min-height: 280px; padding: 36px 10px; border: 0; border-top: 1px solid #cbdcec; }
  .company-business__grid h3 { font-size: 30px; }
  .company-direction { padding-bottom: 100px; }
  .company-direction__grid { grid-template-columns: 1fr; margin-top: 30px; }
  .company-direction article,
  .company-direction article:first-child { min-height: 0; padding: 28px 0; border-left: 0; border-top: 1px solid var(--company-line); }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-item { opacity: 1; transform: none; transition: none; }
}