/* ABKS Architecture: home page body (Oct 2026). Loaded after ab-modern.css. */
.abh { width: 100%; float: left; background: #fff; font-family: open_sansregular, Arial, sans-serif; color: #33363b; }
.abh * { box-sizing: border-box; }
.abh p { font-size: 17px; line-height: 1.65; color: #3a3d42; margin: 0 0 14px; }
.abh a { color: #243960; }
.abh-intro { padding: 56px 0 48px; }
.abh-intro-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.abh h1 { font-family: playfair_displayregular, Georgia, serif; font-size: 42px; line-height: 1.2; color: #1f2430; margin: 0 0 14px; padding: 0; background: none; font-weight: 400; }
.abh .abh-lead { font-size: 20px; line-height: 1.5; color: #243960; margin-bottom: 22px; }
.abh-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px !important; }
.abh a.abh-btn { display: inline-block; background: #243960; color: #fff; font-family: open_sansbold, Arial, sans-serif; font-size: 16px; text-decoration: none; padding: 12px 22px; border-radius: 4px; border: 2px solid #243960; }
.abh a.abh-btn:hover { background: #1a2b4a; border-color: #1a2b4a; }
.abh a.abh-btn-alt { background: #fff; color: #243960; }
.abh a.abh-btn-alt:hover { background: #eef1f6; color: #1a2b4a; }

.abh-links { background: #f4f6f9; border-top: 4px solid #243960; border-radius: 3px; padding: 22px 22px 10px; }
.abh-links h2 { font-family: playfair_displayregular, Georgia, serif; font-size: 22px; color: #1f2430; margin: 0 0 10px; padding: 0; background: none; }
.abh-links ul { list-style: none; margin: 0; padding: 0; }
.abh-links li { margin: 0; padding: 0; float: none; background: none; border-top: 1px solid #dde2ea; }
.abh-links li:first-child { border-top: 0; }
.abh-links a { display: block; padding: 12px 0; text-decoration: none; }
.abh-links a strong { display: block; font-family: open_sansbold, Arial, sans-serif; font-weight: 400; color: #243960; font-size: 16px; }
.abh-links a span { display: block; color: #4a4e55; font-size: 15px; line-height: 1.45; }
.abh-links a:hover strong { text-decoration: underline; }

.abh-section { padding: 52px 0; }
.abh-alt { background: #f4f6f9; }
.abh .abh-h2 { font-family: playfair_displayregular, Georgia, serif; font-size: 32px; color: #1f2430; margin: 0 0 26px; padding: 0; background: none; font-weight: 400; }
.abh-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.abh-card { background: #fff; border: 1px solid #dde2ea; border-radius: 4px; padding: 26px 24px 22px; display: flex; flex-direction: column; }
.abh-icon { color: #243960; margin-bottom: 12px; }
.abh-card h3 { font-family: playfair_displayregular, Georgia, serif; font-size: 21px; color: #1f2430; margin: 0 0 8px; padding: 0; }
.abh-card p { font-size: 16px; }
.abh a.abh-more { margin-top: auto; font-family: open_sansbold, Arial, sans-serif; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }

.abh-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.abh-video { position: relative; aspect-ratio: 16 / 9; background: #111; border-radius: 4px; overflow: hidden; }
.abh-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.abh-quote { background: #243960; padding: 52px 0 44px; }
.abh-quote blockquote { margin: 0 0 14px; padding: 0 0 0 22px; border-left: 4px solid #8fa3c4; }
.abh-quote blockquote p { font-family: playfair_displayitalic, Georgia, serif; font-size: 24px; line-height: 1.5; color: #fff; margin: 0 0 10px; max-width: 60ch; }
.abh-quote blockquote footer { font-size: 15px; color: #c3cde0; background: none; padding: 0; }
.abh-quote a { color: #fff; font-family: open_sansbold, Arial, sans-serif; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }

.abh-logos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; align-items: center; }
.abh-logos li { margin: 0; padding: 0; float: none; background: none; text-align: center; }
.abh-logos a { display: block; }
.abh-logos img { display: block; width: 100%; max-width: 110px; height: auto; margin: 0 auto; filter: grayscale(100%); opacity: 0.8; transition: filter .2s, opacity .2s; }
.abh-logos a:hover img, .abh-logos a:focus-visible img { filter: none; opacity: 1; }
.abh a:focus-visible { outline: 3px solid #4a78c2; outline-offset: 2px; }

@media (max-width: 991px) {
  .abh-intro-grid { grid-template-columns: 1fr; gap: 32px; }
  .abh-cards { grid-template-columns: 1fr; }
  .abh-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .abh-intro { padding: 32px 0 28px; }
  .abh h1 { font-size: 30px; }
  .abh .abh-lead { font-size: 18px; }
  .abh-videos { grid-template-columns: 1fr; }
  .abh .abh-h2 { font-size: 26px; }
  .abh-quote blockquote p { font-size: 20px; }
  .abh a.abh-btn { width: 100%; text-align: center; }
}

/* Home page hero + facts strip (Oct 2026) */
.abh-hero { position: relative; width: 100%; float: left; min-height: 560px; display: flex; align-items: center; overflow: hidden; background: #0d1626; }
.abh-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 65%; }
.abh-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(13,22,38,0.92) 0%, rgba(13,22,38,0.78) 38%, rgba(13,22,38,0.25) 75%, rgba(13,22,38,0.15) 100%); }
.abh-hero-inner { position: relative; z-index: 2; width: 100%; padding-top: 64px; padding-bottom: 64px; }
.abh-hero .abh-kicker { font-family: open_sansbold, Arial, sans-serif; font-size: 14px; letter-spacing: 0.12em; text-transform: uppercase; color: #9fb6dc; margin: 0 0 14px; }
.abh-hero h1 { font-family: playfair_displayregular, Georgia, serif; font-weight: 400; font-size: 58px; line-height: 1.1; color: #fff; margin: 0 0 18px; padding: 0; background: none; max-width: 13em; }
.abh-hero .abh-hero-lead { font-family: open_sansregular, Arial, sans-serif; font-size: 20px; line-height: 1.55; color: #e3e8f1; margin: 0 0 30px; max-width: 34em; }
.abh-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; }
.abh-hero a.abh-hbtn { display: inline-block; background: #fff; color: #1a2b4a; font-family: open_sansbold, Arial, sans-serif; font-size: 16px; text-decoration: none; padding: 14px 26px; border-radius: 4px; border: 2px solid #fff; }
.abh-hero a.abh-hbtn:hover { background: #e3e8f1; border-color: #e3e8f1; }
.abh-hero a.abh-hbtn-alt { background: transparent; color: #fff; }
.abh-hero a.abh-hbtn-alt:hover { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff; }
.abh-hero a:focus-visible { outline: 3px solid #9fb6dc; outline-offset: 3px; }

.abh-facts { background: #243960; }
.abh-facts ul { list-style: none; margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.abh-facts li { margin: 0; padding: 22px 18px; float: none; background: none; border-left: 1px solid rgba(255,255,255,0.15); color: #c9d3e6; font-size: 15px; line-height: 1.4; }
.abh-facts li:first-child { border-left: 0; padding-left: 0; }
.abh-facts strong { display: block; font-family: playfair_displayregular, Georgia, serif; font-weight: 400; font-size: 21px; color: #fff; margin-bottom: 2px; }

@media (max-width: 991px) {
  .abh-hero { min-height: 460px; }
  .abh-hero h1 { font-size: 44px; }
  .abh-facts ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .abh-facts li:nth-child(3) { border-left: 0; padding-left: 0; }
  .abh-facts li { border-top: 1px solid rgba(255,255,255,0.15); }
  .abh-facts li:nth-child(-n+2) { border-top: 0; }
}
@media (max-width: 767px) {
  .abh-hero { min-height: 0; }
  .abh-hero::before { background: linear-gradient(180deg, rgba(13,22,38,0.55) 0%, rgba(13,22,38,0.88) 60%); }
  .abh-hero-inner { padding-top: 120px; padding-bottom: 36px; }
  .abh-hero h1 { font-size: 34px; }
  .abh-hero .abh-hero-lead { font-size: 17px; }
  .abh-hero a.abh-hbtn { width: 100%; text-align: center; }
  .abh-facts ul { grid-template-columns: 1fr; }
  .abh-facts li, .abh-facts li:nth-child(3) { border-left: 0; padding-left: 0; padding-top: 14px; padding-bottom: 14px; }
  .abh-facts li:nth-child(2) { border-top: 1px solid rgba(255,255,255,0.15); }
}

.abh .abh-note { font-size: 14px; line-height: 1.5; color: #5d6066; border-left: 3px solid #c9d0dc; padding-left: 10px; }