/* PM Alignment: text-led company identity, September 2026. */
.home .top_photo.brand-hero {
  min-height: 500px; height: auto; padding: 76px max(28px, calc((100% - 1160px) / 2));
  display: flex; align-items: center; position: relative; isolation: isolate; overflow: hidden;
  background: linear-gradient(115deg, #081e49 0%, #123c70 66%, #1b5b87 100%);
  border-bottom: 5px solid #81bed3;
}
.brand-hero::before, .brand-hero::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  width: 420px; height: 420px; right: -100px; top: -135px;
  border: 1px solid rgba(188, 224, 244, .3); transform: rotate(35deg);
  background: linear-gradient(135deg, rgba(202, 229, 246, .09), transparent);
}
.brand-hero::after { width: 560px; height: 560px; right: -180px; top: 70px; }
.brand-hero .brand-hero-content { width: 100%; max-width: 1000px; }
.brand-hero .brand-eyebrow { color: #b8dce9; font-size: 12px; letter-spacing: .24em; font-weight: bold; }
.brand-hero h1 { margin: 24px 0 28px; color: #fff; font-size: clamp(25px, 2.7vw, 38px); font-weight: bold; line-height: 1.8; letter-spacing: .025em; overflow-wrap: anywhere; }
.home .top_photo.brand-hero p.brand-recognition { position: static; width: auto; max-width: none; padding: 16px 0 0; margin: 0; border-top: 1px solid #66839f; background: none; color: #e1edf5; font: inherit; font-size: 14px; line-height: 1.8; }
.brand-hero .brand-hero-links { margin-top: 28px; }
.brand-hero .brand-hero-links a { display: inline-block; padding: 11px 22px; background: #fff; color: #103260; border-radius: 3px; font-size: 14px; font-weight: bold; word-break: normal; }
.brand-hero .brand-hero-links a:hover { background: #deedf5; }
.brand-book { display: block; padding: 23px 24px; margin: 16px 0; border: 1px solid #d6e0eb; border-top: 3px solid #24558c; border-radius: 4px; background: #f5f8fc; text-align: left; word-break: normal; color: #142f52; }
.brand-book .brand-book-label { display: block; margin-bottom: 9px; font-size: 12px; color: #536781; letter-spacing: .05em; }
.brand-book strong { display: block; font-size: 21px; line-height: 1.6; color: #142f52; font-weight: bold; }
.brand-book .brand-book-edition { display: block; margin-top: 6px; color: #536781; font-size: 13px; }
.brand-book .brand-book-action { display: block; border-top: 1px solid #ccd8e6; margin-top: 20px; padding-top: 12px; font-size: 13px; color: #24558c; font-weight: bold; }
.brand-book:hover { background: #eaf1f8; border-color: #7093b7; }
.pmiinfo.brand-resources { text-align: left; padding-top: 34px; }
.brand-social { padding: 20px 24px; margin-top: 20px; border: 1px solid #d6e0eb; border-radius: 4px; background: #fff; }
.brand-social .brand-social-label { color: #536781; font-size: 12px; letter-spacing: .12em; }
.brand-social a { display: inline-block; margin-top: 6px; color: #24558c; font-weight: bold; font-size: 15px; word-break: normal; }
.brand-award { position: relative; margin: 22px auto 32px; padding: 30px 34px; border-left: 4px solid #6b92b6; background: #f0f5fa; text-align: left; color: #163559; font-size: 18px; font-weight: bold; line-height: 1.9; }
.brand-hero a:focus-visible, .brand-book:focus-visible, .brand-social a:focus-visible { outline: 3px solid #b88322; outline-offset: 5px; }
@media screen and (max-width: 768px) {
  .home .top_photo.brand-hero { min-height: 0; padding: 44px 24px 40px; }
  .brand-hero h1 { font-size: 25px; line-height: 1.85; margin-top: 18px; }
  .brand-hero h1 br { display: none; }
  .brand-hero .brand-eyebrow { font-size: 10px; letter-spacing: .18em; }
  .home .top_photo.brand-hero p.brand-recognition { font-size: 12px; }
  .brand-hero::before { right: -300px; }
  .brand-hero::after { right: -420px; }
  .pmiinfo.brand-resources { width: 100%; padding: 8px 12px 28px; }
  .brand-award { padding: 23px 22px; font-size: 16px; }
}

/* Business transformation and value creation: three business pillars. */
.brand-hero .brand-hero-content{max-width:1160px}
.brand-hero h1{font-size:clamp(28px,3.5vw,48px);line-height:1.55}
.home .top_photo.brand-hero{padding-top:54px;padding-bottom:48px}
.home .top_photo.brand-hero .brand-lead{position:static;width:auto;padding:0;margin:0 0 30px;background:none;color:#e1edf5;font-size:16px;line-height:1.9}
.brand-pillars{margin:32px 0;padding:0;text-align:left;width:100%}
.brand-pillars h2{font-size:17px;color:#e1edf5;background:none;border:0;margin:0 0 18px;padding:0;line-height:1.6}
.brand-pillars ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0}
.brand-pillars li{padding:22px;border:1px solid #6387a8;border-top:3px solid #81bed3;background:rgba(255,255,255,.06);min-width:0}
.brand-pillars li span{font-size:13px;letter-spacing:.15em;color:#b8dce9}
.brand-pillars h3{font-size:18px;font-weight:bold;color:#fff;line-height:1.8;margin:12px 0 0;padding:0;border:0;background:none}
@media(max-width:768px){.brand-pillars ol{grid-template-columns:1fr;gap:12px}.brand-pillars li{padding:16px 20px}.brand-pillars h3{font-size:17px;margin-top:6px}.brand-pillars h3 br{display:none}.home .top_photo.brand-hero .brand-lead{font-size:14px}.home .top_photo.brand-hero{padding:36px 24px}}

/* Future-facing homepage hero. */
.home .top_photo.brand-hero {
 background: linear-gradient(90deg,rgba(4,19,35,.94) 0%,rgba(4,19,35,.70) 42%,rgba(4,19,35,.12) 100%),url('../images/future-hero.png') center 46% / cover no-repeat;
 padding:72px max(28px,calc((100% - 1160px)/2)) 42px;
 min-height:740px; border-bottom:3px solid #c6ae7f;
}
.home .brand-hero::before,.home .brand-hero::after {display:none}
.home .brand-hero .brand-hero-content {display:flex;flex-direction:column;max-width:1160px}
.home .brand-hero .brand-eyebrow {order:0;color:#d5c49c;font-size:11px;letter-spacing:.24em}
.home .brand-hero h1 {order:1;font-size:clamp(34px,4.2vw,60px);line-height:1.5;letter-spacing:.04em;margin:24px 0 22px;max-width:850px;text-shadow:0 2px 20px #071a2c}
.home .top_photo.brand-hero .brand-lead {order:2;max-width:650px;font-size:16px;line-height:2;color:#e4edf4;margin:0 0 24px}
.home .brand-hero .brand-hero-links {order:3;margin:0 0 42px}
.home .brand-hero .brand-hero-links a {background:#e7d9b9;color:#102b43;padding:14px 30px;border-radius:2px;box-shadow:0 4px 20px #071b2d55}
.home .brand-hero .brand-hero-links a:hover {background:#fff1d2}
.home .brand-hero .brand-pillars {order:4;margin:0 0 24px}
.home .brand-pillars h2 {font-size:14px;letter-spacing:.06em;color:#d6e5ef}
.home .brand-pillars ol {gap:16px}
.home .brand-pillars li {background:rgba(6,25,43,.87);border:1px solid #6c84936b;border-top:2px solid #acbfb9;padding:22px 24px;backdrop-filter:blur(8px)}
.home .brand-pillars li:nth-child(2){border-top-color:#d4bc8f}
.home .brand-pillars li:nth-child(3){border-top-color:#a4a3ce}
.home .brand-pillars li span {color:#e4d3ac;font-size:12px}
.home .brand-pillars h3 {font-size:17px;line-height:1.8}
.home .top_photo.brand-hero p.brand-recognition {order:5;border-top:1px solid #ffffff30;font-size:12px;color:#d1dee8;max-width:none}
@media(max-width:768px){
 .home .top_photo.brand-hero{min-height:0;padding:44px 24px 30px;background-position:62% center}
 .home .brand-hero h1{font-size:32px;line-height:1.6;letter-spacing:0;margin:20px 0}
 .home .brand-hero h1 br{display:block}
 .home .top_photo.brand-hero .brand-lead{font-size:14px}
 .home .brand-hero .brand-hero-links{margin-bottom:30px}
 .home .brand-pillars ol{grid-template-columns:1fr;gap:10px}
 .home .brand-pillars li{padding:15px 18px}
 .home .brand-pillars h3{font-size:16px}
}