/* Company narrative: identity, connected disciplines, ambition and responsibility. */
body[data-page="company"] .company-hero {
  background:#fff;padding:82px 0 76px;margin:0;
}
.company-hero-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end}
.company-hero .company-hero-grid h1 {
  font-size:clamp(38px,4.1vw,61px);line-height:1.16;letter-spacing:-.035em;margin:0;
}
.company-hero .company-hero-grid .lead {margin:0 0 3px;font-size:17px;line-height:1.8;max-width:480px}
.company-context {padding-top:20px;padding-bottom:65px}
.company-context-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:stretch}
.company-context h2,.company-responsibility h2,.company-culture h2 {font-size:clamp(31px,3.05vw,44px);line-height:1.25;letter-spacing:-.025em}
.company-context-copy {margin-top:28px}
.company-context-copy p {font-size:16px;line-height:1.85;margin-bottom:18px}
.company-context .photo-banner {height:auto;min-height:440px}
.company-context .photo-banner img {object-position:48% center}
.company-perspectives {padding-top:0;padding-bottom:75px}
.company-perspectives .eyebrow {padding-top:35px;border-top:1px solid #ddd}
.company-perspectives-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.company-perspective h3 {font-size:24px;line-height:1.3;letter-spacing:-.02em}
.company-perspective p {font-size:16px;line-height:1.8;margin-top:15px}
.company-perspectives .text-link {margin-top:30px}
.company-vision {padding:76px 0 80px;background:#1b17ff;color:#fff}
.company-vision-grid {display:grid;grid-template-columns:1fr 1.2fr;gap:90px}
.company-vision .eyebrow {color:#e2e2ff}
.company-vision h2 {font-size:clamp(34px,3.25vw,47px);line-height:1.25;letter-spacing:-.025em;color:#fff;max-width:520px}
.company-vision-qualities {list-style:none;padding:0;margin:0}
.company-vision-qualities li {font-size:clamp(22px,2.2vw,31px);line-height:1.5;letter-spacing:-.02em}
.company-vision p {font-size:17px;line-height:1.85;color:#e8e8ff;margin-top:28px;max-width:660px}
.company-responsibility-grid {display:grid;grid-template-columns:1fr 1.1fr;gap:95px}
.company-responsibility-intro {margin-top:28px;font-size:17px;line-height:1.85;max-width:490px}
.company-commitment {border-top:1px solid #ddd;padding:24px 0}
.company-commitment:first-child {border-top:2px solid #1b17ff}
.company-commitment:last-child {padding-bottom:0}
.company-commitment h3 {font-size:24px;line-height:1.3;letter-spacing:-.02em}
.company-commitment p {font-size:16px;line-height:1.8;margin-top:14px}
.company-culture {background:#f4f4f4}
.company-culture-grid {display:grid;grid-template-columns:1fr 1.1fr;gap:95px}
.company-culture p {font-size:17px;line-height:1.85;margin-bottom:20px}
.company-culture .text-link {margin-top:8px}
@media(max-width:950px){
 .company-hero-grid {grid-template-columns:1fr;gap:30px}
 .company-hero .company-hero-grid .lead {max-width:740px}
 .company-context-grid {gap:40px}
 .company-perspectives-grid {gap:28px}
 .company-perspective h3 {font-size:22px}
 .company-vision-grid,.company-responsibility-grid,.company-culture-grid {gap:45px}
}
@media(max-width:650px){
 body[data-page="company"] .company-hero {padding:44px 0 48px}
 .company-hero .company-hero-grid h1 {font-size:clamp(31px,7.9vw,45px)}
 .company-hero .company-hero-grid .lead {font-size:16px;line-height:1.75}
 .company-hero-grid {gap:26px}
 .company-context {padding-top:0;padding-bottom:40px}
 .company-context-grid {grid-template-columns:1fr;gap:28px}
 .company-context h2,.company-responsibility h2,.company-culture h2 {font-size:clamp(29px,7.8vw,38px)}
 .company-context .photo-banner {height:280px;min-height:0}
 .company-perspectives {padding-top:0;padding-bottom:48px}
 .company-perspectives-grid {grid-template-columns:1fr;gap:28px}
 .company-perspective h3 {font-size:23px}
 .company-perspective p {margin-top:10px}
 .company-vision {padding:48px 0 52px}
 .company-vision-grid,.company-responsibility-grid,.company-culture-grid {grid-template-columns:1fr;gap:30px}
 .company-vision h2 {font-size:clamp(30px,7.8vw,42px)}
 .company-vision-qualities li {font-size:23px;line-height:1.5;margin-bottom:6px}
 .company-vision p {font-size:16px;line-height:1.8;margin-top:24px}
 .company-responsibility-intro,.company-culture p {font-size:16px;line-height:1.8}
 .company-commitment h3 {font-size:23px}
}

/* Brand-native illustration in place of the generic architecture photograph. */
.company-connected{margin:0;background:#f4f4f4;display:flex;flex-direction:column;justify-content:center;min-width:0;align-self:stretch}
.company-connected>img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain}
.company-connected>figcaption{padding:0 28px 27px;text-align:center;font-size:11px;line-height:1.65;color:#777}
@media(max-width:650px){.company-connected{max-width:440px;width:100%;margin-inline:auto}.company-connected>figcaption{font-size:10px;line-height:1.6;padding:0 20px 23px}.company-connected>img{max-height:none}}
