/* Employer and partnership pages. Shared Solari typography and color tokens. */
.audience-page .review-strip{font-size:10px;flex-wrap:wrap}
.audience-page textarea{font:inherit}
.audience-page .audience-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding-block:70px 85px}
.audience-page h1{font-size:clamp(60px,7.3vw,96px);line-height:1.04}
.audience-page .audience-intro{max-width:570px;font-size:22px;line-height:1.55;margin-top:27px;color:var(--body)}
.audience-page .audience-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}
.audience-page .audience-hero .fine-print{margin-top:16px;font-size:11px}
.audience-page .audience-phone{width:295px;max-width:100%;justify-self:center}
.audience-page .audience-phone .preview-video{aspect-ratio:720/1564}
.audience-page .audience-phone figcaption{font-size:11px;line-height:1.6;margin-top:13px;color:var(--muted)}
.audience-page .audience-band{background:var(--wash);border-block:1px solid var(--line);padding-block:62px}
.audience-page .audience-band .wrap{max-width:940px}
.audience-page .audience-band h2{font-size:clamp(38px,4.3vw,56px);max-width:760px}
.audience-page .audience-band p{font-size:21px;line-height:1.65;max-width:710px;margin-top:24px;color:var(--body)}
.audience-page .audience-chapters{padding-block:76px 65px}
.audience-page .audience-chapters>h2{font-size:48px;max-width:660px;margin-bottom:42px}
.audience-page .audience-row{display:grid;grid-template-columns:55px 1fr 1.05fr;gap:25px;padding-block:28px;border-top:1px solid var(--line);align-items:baseline}
.audience-page .audience-row>span{font:400 28px/1 var(--display);color:#A7652D}
.audience-page .audience-row h3{font-size:31px}
.audience-page .audience-row p{font-size:18px;line-height:1.65;color:var(--body)}
.audience-page .audience-pilot{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:60px 76px;border-top:1px solid var(--line)}
.audience-page .audience-pilot h2{font-size:49px}
.audience-page .audience-pilot .body-copy{margin-top:23px;max-width:510px}
.audience-page .audience-pilot ol{list-style:none;margin:0;padding:0;counter-reset:pilot}
.audience-page .audience-pilot li{position:relative;counter-increment:pilot;padding:0 0 24px 43px;font-size:18px;line-height:1.6}
.audience-page .audience-pilot li::before{content:counter(pilot);position:absolute;left:0;color:var(--sage);font:400 25px/1.4 var(--display)}
.audience-page .audience-pilot li strong{display:block;font-weight:600}
.audience-page .audience-faq{max-width:940px;padding-block:15px 70px}
.audience-page .audience-faq h2{font-size:43px;margin-bottom:30px}
.audience-page .audience-faq .faq details p{font-size:17px}
.audience-page .audience-contact{background:#EFE6D3;border-block:1px solid var(--line);padding-block:72px}
.audience-page .audience-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.audience-page .audience-contact h2{font-size:55px;max-width:510px}
.audience-page .audience-contact .body-copy{margin-top:23px;max-width:415px}
.audience-page .audience-contact .contact-byline{font:600 12px/1.6 var(--sans);margin-top:27px;color:var(--sage)}
.audience-page .audience-contact .contact-byline a{display:block;font-weight:400;overflow-wrap:anywhere;margin-top:5px}
.audience-page .audience-form{display:grid;grid-template-columns:1fr 1fr;gap:21px 17px}
.audience-page .audience-form label{font:500 12px/1.6 var(--sans);display:block;color:var(--ink)}
.audience-page .audience-form input,.audience-page .audience-form select,.audience-page .audience-form textarea{width:100%;min-height:49px;border:1px solid #C4BDAA;background:var(--cream);color:var(--ink);border-radius:8px;padding:12px;margin-top:7px;font:400 15px/1.5 var(--sans)}
.audience-page .audience-form textarea{min-height:120px;resize:vertical}
.audience-page .audience-form .full{grid-column:1/-1}
.audience-page .audience-form .fine-print{font-size:11px}
.audience-page .audience-form .button{justify-self:start}
.audience-page .audience-success{padding:28px;border:1px solid #A7B397;border-radius:12px;background:var(--cream);font-size:21px;line-height:1.6}
.audience-page .audience-success h3{margin-bottom:15px}
.audience-page .audience-success button{margin-top:20px}
.audience-page .audience-portrait{justify-self:center;width:360px;max-width:100%}
.audience-page .audience-portrait img{width:100%;height:475px;object-fit:cover;object-position:50% 35%;border-radius:12px}
.audience-page .audience-portrait figcaption{font-size:11px;margin-top:12px;color:var(--muted)}
.audience-page .audience-about{padding-block:0 66px}
.audience-page .audience-about p{max-width:770px;font-size:20px;line-height:1.7}
.audience-links{display:flex;gap:16px 28px;flex-wrap:wrap;margin-top:24px;font:500 12px/1.6 var(--sans);color:var(--sage)}
.audience-links a{text-underline-offset:4px}
@media(max-width:900px){.audience-page .audience-hero{gap:35px}.audience-page .audience-phone{width:265px}.audience-page .audience-contact-grid,.audience-page .audience-pilot{gap:40px}.audience-page .audience-portrait img{height:400px}.audience-page .audience-contact h2{font-size:46px}.audience-page .audience-row{grid-template-columns:35px 1fr 1.1fr;gap:18px}}
@media(max-width:640px){.audience-page .audience-hero{grid-template-columns:1fr;gap:38px;padding-block:43px 53px}.audience-page h1{font-size:clamp(51px,11vw,68px)}.audience-page .audience-intro{font-size:19px;margin-top:24px}.audience-page .audience-phone{width:285px}.audience-page .audience-band{padding-block:42px}.audience-page .audience-band p{font-size:19px}.audience-page .audience-chapters{padding-block:48px 42px}.audience-page .audience-chapters>h2{font-size:38px;margin-bottom:30px}.audience-page .audience-row{grid-template-columns:28px 1fr;gap:9px 15px;padding-block:24px}.audience-page .audience-row h3{font-size:27px}.audience-page .audience-row p{grid-column:2;font-size:17px}.audience-page .audience-pilot{grid-template-columns:1fr;gap:29px;padding-block:42px}.audience-page .audience-pilot h2{font-size:39px}.audience-page .audience-faq{padding-block:10px 46px}.audience-page .audience-faq h2{font-size:36px}.audience-page .audience-faq .faq details p{font-size:16px}.audience-page .audience-contact{padding-block:47px}.audience-page .audience-contact-grid{grid-template-columns:1fr;gap:32px}.audience-page .audience-contact h2{font-size:42px}.audience-page .audience-form{grid-template-columns:1fr;gap:19px}.audience-page .audience-form .full{grid-column:auto}.audience-page .audience-portrait{width:100%}.audience-page .audience-portrait img{height:390px}.audience-page .audience-about{padding-bottom:46px}.audience-page .audience-about p{font-size:18px}}

/* Business case and founder context for the employer page. */
.employer-page .audience-research{padding-block:72px 62px;scroll-margin-top:20px}
.employer-page .research-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:45px}
.employer-page .research-heading h2{font-size:clamp(42px,4.3vw,58px)}
.employer-page .research-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.employer-page .research-columns article{padding:29px 26px 29px 0;display:flex;flex-direction:column}
.employer-page .research-columns article+article{border-left:1px solid var(--line);padding-left:26px}
.employer-page .research-kind{font:600 10px/1.6 var(--sans);color:var(--sage);letter-spacing:.06em;text-transform:uppercase;margin-bottom:21px}
.employer-page .research-columns h3{font-size:31px;line-height:1.2;margin-bottom:20px}
.employer-page .research-columns article>p:not(.research-kind):not(.research-method){font-size:18px;line-height:1.65;color:var(--body)}
.employer-page .research-columns .research-method{font:400 11px/1.7 var(--sans);color:var(--muted);margin-top:19px}
.employer-page .research-columns a{font:500 11px/1.7 var(--sans);color:var(--sage);text-underline-offset:4px;margin-top:15px;padding-top:9px}
.employer-page .research-context{font:400 12px/1.8 var(--sans);max-width:790px;margin-top:21px;color:var(--muted)}
.employer-page .audience-value{padding-bottom:50px}
.employer-page .audience-value>h2{font-size:49px;margin-bottom:35px}
.employer-page .audience-chapters{padding-top:30px}
.employer-page .product-link{margin-top:-18px;margin-bottom:29px}
.employer-page .employer-price{font:600 14px/1.6 var(--sans);color:var(--sage);margin-top:23px}
.employer-page .audience-founder{display:grid;grid-template-columns:250px 1fr;gap:65px;align-items:center;padding-block:54px 74px;border-top:1px solid var(--line)}
.employer-page .audience-founder figure img{width:250px;height:310px;object-fit:cover;object-position:50% 30%;border-radius:12px}
.employer-page .audience-founder figcaption{font:500 11px/1.6 var(--sans);color:var(--muted);margin-top:11px}
.employer-page .audience-founder h2{font-size:49px}
.employer-page .audience-founder p:not(.eyebrow){font-size:20px;line-height:1.7;max-width:730px;color:var(--body);margin-top:23px}
.employer-page .audience-founder .text-link{margin-top:23px}
@media(max-width:900px){.employer-page .research-heading{gap:30px}.employer-page .research-columns h3{font-size:27px}.employer-page .research-columns article{padding-right:17px}.employer-page .research-columns article+article{padding-left:17px}.employer-page .audience-founder{gap:38px;grid-template-columns:210px 1fr}.employer-page .audience-founder figure img{width:210px;height:290px}.employer-page .audience-founder h2{font-size:40px}}
@media(max-width:640px){.employer-page .audience-research{padding-block:46px}.employer-page .research-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.employer-page .research-heading h2{font-size:39px}.employer-page .research-columns{grid-template-columns:1fr}.employer-page .research-columns article,.employer-page .research-columns article+article{border-left:0;padding:26px 0}.employer-page .research-columns article+article{border-top:1px solid var(--line)}.employer-page .research-columns h3{font-size:29px;margin-bottom:15px}.employer-page .research-kind{margin-bottom:14px}.employer-page .research-columns article>p:not(.research-kind):not(.research-method){font-size:17px}.employer-page .audience-value{padding-bottom:29px}.employer-page .audience-value>h2{font-size:39px;margin-bottom:28px}.employer-page .audience-chapters{padding-top:20px}.employer-page .audience-founder{grid-template-columns:1fr;gap:30px;padding-block:43px 46px}.employer-page .audience-founder figure img{width:100%;height:260px;object-position:50% 30%}.employer-page .audience-founder h2{font-size:40px}.employer-page .audience-founder p:not(.eyebrow){font-size:18px}}

/* Give business and partnership links a visible home at every screen size. */
.business-nav>.nav-links{margin-left:auto;gap:28px;font-size:13px}
.business-nav>.button{flex-shrink:0}
.business-nav .nav-links a[aria-current="page"]{color:var(--sage);text-decoration:underline;text-underline-offset:6px}
/* Keep the whole founder portrait in view, including the hat and apron. */
.founder-section .founder-photo{min-height:0;height:auto;padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;overflow:visible}
.founder-section .founder-photo>picture{display:block;width:min(100%,520px)}
.founder-section .founder-photo>picture>img{position:static;inset:auto;width:100%;height:auto;object-fit:contain;object-position:center;border-radius:12px}
.founder-section .founder-photo>p{position:static;background:transparent;padding:0;box-shadow:none;text-align:center}
.audience-page .audience-portrait img,.employer-page .audience-founder figure img{height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center}
@media(max-width:820px){
 html{scroll-padding-top:136px}
 .business-nav{display:grid;grid-template-columns:1fr auto;gap:0 16px;min-height:0;padding-block:12px 0}
 .business-nav>.brand{grid-column:1;grid-row:1}
 .business-nav>.button{grid-column:2;grid-row:1}
 .business-nav>.nav-links{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;width:100%;gap:16px;margin-left:0;margin-top:10px;border-top:1px solid var(--line)}
 .business-nav .nav-links>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-size:11px;white-space:nowrap}
 .founder-section .founder-photo{padding:25px}
}
@media(max-width:640px){
 .founder-section .founder-photo{padding:24px 20px;gap:12px}
 .founder-section .founder-photo>picture{max-width:360px}
 .employer-page .audience-founder figure{max-width:300px}
}
