/* Mission, people, then a clear choice of audience. */
.landing-mission{position:relative;isolation:isolate;overflow:hidden}
.landing-mission::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:clamp(300px,36vw,480px);aspect-ratio:1;left:clamp(12px,3vw,48px);top:50%;transform:translateY(-50%) rotate(-12deg);background:url('/audience/blue-choice.svg') center/contain no-repeat;opacity:.48}
.numbered-routes .routes-heading::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:clamp(300px,36vw,480px);aspect-ratio:1;right:clamp(12px,3vw,48px);top:50%;transform:translateY(-50%) rotate(12deg);background:url('/audience/mission-red-trio.svg') center/contain no-repeat;opacity:.30}
@media(max-width:680px){.numbered-routes .routes-heading::after{width:280px;right:-65px;opacity:.22}}
.landing-mission{width:100%;padding:57px clamp(24px,7vw,112px);background:var(--navy);color:#fff}
.landing-mission .eyebrow{color:#fff;margin:0 0 24px}
.landing-mission .eyebrow span,.advisors-section-title span{margin-right:9px}
.still-landing .landing-mission h1{font:600 clamp(42px,5vw,70px)/1.04 Manrope,sans-serif;letter-spacing:-.05em;color:#fff;margin:0;max-width:1100px;text-wrap:balance}
.mission-subtitle{max-width:960px;font-size:19px;line-height:1.65;color:#e0e7f2;margin:28px 0 0}
.still-landing #experts{padding:72px clamp(24px,7vw,112px)}
.advisors-section-title{margin:0 0 32px}
.still-landing .gateway-routes.numbered-routes{border-top:1px solid var(--line);padding-top:72px}
@media(max-width:680px){.landing-mission{padding:24px 20px}.still-landing .landing-mission h1{font-size:clamp(36px,8vw,48px)}.mission-subtitle{font-size:17px;margin-top:24px}.still-landing #experts{padding:48px 20px}.advisors-section-title{margin-bottom:26px}.still-landing .gateway-routes.numbered-routes{padding-top:48px}}

/* A burgundy introduction, with the audience puzzles on a white field. */
.still-landing .gateway-routes.numbered-routes{padding:0 0 96px;border-top:0}
.still-landing .numbered-routes .routes-heading{position:relative;isolation:isolate;overflow:hidden;background:var(--red);color:#fff;padding:64px clamp(24px,7vw,112px) 52px;margin:0 0 40px}
.still-landing .numbered-routes .routes-heading h2,.still-landing .numbered-routes .routes-heading .eyebrow,.still-landing .numbered-routes .routes-heading>p:last-child{color:#fff}
.still-landing .numbered-routes .audience-grid{margin:0 clamp(24px,7vw,112px)}
@media(max-width:680px){.still-landing .gateway-routes.numbered-routes{padding-bottom:60px}.still-landing .numbered-routes .routes-heading{padding:48px 20px 36px;margin-bottom:20px}.still-landing .numbered-routes .audience-grid{margin-inline:20px}}

/* Center the solid puzzle bodies, compensating for their SVG canvas padding. */
.still-landing .audience-biotech .audience-figure>img,
.still-landing .audience-pharma .audience-figure>img{translate:9.090909% 0}

/* Ecosystem first, followed by advisors and a dedicated contact banner. */
.still-landing .gateway-routes.numbered-routes{padding:72px clamp(24px,7vw,112px);background:#fff}
.still-landing .numbered-routes .audience-grid{margin:0}
.still-landing #experts{background:#fff;border-top:1px solid var(--line)}
.landing-contact{position:relative;isolation:isolate;overflow:hidden;background:var(--red);padding:72px clamp(24px,7vw,112px);display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:280px}
.landing-contact::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:clamp(300px,36vw,480px);aspect-ratio:1;right:clamp(12px,3vw,48px);top:50%;transform:translateY(-50%) rotate(12deg);background:url('/audience/mission-red-trio.svg') center/contain no-repeat;opacity:.30}
.landing-contact h2{font:600 clamp(36px,4vw,56px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;color:#fff;margin:0}
.landing-contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 25px;border:1px solid #fff;border-radius:4px;background:#fff;color:var(--red);font-size:15px;font-weight:600;white-space:nowrap}
.landing-contact-button:hover{background:#f6edf0}
@media(max-width:680px){.still-landing .gateway-routes.numbered-routes{padding:48px 20px}.landing-contact{padding:48px 20px;flex-direction:column;align-items:flex-start;gap:24px;min-height:260px}.landing-contact::before{width:280px;right:-65px;opacity:.22}}

.landing-contact h2{max-width:760px;text-wrap:balance}.landing-contact-button{flex-shrink:0}

/* Give the Mission a little more breathing room. */
@media(min-width:681px){.landing-mission{min-height:320px;padding-block:48px;display:flex;flex-direction:column;justify-content:center}}

/* Bring the ecosystem into the first laptop viewport. */
.still-landing .gateway-routes.numbered-routes{padding-top:32px;padding-bottom:40px}
.still-landing .numbered-routes>.advisors-section-title{margin-bottom:20px}
@media(max-width:680px){.still-landing .gateway-routes.numbered-routes{padding-top:28px;padding-bottom:36px}}

/* Consistent inset for all three numbered section labels. */
.still-landing .landing-mission,.still-landing .gateway-routes.numbered-routes,.still-landing #experts{padding-top:48px}
.still-landing .landing-mission{justify-content:flex-start}
@media(max-width:680px){.still-landing .landing-mission,.still-landing .gateway-routes.numbered-routes,.still-landing #experts{padding-top:32px}}

/* White wordmark aligned with the Mission label. */
.mission-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.landing-mission .mission-heading-row .eyebrow{margin:0}
.mission-logo{display:block;width:180px;height:auto;filter:brightness(0) invert(1);flex-shrink:0}
@media(max-width:680px){.mission-logo{width:140px}.mission-heading-row{gap:12px}}