/* Document-approved content and additional pages, using the existing brand. */
.document-grid { margin-top: 28px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.document-grid .hr-service-card { min-width: 0; }
.document-page .document-hero { background-image: radial-gradient(ellipse at 92% 12%,#c9a96e55,transparent 50%),repeating-linear-gradient(125deg,transparent 0 80px,#ffffff08 81px 82px),linear-gradient(110deg,#071a3b,#17465a); }
.document-page .candidate-hero { background-image: radial-gradient(ellipse at 85% 60%,#c9a96e55,transparent 50%),repeating-linear-gradient(65deg,transparent 0 100px,#ffffff08 101px 102px),linear-gradient(110deg,#071a3b,#143549); }
.document-page .about-hero { background-image: radial-gradient(ellipse at 90% 20%,#d6b98255,transparent 45%),linear-gradient(140deg,#071a3b,#193747); }
.document-page .contact-hero { min-height: 400px; }
.document-page .hr-hero-copy { max-width: 840px; }
.document-page .hr-hero h1 { font-size: clamp(35px,3.8vw,58px); }
.document-page .hr-hero-copy > p:not(.section-eyebrow) { max-width: 670px; }
.document-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 30px; }
.document-links > a { position: relative; color: #071a3b; background: #fffdfa; padding: 28px; border: 1px solid #ddd8cf; border-radius: 8px; overflow-wrap: anywhere; transition: transform .25s ease,border-color .25s ease; }
.document-links > a:hover { transform: translateY(-4px); border-color: #c9a96e; }
.document-links h3 { font-size: 24px; margin: 14px 0; }
.document-links p { font-size: 15px; margin: 0; }
.document-links i { font-size: 30px; color: #97784b; }
.reach-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 30px; }
.reach-grid > div { border-left: 2px solid #c9a96e; padding: 18px 24px; }
.reach-grid strong { font: 500 36px 'Playfair Display',serif; color: #071a3b; }
.reach-grid p { margin-top: 10px; }
.document-closing { padding: 38px 0; }
.document-closing .container { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.contact-note { max-width: 700px; margin: 28px 0 0; }
#mainNav .dropdown-item { white-space: normal; }
#mainNav.tts-nav .dropdown-menu { max-width: 340px; }
@media(max-width:991px) { .document-grid,.document-links { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .document-grid,.document-links,.reach-grid { grid-template-columns: minmax(0,1fr); } .document-closing .container { flex-direction: column; align-items: flex-start; } }
@media(prefers-reduced-motion:reduce) { .document-links > a { transition: none; } .document-links > a:hover { transform: none; } }
.document-page .candidate-hero { background-image: linear-gradient(90deg,#071a3bf2,#071a3bc9 45%,#071a3b22),url('../images/candidates-page.png'); }
.document-page .industry-hero { background-image: linear-gradient(90deg,#071a3bef,#071a3b99 50%,#071a3b22),url('../images/industries-page.png'); }
.document-page .about-hero { background-image: linear-gradient(90deg,#071a3bf2,#071a3bc9 45%,#071a3b22),url('../images/who-we-are-page.png'); }
.candidate-features { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; padding-block: 28px; color: #071a3b; font-size: 14px; }
.expect-number { font: 500 32px 'Playfair Display',serif; color: #9b7c4c; display: block; margin-bottom: 16px; }
.industry-intro { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 44px; margin-bottom: 34px; }
.industry-intro > p { border-left: 1px solid #c9a96e; padding-left: 30px; }
.industry-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.industry-art { margin: -26px -26px 24px; height: 110px; display: grid; place-items: center; background: radial-gradient(ellipse at 80% 20%,#c9a96e55,transparent 65%),linear-gradient(135deg,#071a3b,#23435a); border-radius: 6px 6px 0 0; }
.industry-art i { color: #e0c898; font-size: 42px; }
.industry-benefits { padding: 40px 0; color: white; background: #071a3b; }
.industry-benefits .container { display: grid; grid-template-columns: 1.3fr repeat(3,1fr); gap: 28px; align-items: center; }
.industry-benefits h2,.industry-benefits h3 { color: white; }
.industry-benefits h2 { font-size: 30px; }
.industry-benefits h3 { font-size: 20px; }
.industry-benefits p { font-size: 14px; margin: 0; color: #e0e5ec; }
@media(min-width:1400px) { #mainNav.tts-nav .dropdown-menu { max-height: calc(100dvh - 110px); overflow-y: auto; } }
@media(max-width:991px) { .industry-grid,.industry-benefits .container { grid-template-columns: repeat(2,minmax(0,1fr)); } .industry-intro { grid-template-columns: 1fr; gap: 18px; } .industry-intro > p { padding-left: 0; border: 0; } }
@media(max-width:575px) { .industry-grid,.industry-benefits .container { grid-template-columns: 1fr; } .candidate-features { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* October final tweaks: revised logo, legible payroll copy, email-only contact. */
#mainNav.tts-nav .brand-logo-img,
.tts-nav ~ .site-footer .footer-logo-img { object-fit: contain; }
.payroll-original-content .payroll-restored-hero .section-body { color: #fff; opacity: 1; }
.document-links.contact-email-only { grid-template-columns: minmax(0, 560px); }

/* Expertise content: compact, responsive supporting cards. */
.leadership-cards { margin-top: 28px; }
.expertize-support { list-style: none; padding: 0; margin: 24px 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.expertize-support li { padding: 22px; border: 1px solid #ddd8cf; border-radius: 8px; background: #fffdfa; }
.expertize-support i { color: #97784b; margin-right: 12px; }
@media(max-width:767px) { .expertize-support { grid-template-columns: minmax(0,1fr); } }

/* Prominent link to the separate leadership page. */
.leadership-invite { display:flex; align-items:center; gap:16px; margin-top:26px; padding:22px; background:#071a3b; color:#fff; border:1px solid #c9a96e; border-radius:8px; text-decoration:none; }
.leadership-invite strong { display:block; font-size:20px; line-height:1.4; }
.leadership-invite small { display:block; margin-top:6px; color:#e0c898; font-size:14px; }
.leadership-invite > i { color:#e0c898; }
.leadership-invite > i:last-child { margin-left:auto; }
.leadership-invite:hover,.leadership-invite:focus-visible { color:#fff; background:#163553; outline:2px solid #c9a96e; outline-offset:3px; }

/* Match the logo tagline's bold, spaced uppercase sans-serif lettering. */
.homepage-landscape .hero-ref h1.hero-tagline,
.hr-page .hr-hero h1.hero-tagline {
 font-family: Inter, Arial, sans-serif;
 font-size: clamp(22px, 2.35vw, 34px);
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .055em;
 line-height: 1.45;
}
.hero-tagline { container-type: inline-size; }
.hero-tagline .heading-mask > span { white-space: nowrap; font-size: min(3.4cqw, 34px); }
.hero-tagline .tagline-divider { color: inherit; font-weight: 400; }

/* Give the single-line slogan the hero width instead of the body-copy width. */
.homepage-landscape .hero-ref-content { width: 100%; }
.homepage-landscape .hero-ref-content > p:not(.hero-eyebrow) { max-width: 600px; }
.hr-page .recruitment-hero .hr-hero-copy { max-width: none; }
.hero-tagline .heading-mask > span { font-size: min(4cqw, 52px); letter-spacing: .015em; }