.company-page { color: #14273a; }
.company-page .company-eyebrow { display: inline-block; color: #a47c00; font: 800 12px/1.35 Arial, sans-serif; letter-spacing: .15em; }
.company-lead { overflow: hidden; background: url('/images/company/industrial-sourcing-hero.png') center 52% / cover no-repeat #091b2a; color: #fff; }
.company-lead-inner { min-height: 440px; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; padding-block: 75px; }
.company-lead .company-eyebrow { color: #f3c739; }
.company-lead h1 { max-width: 830px; margin: 23px 0 21px; white-space: pre-line; font-size: clamp(43px, 5vw, 72px); font-weight: 650; line-height: 1.19; letter-spacing: -.065em; word-break: keep-all; }
.company-lead p { max-width: 670px; margin: 0; color: #c5d5dc; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.7; word-break: keep-all; }
.company-lead-word { display: none; }
.company-lead-word span { color: #f2c318; }
.company-greeting { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(50px, 8vw, 150px); padding-block: clamp(88px, 9vw, 140px); }
.company-greeting-heading h2, .company-section-heading h2 { margin: 14px 0 0; font-size: clamp(35px, 3.4vw, 51px); line-height: 1.32; font-weight: 700; letter-spacing: -.055em; white-space: pre-line; word-break: keep-all; }
.company-greeting-heading i { display: block; width: 70px; height: 4px; margin-top: 33px; background: #f2c318; }
.company-greeting-letter { max-width: 770px; border-left: 1px solid #e1e8ec; padding-left: clamp(28px, 4vw, 66px); }
.company-greeting-letter p { margin: 0 0 18px; color: #42515f; font-size: clamp(16px, 1.18vw, 19px); line-height: 1.9; word-break: keep-all; }
.company-greeting-letter p:first-child { color: #182c3d; font-weight: 750; }
.company-greeting-letter .company-greeting-closing { margin-top: 24px; color: #182c3d; font-weight: 650; }
.company-signature { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 47px; padding-top: 21px; border-top: 1px solid #e0e7eb; }
.company-signer { display: inline-grid; grid-template-columns: max-content 40px; align-items: center; gap: 18px; }
.company-signer-name { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.company-signer-name span:first-child { color: #182c3d; font-size: 15px; font-weight: 750; line-height: 1.3; white-space: nowrap; }
.company-signer-name span:last-child { color: #637687; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: .12em; }
.company-stamp { display: block; width: 40px; height: 40px; object-fit: contain; }
.company-symbol { display: block; width: 50px; height: 50px; object-fit: contain; }
.company-vision { background: linear-gradient(90deg, rgba(5,22,37,.95) 0%, rgba(5,22,37,.84) 30%, rgba(5,22,37,.43) 58%, rgba(5,22,37,.08) 100%), url('/images/company/parts-inspection-vision.png') center 54% / cover no-repeat; color: #fff; }
.company-vision .shell { min-height: clamp(430px, 39vw, 590px); display: flex; align-items: center; padding-block: 80px; }
.company-section-heading { max-width: 610px; }
.company-vision .company-eyebrow { color: #f2c318; }
.company-section-heading p { max-width: 570px; margin: 18px 0 0; color: #eef3f5; font-size: 18px; line-height: 1.7; word-break: keep-all; }
@media (max-width: 900px) { .company-lead-word { font-size: 110px; } .company-greeting { grid-template-columns: 1fr; gap: 40px; } .company-greeting-letter { padding-left: 28px; } }
@media (max-width: 640px) { .company-lead { background-image: linear-gradient(90deg, rgba(4,22,41,.82), rgba(4,22,41,.46)), url('/images/company/industrial-sourcing-hero.png'); background-position: 62% center; } .company-lead-inner { min-height: 340px; padding-block: 65px; } .company-lead h1 { font-size: clamp(37px, 10vw, 54px); } .company-greeting { padding-block: 70px; gap: 32px; } .company-greeting-letter { padding-left: 20px; } .company-signature { flex-wrap: wrap; } .company-vision { background-image: linear-gradient(90deg, rgba(5,22,37,.91), rgba(5,22,37,.58)), url('/images/company/parts-inspection-vision.png'); background-position: 62% center; } .company-vision .shell { min-height: 420px; padding-block: 72px; } .company-section-heading p { font-size: 16px; } }
