/* Approved Brand direction, adapted to each audience. Actual records and
   illustrative workflow states remain explicitly distinguished in captions. */
.audience-perspective{--ap-accent:#694832;--ap-tint:#f1e0d1;--ap-canvas:#f8f1e8;--ap-success:#214f3d;--ap-mint:#deece2;--ap-ink:#242a25;--ap-muted:#656d66;--ap-line:#e5e8e1;position:relative;overflow:clip;color:var(--ap-ink)}
.ap-agency{--ap-accent:#493152;--ap-tint:#e9def1;--ap-canvas:#f3edf7}
.ap-management{--ap-accent:#214f3d;--ap-tint:#deece2;--ap-canvas:#eff5ee}
.ap-sample{--ap-accent:#214f3d;--ap-tint:#deece2;--ap-canvas:#eff5ee;--ap-success:#214f3d;--ap-mint:#deece2;--ap-ink:#242a25;--ap-muted:#656d66;--ap-line:#e5e8e1}
.platform-content-example.ap-sample{padding:0;background:transparent}
.ap-legacy-anchor{position:absolute;top:0;scroll-margin-top:100px}
.audience-perspective .audience-story-heading{max-width:1000px}
.audience-perspective .audience-story-heading h2{white-space:pre-line;font-weight:300;hyphens:none}
.audience-perspective .ap-tabs{max-width:1140px;margin-inline:auto;margin-bottom:45px}
.audience-perspective .ap-tabs button{min-width:0;gap:11px}
.audience-perspective .ap-tabs svg{width:21px;height:21px;flex-shrink:0}
.audience-perspective .ap-tabs button[aria-selected=true]{background:var(--ap-canvas);border-color:var(--ap-accent);color:var(--ap-accent)}
.audience-perspective .ap-tabs button:hover{background:var(--ap-canvas)}
.audience-perspective .ap-tabs button:focus-visible{outline-color:var(--ap-accent)}
.audience-perspective .ap-panel{grid-template-columns:.82fr 1.18fr;gap:clamp(30px,4vw,65px);max-width:1200px;margin:0 auto;padding-block:10px 20px}
.audience-perspective .audience-story-copy{max-width:435px}
.audience-perspective .audience-story-copy h3{text-wrap:pretty;white-space:pre-line;hyphens:none}
.audience-perspective .audience-story-copy p{margin-bottom:0}
.ap-scene{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 0;position:relative;isolation:isolate;width:100%;max-width:630px;justify-self:center;margin:0;padding:15px 6px 0;font:400 15px/1.4 'Work Sans',sans-serif;color:var(--ap-ink);container-type:inline-size;text-align:left}
.ap-scene *{box-sizing:border-box}
.ap-scene strong{font-weight:400}
.ap-scene svg{width:22px;height:22px;flex-shrink:0}
.ap-scene p{font:400 15px/1.45 'Work Sans',sans-serif;margin:0}
.ap-backdrop{position:absolute;inset:5% 0 7% 4%;z-index:-1;border-radius:44% 46% 40% 45%;background:var(--ap-canvas)}
.ap-card{min-width:0;position:relative;padding:25px;border:1px solid var(--ap-line);border-radius:21px;background:#fff;box-shadow:0 20px 40px -24px #24392a38,0 3px 8px -4px #24392a18;color:var(--ap-ink)}
.ap-tinted{background:var(--ap-tint);border-color:transparent;color:var(--ap-accent)}
.ap-dark{background:var(--ap-accent);border-color:transparent;color:#fff}
.ap-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px;line-height:1.3;margin-bottom:21px}
.ap-icon{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:11px;background:var(--ap-canvas);color:var(--ap-accent)}
.ap-tinted .ap-icon,.ap-dark .ap-icon{background:#ffffffb3;color:var(--ap-accent)}
.ap-name{display:block;font-size:24px;letter-spacing:-.045em;line-height:1.2}
.ap-title{display:block;font-size:25px;letter-spacing:-.04em;line-height:1.25;max-width:360px}
.ap-subtitle{display:block;font-size:15px;line-height:1.5;margin-top:8px!important}
.ap-muted{display:block;color:var(--ap-muted);font-size:13px;line-height:1.45}
.ap-row{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--ap-line);font-size:15px}
.ap-row:last-child{padding-bottom:0}
.ap-row svg{width:19px;height:19px;color:var(--ap-accent);margin-top:1px}
.ap-row>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.ap-row small{color:var(--ap-muted);font-size:13px;line-height:1.4}
.ap-tinted .ap-row{border-color:#ffffff90}.ap-tinted .ap-row small{color:inherit}
.ap-main>.ap-subtitle{margin-bottom:24px!important}
.ap-pill{display:inline-block;margin:14px 0 22px;padding:7px 10px;border-radius:7px;background:var(--ap-mint);color:var(--ap-success);font-size:14px;line-height:1.35}
.ap-soft{background:var(--ap-canvas);color:var(--ap-accent)}
.ap-photo{position:relative;min-width:0;min-height:330px;overflow:hidden;border:6px solid #fff;border-radius:21px;box-shadow:0 18px 36px -24px #24392a66;transform:rotate(-4deg);background:#eef1eb}
.ap-photo>img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.ap-photo-label{position:absolute;left:11px;right:11px;top:11px;padding:10px 12px;display:flex;align-items:center;gap:8px;background:#fffffff0;border-radius:9px;font-size:14px;line-height:1.4;color:var(--ap-ink)}
.ap-photo-label svg{width:18px;height:18px}
.ap-inline{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:17px}
.ap-bottom{grid-column:3/-1;z-index:3;transform:rotate(-1deg);margin-top:4px}
.ap-bottom .ap-card-head{margin-bottom:15px}
.ap-scene figcaption{grid-column:1/-1;display:block;text-align:right;font-size:12px;line-height:1.5;color:var(--ap-muted);padding:4px 5px 0;margin-top:5px}
.ap-footnote{grid-column:2/-1;display:flex;align-items:center;gap:12px;color:var(--ap-success);font-size:15px;line-height:1.45;padding:10px 0 0}
.ap-footnote svg{background:var(--ap-mint);width:29px;height:29px;padding:5px;border-radius:50%}
.ap-workbench>.ap-photo{grid-column:1/7;grid-row:1;min-height:380px;margin-top:35px}
.ap-workbench>.ap-main{grid-column:6/-1;grid-row:1;transform:rotate(2deg);z-index:2;align-self:start}
.ap-workbench>.ap-bottom{margin-top:-1px}
.ap-editor>.ap-photo{grid-column:1/8;grid-row:1;min-height:390px;margin-top:22px;transform:rotate(-3deg)}
.ap-editor>.ap-side{grid-column:7/-1;grid-row:1;transform:rotate(2deg);z-index:2;align-self:start}
.ap-message{grid-column:3/-1;margin-top:-8px;z-index:3;transform:rotate(-1deg)}
.ap-message .ap-card-head{margin-bottom:15px}
.ap-scene .ap-quote{font-size:21px;letter-spacing:-.025em;line-height:1.35;margin-bottom:12px}
.ap-scene .ap-display{display:block;font:300 italic clamp(46px,11.7cqi,75px)/1.08 'Krevaro Serif',serif;letter-spacing:-.055em;white-space:nowrap}
.ap-hero{grid-column:1/12;transform:rotate(-2deg);padding:27px 30px;z-index:1}
.ap-hero>.ap-display{margin:22px 0 5px}
.ap-stat-pair{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;border-top:1px solid #ffffffa0;margin-top:24px;padding-top:20px}
.ap-stat-pair>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.ap-stat-pair strong{font-size:27px;letter-spacing:-.05em;line-height:1.1;white-space:nowrap}
.ap-stat-pair span{font-size:14px}
.ap-secondary{grid-column:6/-1;grid-row:2;transform:rotate(2deg);margin-top:8px;z-index:2}
.ap-aside{grid-column:1/6;grid-row:2;margin:30px 15px 0 0;align-self:start;padding:23px 20px;transform:rotate(-2deg)}
.ap-aside .ap-name{font-size:20px}
.ap-scene .ap-small{font-size:15px;line-height:1.5;margin-top:12px}
.ap-account-list{grid-column:1/9;grid-row:1;transform:rotate(-2deg);z-index:2;align-self:start}
.ap-account{display:flex;align-items:center;gap:12px;border-top:1px solid var(--ap-line);padding:17px 0}
.ap-account:last-child{padding-bottom:0}
.ap-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid #d3c1df;background:#f1eaf5;color:#493152;font-size:13px}
.ap-account>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.ap-account strong{font-size:17px}.ap-account small{font-size:13px;color:var(--ap-muted)}
.ap-account>svg{margin-left:auto;width:18px;color:var(--ap-accent)}
.ap-accounts>.ap-photo{grid-column:8/-1;grid-row:1;min-height:385px;margin-top:42px;transform:rotate(4deg)}
.ap-accounts>.ap-photo .ap-photo-label{display:none}
.ap-accounts>.ap-bottom{grid-column:3/-1;margin-top:3px}
.ap-teamwork>.ap-main{grid-column:1/9;grid-row:1;transform:rotate(-2deg);z-index:2;align-self:start}
.ap-photo-pair{grid-column:8/-1;grid-row:1;display:flex;flex-direction:column;gap:15px;margin-top:48px}
.ap-photo-pair .ap-photo{min-height:190px;transform:rotate(4deg)}
.ap-photo-pair .ap-photo:nth-child(2){transform:rotate(-2deg)}
.ap-photo-pair .ap-photo-label{display:none}
.ap-teamwork>.ap-bottom{grid-column:2/12}
.ap-editorial{display:block;font:400 clamp(31px,6.5cqi,43px)/1.15 'Work Sans',sans-serif;letter-spacing:-.04em;max-width:450px;margin-block:21px 12px}
.ap-documents>.ap-hero{grid-column:1/-1;padding-bottom:35px}
.ap-doc{grid-row:2;margin-top:16px;padding:22px}
.ap-doc-first{grid-column:1/7;transform:rotate(-2deg);margin-right:10px}
.ap-doc-second{grid-column:7/-1;transform:rotate(2deg);margin-left:10px}
.ap-documents .ap-footnote{grid-column:1/-1}
.ap-directory{grid-column:1/10;grid-row:1;transform:rotate(-2deg)}
.ap-profile-detail{grid-column:5/-1;grid-row:2;transform:rotate(2deg);z-index:2;margin-top:2px}
.ap-active{grid-column:1/5;grid-row:2;margin:27px 12px 0 0;align-self:start;transform:rotate(-3deg);padding:24px 18px;color:var(--ap-success)}
.ap-scene .ap-active .ap-display{font-size:65px}
.ap-active .ap-subtitle{font-size:15px}
.ap-profiles .ap-directory{padding-bottom:29px}
.ap-crm-editor .ap-side>.ap-name{font-size:21px;margin-bottom:23px}
.ap-rank-list{grid-column:1/-1;transform:rotate(-2deg);padding:27px 28px}
.ap-rank{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px 13px;margin-top:22px}
.ap-rank>div:not(.ap-bar){display:flex;flex-direction:column;gap:3px}
.ap-rank small{font-size:13px;color:var(--ap-muted)}
.ap-rank>strong{font-size:19px;letter-spacing:-.04em;white-space:nowrap}
.ap-bar{grid-column:2/-1;height:6px;border-radius:8px;background:#f1eaf5;overflow:hidden}
.ap-bar i{display:block;height:100%;background:#684476;border-radius:inherit}
.ap-rank:nth-child(3) .ap-bar i{background:#9973ad}.ap-rank:nth-child(4) .ap-bar i{background:#b399c1}
.ap-selected{grid-column:5/-1;transform:rotate(2deg);margin-top:12px}
.ap-scene .ap-selected .ap-display{font-size:clamp(43px,9cqi,58px);margin-top:22px}
.ap-performance .ap-footnote{grid-column:1/-1}
@media(min-width:801px) and (max-width:1100px){
 .audience-perspective .ap-panel{grid-template-columns:.7fr 1.3fr;gap:28px}
 .ap-card{padding:21px}.ap-main,.ap-side{padding:22px 20px}
 .ap-card-head{gap:8px}.ap-account{gap:9px}
 .ap-aside{padding:20px 16px}.ap-stat-pair{gap:18px}.ap-stat-pair strong{font-size:24px}
 .ap-row{gap:9px}.ap-profile-detail{padding:22px 20px}
}
@media(max-width:800px){
 .audience-perspective .ap-panel{grid-template-columns:1fr;gap:34px;padding-bottom:10px}
 .audience-perspective .audience-story-copy{max-width:620px}
 .audience-perspective .ap-tabs{margin-bottom:30px}
 .audience-perspective .ap-tabs button{padding:17px 13px;font-size:15px}
 .ap-scene{max-width:590px}
}
@media(max-width:540px){
 .audience-perspective .ap-tabs button{min-width:max-content;padding:17px;flex:1}
 .audience-perspective .ap-tabs svg{display:none}
 .ap-scene{display:flex;flex-direction:column;gap:18px;padding:8px 4px 0}
 .ap-scene>.ap-card,.ap-scene>.ap-photo,.ap-scene>.ap-photo-pair{width:100%;margin:0;transform:none}
 .ap-card{padding:24px 22px;border-radius:18px}
 .ap-backdrop{inset:0 -5px 35px;border-radius:28px}
 .ap-workbench>.ap-photo,.ap-editor>.ap-photo{width:89%;min-height:280px;height:280px;transform:rotate(-2deg);flex-shrink:0}
 .ap-workbench>.ap-main,.ap-editor>.ap-side{width:95%;margin:-42px 0 0 auto;transform:rotate(1deg)}
 .ap-workbench>.ap-bottom,.ap-editor>.ap-message{transform:rotate(-1deg)}
 .ap-photo-label{right:11px}
 .ap-main .ap-row{padding-block:16px}.ap-main .ap-row:last-child{padding-bottom:0}
 .ap-row small{font-size:14px}
 .ap-card-head{font-size:15px}.ap-name{font-size:24px}
 .ap-footnote{padding:7px 4px 0;font-size:15px}
 .ap-scene figcaption{text-align:left;padding-inline:3px}
 .ap-metrics>.ap-hero{transform:rotate(-1deg)}
 .ap-metrics>.ap-secondary{transform:rotate(1deg)}
 .ap-scene .ap-display{font-size:clamp(46px,14cqi,69px)}
 .ap-stat-pair{gap:16px;grid-template-columns:.65fr 1.35fr}
 .ap-stat-pair strong{font-size:23px}
 .ap-aside .ap-name{font-size:21px}
 .ap-accounts>.ap-account-list{transform:rotate(-1deg)}
 .ap-accounts>.ap-photo{width:88%;height:280px;min-height:280px;margin:0 0 0 auto;transform:rotate(2deg)}
 .ap-accounts>.ap-bottom{width:95%;margin:-34px 0 0;transform:rotate(-1deg)}
 .ap-teamwork>.ap-main{transform:rotate(-1deg)}
 .ap-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px}
 .ap-photo-pair .ap-photo{min-height:195px}.ap-photo-pair .ap-photo:nth-child(2){margin-top:15px}
 .ap-teamwork>.ap-bottom{margin-top:0;transform:rotate(1deg)}
 .ap-documents>.ap-hero{transform:rotate(-1deg)}
 .ap-documents>.ap-doc{transform:rotate(1deg)}
 .ap-documents>.ap-doc-second{transform:rotate(-1deg)}
 .ap-editorial{font-size:37px}
 .ap-profiles>.ap-directory{transform:rotate(-1deg)}
 .ap-profiles>.ap-profile-detail{transform:rotate(1deg)}
 .ap-profiles>.ap-active{display:flex;align-items:center;gap:25px}
 .ap-scene .ap-active .ap-display{font-size:62px}
 .ap-performance>.ap-rank-list{transform:rotate(-1deg);padding:24px 18px}
 .ap-rank{grid-template-columns:30px 1fr auto;gap:8px;margin-top:22px}
 .ap-rank .ap-avatar{width:30px;height:30px}
 .ap-rank>strong{font-size:16px}.ap-rank>div{font-size:15px}
 .ap-rank small{font-size:12px}
 .ap-performance>.ap-selected{transform:rotate(1deg)}
 .ap-scene .ap-selected .ap-display{font-size:clamp(42px,13cqi,62px)}
}
@media(prefers-reduced-motion:no-preference){
 .ap-panel:not([hidden]) .ap-scene{animation:ap-enter .4s ease both}
 @keyframes ap-enter{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
}
@container(max-width:310px){
 .ap-stat-pair{grid-template-columns:1fr;gap:17px}
 .ap-stat-pair>div{gap:4px}
}

/* Approved open Creator sections, 17 Sep: all content visible on scroll. */
.audience-perspective.audience-open .audience-story-heading{margin-bottom:28px}
.audience-open .open-jump{display:flex;justify-content:center;gap:16px 30px;flex-wrap:wrap;margin:0 auto 38px;padding:0 0 26px;border-bottom:1px solid #d9d7d3;max-width:1140px}
.audience-open .open-jump a{display:flex;align-items:center;gap:9px;color:var(--ap-accent);font:400 16px/1.4 'Work Sans',sans-serif;text-decoration:underline;text-underline-offset:5px;padding:6px 0}
.audience-open .open-jump svg{width:18px;height:18px}.audience-open .ap-panel{padding:34px 0 60px;margin-bottom:34px;scroll-margin-top:125px;gap:65px;grid-template-columns:.86fr 1.14fr}
.audience-open .ap-panel+.ap-panel{border-top:1px solid #e5e8e1;padding-top:65px}
.audience-open .ap-panel:last-child{margin-bottom:0;padding-bottom:0}
.audience-open .ap-panel:nth-of-type(even){grid-template-columns:1.14fr .86fr}
.audience-open .ap-panel:nth-of-type(even) .audience-story-copy{grid-column:2;grid-row:1;justify-self:end}
.audience-open .ap-panel:nth-of-type(even) .ap-scene{grid-column:1;grid-row:1}
.audience-open .ap-scene{max-width:540px}.audience-open .audience-story-copy h3{font-size:clamp(32px,3.1vw,44px)}
.audience-open .open-topic{font:400 16px/1.4 'Work Sans',sans-serif;color:var(--ap-accent);margin:0 0 17px}
@media(max-width:800px){.audience-open .ap-panel,.audience-open .ap-panel:nth-of-type(even){grid-template-columns:1fr;gap:28px;padding:25px 0 35px;margin-bottom:25px}.audience-open .ap-panel+.ap-panel{padding-top:40px}.audience-open .ap-panel:nth-of-type(even) .audience-story-copy,.audience-open .ap-panel:nth-of-type(even) .ap-scene{grid-column:auto;grid-row:auto;justify-self:start}.audience-open .open-jump{justify-content:flex-start;gap:12px 22px;margin-bottom:10px}.audience-open .ap-scene{justify-self:center!important}}