/* A compact account of market judgment, using the existing CMO visual system. */
.hero-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; margin-bottom: 26px; }
.portfolio-home .hero-name { font-family: var(--heading-font); font-size: 2.3rem; font-weight: 650; letter-spacing: -.045em; line-height: 1.15; margin: 0; color: var(--text); }
.hero-name span { color: var(--accent); }
.portfolio-home .hero-identity .eyebrow { font-size: .65rem; margin: 0; }
.portfolio-home .experience-section { display: block; padding-block: 72px 52px; }
.foresight-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 78px; align-items: start; }
.foresight-heading .eyebrow { margin-bottom: 23px; }
.portfolio-home .experience-section h2 { font-size: clamp(2.35rem, 3.8vw, 3.35rem); letter-spacing: -.045em; line-height: 1.13; margin: 0; }
.foresight-heading h2 span { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; color: #296b53; }
.foresight-intro { padding-top: 3px; }
.foresight-intro > p { color: var(--warm-muted); font-size: 1rem; line-height: 1.65; margin: 0 0 15px; }
.foresight-links { display: flex; flex-wrap: wrap; column-gap: 28px; row-gap: 4px; margin-top: 21px; }
.foresight-links .text-link { font-size: .8rem; }
.technology-experience { margin-top: 42px; padding: 25px 28px 29px; background: #e5e8dc; border-radius: 4px; }
.technology-caption { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; color: #4f6257; font-size: .63rem; letter-spacing: .065em; text-transform: uppercase; margin: 0 0 22px; }
.technology-track { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.technology-track li { position: relative; padding-top: 21px; color: var(--ink); font-family: var(--heading-font); font-size: .94rem; font-weight: 650; line-height: 1.4; }
.technology-track li::before { content: ""; position: absolute; top: 0; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #39765d; z-index: 1; }
.technology-track li:not(:last-child)::after { content: ""; position: absolute; top: 3px; left: 7px; right: 0; height: 1px; background: #a8b9aa; }
.foresight-career { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; margin-top: 39px; }
.foresight-career article { margin: 0; padding: 0; }
.portfolio-home .foresight-career .career-period { font-size: .63rem; margin: 0 0 13px; }
.foresight-career h3 { font-size: 1.25rem; margin: 0 0 8px; }
.foresight-career .career-role { font-size: .83rem; color: var(--ink); margin: 0 0 7px; }
.foresight-career .career-focus { font-size: .8rem; color: var(--warm-muted); line-height: 1.55; margin: 0; }
.foresight-career-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px 30px; margin-top: 29px; padding-top: 22px; border-top: 1px solid var(--warm-line); }
.foresight-career-footer p { font-size: .77rem; color: var(--warm-muted); margin: 0; }
.foresight-career-footer a { font-size: .8rem; white-space: nowrap; }
@media (max-width: 1000px) {
  .foresight-heading { gap: 40px; }
  .technology-track li { font-size: .82rem; }
}
@media (max-width: 800px) {
  .portfolio-home .experience-section { padding-block: 48px; }
  .foresight-heading { grid-template-columns: 1fr; gap: 25px; }
  .foresight-intro { max-width: 640px; padding: 0; }
  .technology-experience { margin-top: 30px; padding: 24px; }
  .technology-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px 0; }
  .technology-track li { font-size: .9rem; }
  .technology-track li:nth-child(3)::after { display: none; }
  .foresight-career { gap: 22px; }
  .foresight-career-footer { align-items: start; }
}
@media (max-width: 600px) {
  .hero-identity { display: block; margin-bottom: 22px; }
  .portfolio-home .hero-name { font-size: 2rem; margin-bottom: 13px; }
  .portfolio-home .hero-identity .eyebrow { font-size: .59rem; }
  .portfolio-home .experience-section { padding-block: 40px; }
  .portfolio-home .experience-section h2 { font-size: clamp(2rem, 8.5vw, 2.7rem); }
  .foresight-heading .eyebrow { font-size: .63rem; margin-bottom: 20px; }
  .foresight-intro > p { font-size: .94rem; }
  .foresight-links { flex-direction: column; align-items: start; gap: 3px; margin-top: 16px; }
  .technology-experience { padding: 22px; }
  .technology-caption { font-size: .56rem; }
  .technology-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
  .technology-track li { font-size: .83rem; }
  .technology-track li:nth-child(3)::after { display: block; }
  .technology-track li:nth-child(even)::after { display: none; }
  .foresight-career { grid-template-columns: 1fr; gap: 23px; margin-top: 29px; }
  .foresight-career article + article { padding-top: 23px; border-top: 1px solid var(--warm-line); }
  .foresight-career-footer { display: block; margin-top: 24px; padding-top: 20px; }
  .foresight-career-footer a { margin-top: 12px; }
}
@media print {
  .portfolio-home .hero-name { font-size: 20pt; }
  .portfolio-home .experience-section { padding-block: 16pt; }
  .foresight-heading { display: block; }
  .foresight-intro { margin-top: 10pt; }
  .portfolio-home .experience-section h2 { font-size: 24pt; }
  .technology-experience { margin-top: 12pt; background: white; border: 1px solid #aaa; padding: 10pt; }
  .technology-track { display: flex; flex-wrap: wrap; gap: 10pt; }
  .technology-track li { padding: 0; font-size: 9pt; }
  .technology-track li::before, .technology-track li::after { display: none !important; }
  .foresight-career { display: block; }
  .foresight-career article { margin-bottom: 12pt; }
}