/* One type system across the creator portfolio. */
:root {
  --display: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --label: ui-monospace, SFMono-Regular, Consolas, monospace;
}
body { font-family: var(--body); }
.nav { height: 78px; }
.brand { font: 500 19px/1.2 var(--display); }
.brand-mark { font: 11px var(--label); border-radius: 4px; }
.nav-links { font: 11px var(--label); }
.hero.creator-hero { padding: 58px 0 48px; }
.creator-hero .hero-copy { max-width: 860px; }
.creator-hero h1 { font: 500 40px/1.2 var(--display); margin: 0 0 24px; }
.creator-hero h1 span { font-style: normal; color: var(--muted); }
.creator-hero .intro { font: 14px/1.75 var(--body); max-width: 560px; }
.creator-signature { margin-bottom: 28px; }
.creator-signature img { width: 52px; height: 52px; border-radius: 4px; }
.creator-signature strong { font: 500 15px var(--display); }
.creator-signature span { font: 10px/1.5 var(--label); }
.hero-actions { margin-top: 26px; gap: 24px; }
.hero-actions .rates-link { color: var(--ink); font-weight: 600; }
.arrow-cta { border-radius: 4px; min-height: 48px; box-shadow: none; font: 500 12px var(--body); padding: 5px 18px 5px 5px; }
.arrow-cta .arrow { width: 36px; height: 36px; border-radius: 2px; background: #e9ee74; color: #202210; }
.arrow-cta:hover { box-shadow: none; }
.creator-hero .hero-note, .eyebrow, .source-line, .source-line button, .footer-kicker { font-family: var(--label); font-size: 10px; }
.campaign-heading h2, #services .service-heading h2, .section-head h2, .partnership-footer h2 { font: 500 27px/1.2 var(--display); }
#services .service-card h3 { font: 600 23px/1.3 var(--display); }
.pw-profile b { font: 600 20px/1.2 var(--display); }
.campaign-heading { margin-bottom: 22px; }
.section-head > p { font: 13px/1.7 var(--body); max-width: 320px; }
.stats.metric-grid { gap: 0; padding: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stats .stat.metric { display: grid; grid-template-columns: 1fr 26px; gap: 16px 8px; padding: 28px; background: none; border: 0; border-left: 1px solid var(--line); border-radius: 0; }
.stats .stat.metric:first-child { border-left: 0; padding-left: 0; }
.metric .metric-icon { grid-column: 2; grid-row: 1; background: none; border-radius: 0; color: var(--muted); width: 24px; height: 24px; margin: 6px 0 0; }
.metric > div { grid-column: 1; grid-row: 1; }
.metric strong { font: 400 58px/1 var(--display); color: var(--ink); }
.metric strong .metric-unit { font: inherit; color: inherit; display: inline; }
.metric .metric-label { margin-top: 12px; font: 11px/1.4 var(--label); }
.metric .metric-note { grid-column: 1/-1; margin: 0; font: 12px/1.4 var(--body); }
.source-line { padding-top: 16px; flex-wrap: wrap; }
section.audience { padding: 56px 0; }
.audience-layout { grid-template-columns: 1.1fr 1fr; gap: 40px; border-top: 1px solid var(--line); padding-top: 25px; }
.audience-layout h3 { font: 400 22px/1.2 var(--display); margin-bottom: 24px; }
.audience-layout > div + div { border-left: 1px solid var(--line); padding-left: 32px; }
.geo { gap: 24px; }
.donut { width: 132px; height: 132px; background: conic-gradient(#76b69c 0 51.1%,#202222 51.1% 76.5%,#dddeda 76.5% 100%); }
.donut-core { width: 108px; height: 108px; }
.donut strong { font: 400 28px var(--display); }
.donut small { font: 9px var(--label); }
.geo-legend { font-size: 12px; gap: 15px; }
.geo-legend div { padding-bottom: 9px; }
.geo-legend b { font: 11px var(--label); }
.geo-legend div::before { height: 1px; background: var(--line); }
.geo-legend div::after { height: 2px; background: #76b69c; }
.geo-legend div:nth-child(2)::after { background: var(--ink); }
.geo-legend div:nth-child(3)::after { background: #bbbeb8; }
.swatch { background: #76b69c; }.swatch.us { background: #202222; }.swatch.other { background: #bbbeb8; }
.role-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.role { padding: 13px 0; border-radius: 0; border-bottom: 1px solid var(--line); background: none; font: 14px/1.4 var(--body); color: var(--ink); }
.affiliations { margin-top: 32px; gap: 22px; }
.affiliations > span { font: 10px/1.7 var(--label); }
.affiliation-list { gap: 14px 20px; }
.affiliation-list span { font-size: 11px; padding: 0; border-radius: 0; background: none; }
.process { gap: 24px; }
.process > li { background: none; border-radius: 0; border: 0; border-top: 1px solid var(--line); padding: 20px 0; }
.process h3 { font: 400 23px/1.2 var(--display); }
.process p { font: 12px/1.7 var(--body); }
.process > li > span { font: 11px var(--label); }
.partnership-footer h2 { font-size: 40px; }
.footer-nav a { font: 13px var(--body); }
.partnership-footer #inquiry-summary { font: 13px/1.7 var(--body); }
@media(max-width:750px) {
  .creator-hero h1 { font-size: 38px; }
  .audience-layout { grid-template-columns: 1fr; gap: 30px; }
  .audience-layout > div + div { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--line); }
}
@media(max-width:600px) {
  .wrap { padding: 0 20px; }
  .nav { gap: 12px; }.nav-links { gap: 12px; }.brand { font-size: 16px; }
  .hero.creator-hero { padding: 38px 0; }
  .creator-hero h1 { font-size: 30px; }
  .creator-hero .intro { font-size: 13px; }
  .hero-actions { flex-wrap: wrap; gap: 20px; }
  .campaign-heading h2, .section-head h2, #services .service-heading h2 { font-size: 29px; }
  .stats.metric-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; }
  .stats .stat.metric { padding: 20px 10px; display: block; }
  .metric .metric-icon { display: none; }
  .metric strong { font-size: 32px; }
  .metric .metric-label { font-size: 9px; margin-top: 9px; }
  .metric .metric-note { display: none; }
  .source-line { font-size: 9px; gap: 10px; }
  .geo { gap: 18px; }.donut { width: 120px; height: 120px; }.donut-core { width: 98px; height: 98px; }
  .affiliation-list { gap: 16px; }
  .partnership-footer h2 { font-size: 32px; }
}