/* Editorial imagery and shorter, more visual page compositions. */
.visual-hero { padding: 48px 0 76px; }
.visual-split { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.visual-split > * { min-width: 0; }
.visual-hero h1 { font-size: clamp(36px, 4vw, 58px); line-height: 1.08; max-width: 650px; }
.visual-hero h1 span { color: #52675b; }
.visual-hero .lead { font-size: 21px; max-width: 530px; }
.visual-hero .small { margin-top: 18px; }
.editorial-art { margin: 0; overflow: hidden; background: var(--ivory); border-radius: 3px; }
.editorial-art img { width: 100%; height: auto; display: block; transition: transform .6s ease; }
.visual-hero .editorial-art { border-radius: 140px 4px 4px 4px; }
.visual-hero .editorial-art img { aspect-ratio: 1 / 1; object-fit: cover; }
.recognition { padding: 54px 0; }
.recognition-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 32px; }
.recognition-grid h2 { font-size: clamp(23px,2.3vw,32px); font-weight: 500; }
.recognition > .wrap > p:last-child { margin: 20px 0 0; color: #d5dfd6; }
.visual-pillars { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.visual-pillars .editorial-art img { aspect-ratio: 4 / 3; object-fit: cover; }
.visual-pillars article:hover img { transform: scale(1.025); }
.pillar-copy { padding: 27px 4px 0; }
.pillar-copy h3 { font-size: 24px; }
.pillar-copy p:last-child { margin-bottom: 0; }
.data-foundation { margin-top: 38px; }
.report-preview { margin: 0; padding: 24px 32px; background: #dce5db; border-radius: 4px; }
.report-preview figcaption { font-size: 11px; text-transform: uppercase; letter-spacing: .13em; margin-bottom: 20px; color: var(--forest); }
.report-sheet { background: var(--ivory); padding: 32px; box-shadow: 8px 10px 0 #103d3518; border-top: 6px solid var(--forest); }
.report-sheet h3 { font-size: clamp(27px,3vw,38px); line-height: 1.1; margin: 26px 0; }
.report-sheet .eyebrow { font-size: 10px; }
.report-lenses { display: flex; gap: 14px; font-size: 11px; padding-bottom: 22px; flex-wrap: wrap; }
.report-lenses span::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; background: var(--sage); }
.report-line { display: grid; grid-template-columns: 24px 1fr; border-top: 1px solid var(--line); padding: 15px 0; font-size: 13px; }
.report-line > span { color: #52675b; font-size: 10px; }
.report-line small { grid-column: 2; margin-top: 3px; font-size: 11px; }
.report-roadmap { display: flex; justify-content: space-between; gap: 8px; background: var(--forest); color: var(--ivory); padding: 13px; font-size: 10px; margin-top: 10px; }
.report-preview > .small { font-size: 11px; margin: 20px 0 0; }
.founder-strip { border-top: 1px solid var(--line); }
.founder-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.career-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin: 38px 0 24px; }
.career-grid article { border-top: 2px solid var(--sage); padding-top: 24px; }
.career-grid h3 { font-size: 21px; }
.career-grid p { font-size: 15px; }
.method-trail { list-style: none; padding: 0; margin: 54px 0 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
.method-trail li { border-top: 1px solid var(--sage); padding-top: 24px; }
.stage-number { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; background: var(--forest); color: var(--ivory); font-size: 14px; margin-bottom: 26px; }
.method-trail li:last-child .stage-number { background: var(--lime); color: var(--forest); }
.method-trail h3 { font-size: 24px; }
.method-trail p { font-size: 16px; }
.stage-output { padding-top: 20px; border-top: 1px solid var(--line); color: #52675b; }
@media (max-width: 1000px) {
 .visual-split { gap: 32px; }
 .founder-layout { gap: 45px; }
 .report-preview { padding: 22px; }
 .report-sheet { padding: 24px; }
}
@media (max-width: 800px) {
 .visual-hero { padding: 30px 0 54px; }
 .visual-split, .founder-layout { grid-template-columns: 1fr; gap: 36px; }
 .visual-hero h1 { max-width: 600px; }
 .visual-hero .editorial-art { max-width: 580px; width: 100%; border-radius: 90px 3px 3px 3px; }
 .visual-hero .editorial-art img { aspect-ratio: 4 / 3; object-fit: cover; }
 .visual-pillars { grid-template-columns: 1fr; gap: 40px; }
 .visual-pillars article { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; }
 .pillar-copy { padding: 0; }
 .recognition-grid { gap: 20px; }
 .recognition-grid h2 { font-size: 21px; }
 .method-trail { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
 .visual-hero h1 { font-size: 36px; }
 .visual-hero .lead { font-size: 19px; }
 .recognition-grid, .career-grid, .visual-pillars article { grid-template-columns: 1fr; }
 .recognition-grid { gap: 4px; }
 .recognition-grid h2 { font-size: 23px; padding: 15px 0; border-bottom: 1px solid #ffffff25; margin: 0; }
 .recognition-grid br { display: none; }
 .report-preview { padding: 19px; }
 .report-sheet { padding: 20px; }
 .method-trail { grid-template-columns: 1fr; gap: 14px; }
 .method-trail li { position: relative; padding-left: 68px; }
 .stage-number { position: absolute; left: 0; top: 24px; width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
 .editorial-art img { transition: none; }
 .visual-pillars article:hover img { transform: none; }
}

/* Founder portrait and career narrative in the MiGA brand palette. */
.founder-hero { padding-top: 54px; }
.founder-hero .lead { font-size: clamp(22px, 2vw, 28px); line-height: 1.4; color: var(--forest); }
.founder-hero .visual-split > div > p:not(.eyebrow):not(.lead) { max-width: 540px; color: var(--ink); }
.founder-portrait { margin: 0; max-width: 420px; width: 100%; justify-self: center; background: var(--ivory); }
.founder-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: center; border-radius: 72px 4px 4px 4px; }
.founder-portrait figcaption { border-top: 1px solid var(--sage); padding-top: 16px; margin-top: 20px; color: var(--forest); font-family: Sora, Arial, sans-serif; font-size: 15px; }
.founder-portrait figcaption span { display: block; margin-top: 4px; font-family: Inter, Arial, sans-serif; font-size: 13px; color: #485c52; }
.founder-results { padding: 48px 0 52px; }
.founder-results .eyebrow { color: var(--sage); }
.founder-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 0; }
.founder-metrics > div { border-top: 1px solid #8fae9d70; padding-top: 20px; }
.founder-metrics dt { font-size: 14px; color: var(--ivory); }
.founder-metrics dd { margin: 12px 0; font-family: Sora, Arial, sans-serif; font-size: clamp(25px, 2.8vw, 38px); line-height: 1.2; letter-spacing: -.035em; }
.founder-metrics .metric-context { font: 14px/1.65 Inter, Arial, sans-serif; letter-spacing: normal; margin: 0; color: #c5d3c8; }
.founder-story { max-width: 760px; color: var(--ink); }
.founder-story .lead { color: var(--forest); }
.founder-story h3 { margin-top: 40px; line-height: 1.3; color: var(--forest); }
.founder-story h3:first-of-type { margin-top: 32px; }
.founder-credentials { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 32px; font-size: 14px; line-height: 1.8; color: #485c52; }
@media (max-width: 800px) { .founder-portrait { max-width: 380px; justify-self: start; } .founder-portrait img { border-radius: 65px 4px 4px 4px; } .founder-metrics { gap: 24px; } }
@media (max-width: 520px) { .founder-metrics { grid-template-columns: 1fr; gap: 26px; } .founder-results { padding: 38px 0; } .founder-metrics dd { font-size: 34px; } .founder-hero { padding-top: 30px; } }