/* Company page: architecture-led editorial extension of the ClaraStream system. */
.company-page .company-hero{padding-block:78px 84px;background:#151a1f}
.company-page .company-hero h1{max-width:780px}
.company-page .company-hero .hw-body strong{font-weight:600;color:#f4f7f8}
.company-page .company-hero .hw-body .hw-reinforcement strong{color:#9fb8d8}
.company-page .company-why,.company-page .company-architecture,.company-page .company-leadership{background:#f4f7f8}
.company-page .company-dark{background:#151a1f;color:#f4f7f8}
.company-page .company-dark .hw-eyebrow{color:#9fb8d8}
.company-page .company-intro{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(42px,7vw,110px)}
.company-page .company-heading h2,.company-page .company-view h2{max-width:740px;margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.035em;font-weight:300}
.company-page .company-body p{max-width:800px;margin:0;color:#50585e;font-size:1.0625rem;line-height:1.7}
.company-page .company-body p+p{margin-top:20px}
.company-page .company-dark .company-body p{color:rgba(244,247,248,.78)}
.company-page .company-reinforcement{max-width:920px;margin:44px 0 0;padding-top:19px;border-top:2px solid #9fb8d8;font-size:1.08rem;line-height:1.6;font-weight:500;color:#151a1f}
.company-page .company-dark .company-reinforcement{color:#f4f7f8}
.company-page .company-reinforcement strong{font-weight:500}

.company-page .company-principles{margin-top:48px;border-top:1px solid rgba(244,247,248,.28)}
.company-page .company-principles article{display:grid;grid-template-columns:minmax(210px,.67fr) minmax(0,1.33fr);gap:clamp(32px,6vw,100px);padding:24px 0;border-bottom:1px solid rgba(244,247,248,.22)}
.company-page .company-principles h3{margin:0;font-size:1.3rem;line-height:1.35;font-weight:500}
.company-page .company-principles p{max-width:850px;margin:0;color:rgba(244,247,248,.78);font-size:1.02rem;line-height:1.65}

.company-page .company-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,42px);list-style:none;margin:47px 0 0;padding:0}
.company-page .company-products li{min-width:0;padding:22px 0;border-top:1px solid rgba(21,26,31,.25)}
.company-page .company-products a{display:inline-block;border-bottom:1px solid #7a5a3a;font-size:1.3rem;line-height:1.4;font-weight:500}
.company-page .company-products a:hover,.company-page .company-products a:focus-visible{color:#7a5a3a}
.company-page .company-products p{margin:14px 0 0;color:#50585e;font-size:1rem;line-height:1.6}
.company-page .company-products span{display:block;margin-top:15px;font:500 .73rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.075em;color:#7a5a3a}
.company-page .company-architecture .hw-text-link{margin-top:23px}

.company-page .company-leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,62px);margin-top:54px}
.company-page .company-leaders article{min-width:0;padding-top:25px;border-top:1px solid rgba(21,26,31,.26)}
.company-page .company-leaders h3{margin:0;font-size:1.38rem;line-height:1.3;font-weight:500}
.company-page .company-leaders .company-role{margin:9px 0 22px;font:500 .76rem/1.55 "IBM Plex Mono",monospace;letter-spacing:.015em;color:#7a5a3a}
.company-page .company-leaders article>p:last-child{margin:0;color:#50585e;font-size:1rem;line-height:1.75}
.company-page .company-closing .hw-actions{margin-top:37px}
.company-page .company-closing .button-secondary{color:#f4f7f8}
.company-page .company-closing span.button{cursor:default;opacity:.7}

@media(min-width:1101px){
  .company-page .company-leadership .company-intro{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .company-page .company-leadership .company-heading h2{font-size:clamp(2rem,2.95vw,2.95rem)}
}
@media(max-width:1100px){
  .company-page .company-intro{grid-template-columns:1fr;gap:27px}
  .company-page .company-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-page .company-leaders{gap:26px}
}
@media(max-width:980px){
  .company-page .company-leaders{grid-template-columns:1fr;gap:35px}
}
@media(max-width:700px){
  .company-page .company-hero{padding-block:58px 64px}
  .company-page .company-heading h2,.company-page .company-view h2{font-size:clamp(2rem,7.6vw,2.55rem)}
  .company-page .company-reinforcement{margin-top:34px}
  .company-page .company-principles{margin-top:35px}
  .company-page .company-principles article{grid-template-columns:1fr;gap:9px;padding:21px 0}
  .company-page .company-products{grid-template-columns:1fr;gap:2px;margin-top:32px}
  .company-page .company-leaders{margin-top:40px}
}