/* Content from the supplied Onepager, within the established visual system. */
.desktop-nav { gap: 27px; margin-right: 24px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px 22px; margin-top: 25px; }
.hero .hero-actions .button { margin-top: 0; gap: 22px; }
.hero-link { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.6; padding-bottom: 4px; border-bottom: 1px solid var(--gold-line); color: var(--accent); }
.hero-link .arrow { width: 15px; height: 15px; }
.hero-link:hover { color: #f0d9ae; }
.hero-signature { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 21px; }
.hero-intro { max-width: 510px; }
.hero-bottom { padding-top: 22px; }
.credentials-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; gap: 28px; }
.credential { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.credential strong { font-family: var(--display); font-size: 21px; font-weight: 500; letter-spacing: -.6px; line-height: 1.4; color: #d5e5f4; }
.credential>span { color: var(--muted); font-size: 12px; line-height: 1.7; }
.expertise .section-intro { max-width: 690px; }
.audience-row { display: grid; grid-template-columns: 25% minmax(0,1fr); padding: 43px 0; scroll-margin-top: 25px; }
.audience-label .service-number { display: block; margin: 0 0 18px; }
.audience-label .eyebrow { color: #abc8e4; font-size: 10px; letter-spacing: 1.4px; max-width: 170px; }
.audience-copy { max-width: 780px; min-width: 0; }
.audience-copy h3 { font-size: 28px; font-weight: 500; letter-spacing: -.5px; line-height: 1.3; color: var(--ink); }
.audience-copy>p { margin-top: 18px; font-size: 16px; line-height: 1.8; color: var(--muted); }
.audience-copy ul { padding: 0; list-style: none; margin: 24px 0; color: #d4deea; font-size: 15px; line-height: 1.85; }
.audience-copy li { position: relative; padding-left: 19px; margin: 8px 0; }
.audience-copy li::before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--gold); }
.audience-copy>p.audience-note { font-size: 14px; color: var(--muted); }
.audience-copy .text-link { margin-top: 25px; white-space: normal; }
.about-copy>p:not(.section-label):not(.about-name) { max-width: none; }
.parliament-quote { border-left: 2px solid var(--gold); margin: 28px 0 0; padding-left: 20px; font-size: 17px; line-height: 1.7; color: var(--accent); }
.publications .principle h3 { font-size: 25px; line-height: 1.4; letter-spacing: -.7px; }
.publications .principle p { max-width: none; }
.publications .text-link { margin-top: 23px; grid-column: 2; }
.media-mentions { margin-top: 65px; padding-top: 28px; border-top: 1px solid var(--line); }
.media-mentions .eyebrow { color: #abc8e4; font-size: 10px; letter-spacing: 1.4px; }
.media-mentions>p:last-child { margin-top: 18px; font-size: 15px; line-height: 1.95; color: #c7d3e2; max-width: 1120px; }
.contact-main>div>p { max-width: 660px; }
.contact-details { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; padding-top: 30px; }
.contact-details address { font-style: normal; font-size: 13px; line-height: 1.9; color: #d1deeb; }
.footer-top>p { font-size: 14px; line-height: 1.8; }

@media (max-width:1150px) {
  .desktop-nav { gap: 20px; margin-right: 20px; }
  .hero-actions { gap: 14px 19px; }
  .hero .hero-actions .button { gap: 17px; padding-inline: 18px; }
  .hero-link { font-size: 12px; }
  .hero-signature { font-size: 11px; }
  .hero-eyebrow { font-size: 9px; letter-spacing: 1.1px; }
  .hero-bottom>span { font-size: 8px; letter-spacing: 1px; }
  .hero-image figcaption small { font-size: 6px; letter-spacing: 1px; }
  .credential strong { font-size: 19px; }
  .credential>span { font-size: 11px; }
  .audience-copy>p { font-size: 15px; }
  .audience-copy h3 { font-size: 26px; }
  .audience-copy ul { font-size: 14px; }
  .publications .principle h3 { font-size: 23px; }
}
@media (max-width:1050px) {
  .header-contact { display: none; }
  .desktop-nav { margin-left: auto; margin-right: 0; }
}
@media (max-width:850px) {
  .hero-eyebrow { font-size: 8px; letter-spacing: .8px; }
  .hero-image figcaption small { font-size: 5px; letter-spacing: .5px; }
  .hero-bottom>span { font-size: 7px; letter-spacing: .7px; }
  .credential strong { font-size: 17px; }
  .credentials-strip { gap: 22px; }
  .audience-row { grid-template-columns: 23% minmax(0,1fr); }
  .audience-label .eyebrow { max-width: 130px; font-size: 9px; }
  .audience-copy h3 { font-size: 24px; }
  .publications .principle h3 { font-size: 21px; }
  .media-mentions>p:last-child { font-size: 14px; }
}
@media (max-width:600px) {
  .mobile-nav>a { font-size: 25px; gap: 14px; }
  .hero-eyebrow { font-size: 9px; letter-spacing: .8px; }
  .hero-intro { max-width: none; }
  .hero-actions { gap: 17px; margin-top: 22px; }
  .hero .hero-actions .button { font-size: 11px; padding-inline: 17px; gap: 17px; }
  .hero-link { font-size: 12px; }
  .hero-signature { font-size: 11px; line-height: 1.8; padding-right: 48px; margin-top: 22px; }
  .hero-bottom { padding-top: 0; }
  .hero-image figcaption small { font-size: 6px; letter-spacing: .8px; }
  .credentials-strip { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px 23px; }
  .credential { gap: 5px; }
  .credential strong { font-size: 18px; letter-spacing: -.5px; }
  .credential>span { font-size: 11px; }
  .audience-row { display: block; padding: 31px 0 34px; }
  .audience-label { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
  .audience-label .service-number { margin: 0; }
  .audience-label .eyebrow { max-width: none; font-size: 10px; }
  .audience-copy h3 { font-size: 25px; line-height: 1.3; letter-spacing: -.6px; }
  .audience-copy>p { margin-top: 17px; font-size: 15px; }
  .audience-copy ul { font-size: 14px; margin: 23px 0; }
  .audience-copy>p.audience-note { font-size: 13px; }
  .audience-copy .text-link { font-size: 12px; margin-top: 24px; }
  .parliament-quote { font-size: 16px; margin-top: 25px; padding-left: 17px; }
  .publications .principle h3 { font-size: 23px; }
  .publications .principle-index { font-size: 12px; }
  .publications .text-link { font-size: 12px; margin-top: 18px; }
  .media-mentions { margin-top: 40px; padding-top: 24px; }
  .media-mentions .eyebrow { font-size: 9px; line-height: 1.9; }
  .media-mentions>p:last-child { font-size: 13px; }
  .contact-details { flex-direction: column; align-items: flex-start; gap: 24px; padding-top: 25px; }
  .contact-details address { font-size: 12px; }
  .footer-top>p { max-width: 100%; font-size: 14px; }
}
@media (max-width:360px) {
  .hero-eyebrow { font-size: 8px; }
  .hero .hero-actions .button { font-size: 10px; gap: 14px; }
  .credential strong { font-size: 16px; }
  .credential>span { font-size: 10px; }
  .audience-copy h3 { font-size: 23px; }
}
@media (min-width:601px) and (max-width:760px) {
  .desktop-nav { gap: 14px; }
  .desktop-nav>a { font-size: 12px; white-space: nowrap; }
}

/* Customer revision: clearer reading, a distinct Career Next Ager and references. */
:root { --muted: #d0dce9; --reading: #d5dfeb; }
body { font-size: 18px; }
.hero-intro,.section-intro,.audience-copy>p,.audience-copy ul,.principle p,
.about-copy>p:not(.section-label):not(.about-name),.contact-main p {
  font-size: 18px; line-height: 1.8; color: var(--reading);
}
.audience-copy>p.audience-note { font-size: 16px; color: var(--reading); }
.hero-signature { font-size: 14px; color: var(--reading); }
.hero-link,.text-link,.audience-copy .text-link,.publications .text-link { font-size: 15px; }
.hero .hero-actions .button { font-size: 14px; line-height: 1.6; max-width: 100%; text-align: left; }
.button { max-width: 100%; }
.eyebrow,.section-label,.hero-eyebrow,.audience-label .eyebrow,.small-note,.status,
.media-mentions .eyebrow,.service-number,.principle-index {
  font-size: 12px; line-height: 1.8; color: #d2dfec; letter-spacing: 1.2px;
}
.hero-eyebrow { font-size: 11px; letter-spacing: 1px; }
.hero-bottom>span { font-size: 11.5px; line-height: 1.8; letter-spacing: 1px; color: var(--reading); max-width: calc(100% - 55px); }
.hero-image figcaption { right: 28px; }
.hero-image figcaption>span:last-child { min-width: 0; }
.hero-image figcaption small { font-size: 11.5px; line-height: 1.7; letter-spacing: 1px; color: #edf1f5; }
.about-image figcaption { font-size: 11.5px; line-height: 1.8; letter-spacing: 1.1px; color: #d3e0ed; bottom: -47px; }
.credential>span { font-size: 14px; line-height: 1.8; }
.contact-details address { font-size: 16px; line-height: 1.9; color: var(--reading); }
.contact-orbit>span { font-size: 12px; line-height: 1.8; letter-spacing: .9px; }
.footer-bottom { font-size: 13px; line-height: 1.8; color: #d2dfec; }
.footer-bottom a,.cookie-settings { font-size: 14px; line-height: 1.8; padding-block: 8px; }
.photo-credit { font-size: 12px; }
.footer-top>p { color: var(--reading); }

.career-feature {
  grid-template-columns: 23% minmax(0,1fr); column-gap: 32px;
  margin-top: 22px; padding: 43px 36px;
  background: linear-gradient(125deg,#2d5073,#243f60);
  border: 1px solid #7591ad; border-left: 3px solid var(--gold);
}
.career-feature:last-child { border-bottom-color: #7591ad; }
.career-feature .service-number { color: var(--accent); }
.career-wordmark { font-family: var(--display); font-size: 28px; line-height: 1.35; font-weight: 500; letter-spacing: -.8px; color: var(--ink); }
.career-wordmark>span { display: block; color: #e6c990; }
.career-wordmark sup { font-family: var(--sans); font-size: 12px; font-weight: 500; vertical-align: top; position: relative; top: 3px; margin-left: 2px; }
.career-feature .career-focus { color: #d5e3f0; margin-top: 17px; max-width: 190px; letter-spacing: .8px; }
.career-feature .audience-copy h3 { font-size: 32px; color: #f6f5ef; }
.career-feature .audience-copy>p,.career-feature .audience-copy ul { color: #e0e8f1; }
.career-feature .career-action { margin-top: 28px; font-size: 15px; padding: 18px 22px; line-height: 1.6; gap: 20px; white-space: normal; text-align: left; }

.recognition-quote { flex: 1; min-width: 0; margin: 0; }
.recognition-quote blockquote { margin: 0; color: #e6cea3; font-family: var(--display); font-size: 22px; font-weight: 500; line-height: 1.5; letter-spacing: -.45px; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
.recognition-quote figcaption { margin-top: 14px; color: #d7e2ed; font-size: 12px; letter-spacing: 1.1px; line-height: 1.7; text-transform: uppercase; }
.about-bottom .icon-link { flex: none; }

.client-references { padding-top: 48px; padding-bottom: 51px; background: #233959; border-top: 1px solid var(--line); }
.client-references h2.eyebrow { font-family: var(--sans); font-weight: 600; font-size: 12px; line-height: 1.9; letter-spacing: 1.3px; color: #d2dfec; text-transform: uppercase; }
.reference-names { display: flex; flex-wrap: wrap; gap: 5px 0; padding: 0; margin: 21px 0 0; list-style: none; color: var(--reading); font-size: 17px; line-height: 1.9; }
.reference-names>li { max-width: 100%; }
.reference-names>li:not(:last-child)::after { content: '·'; color: #c7b58e; margin: 0 10px; }
.media-mentions .eyebrow { text-transform: uppercase; }
.media-mentions>p:last-child { font-size: 17px; line-height: 1.95; color: var(--reading); }

/* Cover sizing is ready for the original files supplied by the client. */
.principle-cover { display: block; width: auto; max-width: 100%; height: 240px; object-fit: contain; object-position: left center; margin-bottom: 26px; }
.principle-cover.podcast-cover { width: 240px; height: 240px; }

.legal-content { font-size: 16px; color: var(--reading); }
.legal-toc a,.legal-toc-mobile a { font-size: 13px; color: var(--reading); }
.legal-back { font-size: 14px; }
.cookie-intro { font-size: 14px; color: var(--reading); }
.cookie-label { font-size: 11px; }
.cookie-actions button { font-size: 13px; min-height: 46px; }
.cookie-category p { font-size: 13px; color: var(--reading); }
.cookie-category .cookie-storage { font-size: 11px; }

@media (max-width:1150px) {
  .hero-intro,.section-intro,.audience-copy>p,.audience-copy ul,.principle p,
  .about-copy>p:not(.section-label):not(.about-name),.contact-main p { font-size: 17px; }
  .hero-image figcaption small { font-size: 11px; letter-spacing: .7px; }
  .career-wordmark { font-size: 24px; }
  .career-feature { padding-inline: 28px; gap: 26px; }
  .career-feature .audience-copy h3 { font-size: 29px; }
}
@media (max-width:850px) {
  .hero-copy { padding-bottom: 24px; }
  .hero-eyebrow { letter-spacing: .65px; }
  .hero-image figcaption { left: 20px; right: 20px; }
  .hero-image figcaption small { font-size: 11px; letter-spacing: .6px; }
  .hero-bottom { gap: 16px; }
  .hero-bottom>span { font-size: 11px; letter-spacing: .8px; }
  .career-feature { grid-template-columns: 26% minmax(0,1fr); padding-inline: 23px; gap: 23px; }
  .career-wordmark { font-size: 22px; }
  .recognition-quote blockquote { font-size: 20px; }
  .credential>span { font-size: 13px; }
  .footer-bottom>div { column-gap: 18px; }
  .about-image { height: 640px; }
}
@media (max-width:600px) {
  .hero-copy { padding-bottom: 0; }
  .hero-intro,.section-intro,.audience-copy>p,.audience-copy ul,.principle p,
  .about-copy>p:not(.section-label):not(.about-name),.contact-main p { font-size: 17px; line-height: 1.8; }
  .hero-eyebrow { font-size: 11px; letter-spacing: .65px; }
  .hero-signature { font-size: 14px; line-height: 1.8; }
  .hero .hero-actions .button { font-size: 14px; padding: 17px 20px; gap: 18px; }
  .hero-link,.text-link,.audience-copy .text-link,.publications .text-link { font-size: 15px; }
  .hero-image figcaption small { font-size: 11px; line-height: 1.7; letter-spacing: .7px; }
  .about-image { height: 420px; }
  .about-image figcaption { font-size: 11px; bottom: -38px; letter-spacing: .8px; }
  .eyebrow,.section-label,.audience-label .eyebrow,.small-note,.status,.media-mentions .eyebrow { font-size: 11.5px; letter-spacing: 1px; }
  .credential>span { font-size: 13px; }
  .audience-copy>p.audience-note { font-size: 16px; }
  .career-feature { display: block; margin-inline: -8px; padding: 29px 20px 31px; }
  .career-feature .audience-label { display: block; margin-bottom: 27px; }
  .career-feature .service-number { display: block; margin-bottom: 16px; }
  .career-wordmark { font-size: 25px; }
  .career-wordmark>span { display: inline; }
  .career-feature .career-focus { margin-top: 11px; max-width: none; }
  .career-feature .audience-copy h3 { font-size: 27px; line-height: 1.35; }
  .career-feature .career-action { font-size: 14px; padding-inline: 18px; gap: 16px; }
  .recognition-quote blockquote { font-size: 21px; line-height: 1.5; }
  .recognition-quote figcaption { font-size: 11.5px; }
  .about-bottom { flex-wrap: wrap; }
  .about-bottom .recognition-quote { flex: 1 0 100%; }
  .about-bottom .icon-link { margin-left: auto; }
  .client-references { padding-top: 35px; padding-bottom: 38px; }
  .client-references h2.eyebrow { font-size: 11.5px; letter-spacing: 1px; }
  .reference-names,.media-mentions>p:last-child { font-size: 16px; line-height: 1.95; }
  .reference-names>li:not(:last-child)::after { margin-inline: 8px; }
  .contact-details address { font-size: 15px; }
  .contact-links>a { font-size: 16px; gap: 12px; }
  .contact-orbit>span { font-size: 11px; letter-spacing: .7px; }
  .footer-bottom { font-size: 13px; }
  .photo-credit { font-size: 12px; }
  .legal-content { font-size: 16px; }
  .legal-toc-mobile summary { font-size: 14px; }
  .cookie-notice h2 { font-size: 25px; }
  .cookie-intro { font-size: 13px; }
  .cookie-actions button { font-size: 12px; }
}
@media (max-width:360px) {
  .about-image { height: 360px; }
  .career-feature { padding-inline: 17px; }
  .career-wordmark { font-size: 23px; }
  .career-feature .audience-copy h3 { font-size: 25px; }
  .contact-links>a { font-size: 15px; }
}
