.audience-page { --audience-space:120px; overflow:hidden; }
.audience-page h1,.audience-page h2,.audience-page h3 { font-weight:600; letter-spacing:-.06em; }
.audience-heading { margin-bottom:72px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:8vw; align-items:end; }.audience-heading h2 { max-width:900px; margin:0; font-size:clamp(46px,5vw,74px); line-height:.98; }.audience-heading > p { max-width:520px; margin:0 0 5px; color:#4f5b61; font-size:16px; line-height:1.7; }.audience-heading--light > p { color:#c2cace; }

.audience-overview-hero { min-height:760px; display:grid; grid-template-columns:58% 42%; border-bottom:1px solid var(--ink); }.audience-overview-hero > div:first-child { padding:120px max(48px,calc((100vw - 1360px)/2)) 80px; padding-right:clamp(60px,7vw,120px); display:flex; flex-direction:column; justify-content:center; }.audience-overview-hero h1 { max-width:900px; margin-bottom:30px; font-size:clamp(58px,6vw,90px); line-height:.94; }.audience-overview-hero > div:first-child > p:last-child { max-width:700px; color:#4f5b61; font-size:17px; line-height:1.7; }.audience-overview-hero__art { min-width:0; position:relative; overflow:hidden; background:linear-gradient(180deg,var(--blue) 0 50%,var(--lime) 50% 100%); }.audience-overview-hero__art::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size:72px 72px; }.audience-overview-hero__art i { width:64%; height:38%; position:absolute; border:2px solid; }.audience-overview-hero__art i:first-child { left:7%; top:18%; border-color:var(--paper); }.audience-overview-hero__art i:last-of-type { right:-10%; bottom:13%; border:8px solid var(--ink); }.audience-overview-hero__art b { padding:18px 20px; position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); background:var(--ink); color:var(--paper); font-size:25px; line-height:1; letter-spacing:-.05em; }
.audience-choice { padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); background:var(--ink); color:var(--paper); }.audience-choice .audience-heading > p { color:#c2cace; }.audience-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.audience-choice-card { min-height:620px; padding:30px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; color:var(--ink); }.audience-choice-card--b2b { background:var(--soft); }.audience-choice-card--commerce { background:var(--lime); }.audience-choice-card > div:first-child { width:100%; display:flex; justify-content:space-between; font:600 11px/1.4 "IBM Plex Mono",monospace; text-transform:uppercase; }.audience-choice-card h3 { max-width:520px; margin:130px 0 24px; position:relative; z-index:2; font-size:clamp(48px,5vw,72px); line-height:.96; }.audience-choice-card p { max-width:570px; position:relative; z-index:2; font-size:16px; line-height:1.7; }.audience-choice-card a { margin-top:auto; padding-bottom:7px; position:relative; z-index:2; border-bottom:1px solid currentColor; font:600 11px/1.4 "IBM Plex Mono",monospace; text-transform:uppercase; }.audience-choice-card i { width:330px; height:330px; position:absolute; right:-170px; bottom:45px; border:8px solid; }.audience-choice-card--b2b i { border-color:var(--blue); }.audience-choice-card--commerce i { border-color:var(--ink); transform:skewY(-7deg); }
.audience-difference { padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; background:var(--soft); }.audience-difference > div:first-child h2 { max-width:510px; margin:0; font-size:clamp(46px,4.7vw,68px); line-height:.98; }.audience-difference-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }.audience-difference-grid article { min-height:390px; padding:28px; border-right:1px solid var(--ink); }.audience-difference-grid article:last-child { border-right:0; }.audience-difference-grid span { color:var(--blue); font:600 11px/1.4 "IBM Plex Mono",monospace; }.audience-difference-grid h3 { margin:120px 0 18px; font-size:29px; line-height:1.05; }.audience-difference-grid p { margin:0; color:#4f5b61; font-size:14px; line-height:1.65; }

.audience-hero { min-height:780px; display:grid; grid-template-columns:62% 38%; }.audience-hero__copy { padding:115px max(48px,calc((100vw - 1360px)/2)) 75px; padding-right:clamp(55px,7vw,120px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; background:var(--paper); }.audience-hero h1 { max-width:930px; margin-bottom:30px; font-size:clamp(55px,5.6vw,84px); line-height:.95; }.audience-hero__copy > p:not(.eyebrow) { max-width:720px; margin-bottom:36px; color:#4f5b61; font-size:17px; line-height:1.7; }.audience-hero__visual { min-width:0; position:relative; overflow:hidden; background:var(--blue); color:var(--paper); }.audience-hero__visual::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px); background-size:72px 72px; }.audience-hero__visual > span { position:absolute; z-index:3; left:36px; top:34px; font:600 10px/1.4 "IBM Plex Mono",monospace; text-transform:uppercase; }.audience-hero__visual i { width:68%; height:41%; position:absolute; border:2px solid; }.audience-hero__visual i:first-of-type { left:8%; top:26%; border-color:var(--paper); }.audience-hero__visual i:last-of-type { left:37%; top:39%; border-color:var(--lime); }.audience-hero__visual b { max-width:320px; position:absolute; z-index:3; left:36px; bottom:36px; font-size:28px; line-height:1; letter-spacing:-.055em; }.audience-detail--commerce .audience-hero__visual { background:var(--lime); color:var(--ink); }.audience-detail--commerce .audience-hero__visual i:first-of-type { border-color:var(--ink); transform:skewY(-7deg); }.audience-detail--commerce .audience-hero__visual i:last-of-type { border:8px solid var(--blue); transform:skewY(-7deg); }
.audience-challenge { padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); background:var(--ink); color:var(--paper); }.audience-challenge ul { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); list-style:none; border-top:1px solid #48545c; border-left:1px solid #48545c; }.audience-challenge li { min-height:155px; padding:25px; display:flex; align-items:flex-end; border-right:1px solid #48545c; border-bottom:1px solid #48545c; color:#d5dbde; font-size:14px; line-height:1.55; }.audience-challenge li::before { content:""; width:8px; height:8px; margin:0 13px 6px 0; flex:0 0 8px; background:var(--lime); }
.audience-context-system { padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); background:var(--soft); }.audience-context-system ol { margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); position:relative; list-style:none; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }.audience-context-system li { min-height:330px; padding:27px; position:relative; border-right:1px solid var(--ink); }.audience-context-system li:first-child { padding-left:0; }.audience-context-system li:last-child { padding-right:0; border-right:0; }.audience-context-system span { color:var(--blue); font:600 11px/1.4 "IBM Plex Mono",monospace; }.audience-context-system h3 { margin-top:145px; font-size:24px; line-height:1.08; }.audience-context-system li i { width:46px; height:7px; position:absolute; z-index:2; right:-23px; top:56px; background:var(--blue); }.audience-context-system li i::after { content:""; width:7px; height:7px; position:absolute; right:0; background:var(--lime); }.audience-context-system li:last-child i { display:none; }.audience-detail--commerce .audience-context-system li i { background:var(--ink); }
.audience-services { padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); background:var(--paper); }.audience-services > div:last-child { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }.audience-services article { min-height:310px; padding:26px 30px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }.audience-services article:nth-child(4),.audience-services article:nth-child(5) { grid-column:span 1; }.audience-services article > span { color:var(--blue); font:600 11px/1.4 "IBM Plex Mono",monospace; }.audience-services h3 { margin:90px 0 14px; font-size:27px; line-height:1.08; }.audience-services article p { margin:0; color:#4f5b61; font-size:14px; line-height:1.65; }
.audience-diagnosis { min-height:650px; padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); display:grid; grid-template-columns:1.05fr .95fr; gap:9vw; align-items:end; background:var(--blue); color:var(--paper); }.audience-diagnosis h2 { max-width:760px; margin-bottom:27px; font-size:clamp(48px,5.2vw,76px); line-height:.98; }.audience-diagnosis > div > p:last-child { max-width:650px; color:var(--paper); font-size:16px; line-height:1.7; }.audience-diagnosis ul { margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; list-style:none; border-top:1px solid rgba(244,246,242,.6); }.audience-diagnosis li { padding:17px 0; border-bottom:1px solid rgba(244,246,242,.6); font:500 11px/1.5 "IBM Plex Mono",monospace; }.audience-diagnosis li:nth-child(odd) { padding-right:20px; }.audience-diagnosis li::before { content:""; width:7px; height:7px; margin-right:11px; display:inline-block; background:var(--lime); }.audience-detail--commerce .audience-diagnosis { background:var(--lime); color:var(--ink); }.audience-detail--commerce .audience-diagnosis .eyebrow { color:var(--ink); }.audience-detail--commerce .audience-diagnosis > div > p:last-child { color:var(--ink); }.audience-detail--commerce .audience-diagnosis ul,.audience-detail--commerce .audience-diagnosis li { border-color:rgba(16,24,32,.5); }.audience-detail--commerce .audience-diagnosis li::before { background:var(--blue); }
.audience-measurement { padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); background:var(--soft); }.audience-indicators { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }.audience-indicators span { min-height:180px; padding:27px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--ink); font-size:17px; font-weight:600; letter-spacing:-.03em; }.audience-indicators span:first-child { padding-left:0; }.audience-indicators span:last-child { padding-right:0; border-right:0; }.audience-indicators b { color:var(--blue); font:600 11px/1.4 "IBM Plex Mono",monospace; }
.audience-cta { min-height:720px; padding:var(--audience-space) max(48px,calc((100% - 1360px)/2)); position:relative; overflow:hidden; background:var(--ink); color:var(--paper); }.audience-cta > div:first-child { max-width:990px; position:relative; z-index:3; }.audience-cta h2 { margin-bottom:28px; font-size:clamp(58px,6.2vw,94px); line-height:.94; }.audience-cta > div:first-child > p:not(.eyebrow) { max-width:680px; margin-bottom:36px; color:#c2cace; font-size:17px; line-height:1.7; }.audience-cta > div:last-child { width:52vw; height:620px; position:absolute; right:-18vw; top:55px; }.audience-cta > div:last-child i { width:65%; height:72%; position:absolute; border:2px solid; transform:skewY(-7deg); }.audience-cta > div:last-child i:first-child { left:0; top:12%; border-color:var(--blue); }.audience-cta > div:last-child i:last-child { left:25%; top:0; border-color:var(--lime); }

@media(max-width:1000px) { .audience-overview-hero > div:first-child,.audience-hero__copy { padding-left:28px; }.audience-choice,.audience-difference,.audience-challenge,.audience-context-system,.audience-services,.audience-diagnosis,.audience-measurement,.audience-cta { padding-left:28px; padding-right:28px; }.audience-challenge ul { grid-template-columns:repeat(2,1fr); } }
@media(max-width:760px) {
  .audience-page { --audience-space:88px; }.audience-heading { margin-bottom:52px; display:block; }.audience-heading h2 { font-size:42px; }.audience-heading > p { margin-top:25px; font-size:15px; }
  .audience-overview-hero,.audience-hero { min-height:0; display:flex; flex-direction:column; }.audience-overview-hero > div:first-child,.audience-hero__copy { min-height:680px; padding:88px 18px 60px; }.audience-overview-hero h1,.audience-hero h1 { font-size:50px; }.audience-overview-hero > div:first-child > p:last-child,.audience-hero__copy > p:not(.eyebrow) { font-size:16px; }.audience-overview-hero__art,.audience-hero__visual { min-height:550px; }
  .audience-choice,.audience-difference,.audience-challenge,.audience-context-system,.audience-services,.audience-diagnosis,.audience-measurement,.audience-cta { padding-left:18px; padding-right:18px; }.audience-choice-grid { display:block; }.audience-choice-card { min-height:580px; }.audience-choice-card + .audience-choice-card { margin-top:20px; }.audience-choice-card h3 { margin-top:105px; font-size:48px; }.audience-difference { display:block; }.audience-difference > div:first-child h2 { margin-bottom:55px; font-size:44px; }.audience-difference-grid { display:block; }.audience-difference-grid article { min-height:320px; border-right:0; border-bottom:1px solid var(--ink); }.audience-difference-grid article:last-child { border-bottom:0; }
  .audience-challenge ul { display:block; }.audience-challenge li { min-height:115px; border-right:1px solid #48545c; }.audience-context-system ol { display:block; }.audience-context-system li,.audience-context-system li:first-child,.audience-context-system li:last-child { min-height:240px; padding:25px 0; border-right:0; border-bottom:1px solid var(--ink); }.audience-context-system li:last-child { border-bottom:0; }.audience-context-system h3 { margin-top:105px; font-size:25px; }.audience-context-system li i { width:7px; height:46px; right:auto; left:28px; top:auto; bottom:-23px; }.audience-context-system li i::after { bottom:0; }
  .audience-services > div:last-child { display:block; }.audience-services article { min-height:270px; }.audience-services h3 { margin-top:70px; }.audience-diagnosis { min-height:0; display:block; }.audience-diagnosis h2 { font-size:46px; }.audience-diagnosis ul { margin-top:55px; display:block; }.audience-diagnosis li:nth-child(odd) { padding-right:0; }.audience-indicators { display:block; }.audience-indicators span,.audience-indicators span:first-child,.audience-indicators span:last-child { min-height:140px; padding:24px 0; border-right:0; border-bottom:1px solid var(--ink); }.audience-indicators span:last-child { border-bottom:0; }.audience-cta { min-height:700px; }.audience-cta h2 { font-size:52px; }.audience-cta > div:last-child { width:110vw; right:-72vw; opacity:.7; }
}
.audience-services article:nth-child(5) { grid-column:span 2; }