.po-page{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;color:#f4f4ee;background:#111a1b;font-family:'Space Grotesk',sans-serif}
.po-page *{box-sizing:border-box}
.po-page-head{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;align-items:center;padding:10px 14px 12px;border-bottom:1px solid #eaf1eb25;background:linear-gradient(110deg,#10191a,#1b282a)}
.po-eyebrow,.po-section-title{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.2;color:#eff1eb}
.po-page-head h3{margin:5px 0 3px;font-size:clamp(17px,1.55vw,24px);line-height:1.05;letter-spacing:-.035em}
.po-page-head p{margin:0;max-width:500px;color:#bec9c9;font-size:10px;line-height:1.35}
.po-method{display:flex;align-items:center;justify-content:space-between;gap:3px;color:#d9e2dc;font-size:9px;font-weight:700;letter-spacing:.05em;white-space:nowrap}
.po-method span{padding:7px 5px;border-bottom:1px solid #c3f85c6e}
.po-method i{font-style:normal;color:#c3f85c}
.po-columns{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(175px,24%) minmax(270px,40%) minmax(250px,36%);gap:8px;padding:8px}
.po-cases,.po-message,.po-profile{min-width:0;min-height:0;border:1px solid #f2f7f12b;border-radius:4px;background:#10191b}
.po-cases{display:flex;flex-direction:column;padding:10px 8px}
.po-cases>p{margin:3px 0 9px;color:#aeb9b8;font-size:9px;line-height:1.3}
.po-case-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}
.po-case{width:100%;min-height:74px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border:1px solid #e9f2e932;border-radius:4px;background:#111b1c;color:#f4f4ee;text-align:left;cursor:pointer}
.po-case:hover,.po-case:focus-visible{border-color:#c3f85c;outline:none}
.po-case.is-active{border-color:#c3f85c;background:#18251e;box-shadow:inset 0 0 0 1px #c3f85c36}
.po-avatar{flex:0 0 auto;display:grid;place-items:center;width:44px;height:54px;border:1px solid #eaf1eb42;border-radius:4px;color:#f6fff0;font-weight:700;font-size:16px;letter-spacing:-.04em;background:radial-gradient(circle at 55% 22%,#c5d5ef 0,#6e86a5 33%,#222c39 75%)}
.po-avatar--1{background:radial-gradient(circle at 35% 20%,#efadb9 0,#8b5a6a 35%,#2d2330 78%)}
.po-avatar--2{background:radial-gradient(circle at 55% 20%,#f6c9e5 0,#aa6d9a 35%,#36243c 78%)}
.po-avatar--3{background:radial-gradient(circle at 40% 20%,#bcc2c6 0,#5e6d76 35%,#1f2b30 78%)}
.po-avatar--ally{width:26px;height:26px;border-radius:50%;font-size:11px;background:radial-gradient(circle at 50% 15%,#b7c8d4,#445e67 60%,#17282d)}
.po-case-info{min-width:0;display:flex;flex-direction:column;gap:3px}
.po-case-info strong{font-size:15px;line-height:1}
.po-case-info em{font-size:10px;font-style:normal;color:#d6fb8d;line-height:1.1}
.po-case-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3dedb;font-size:8px}
.po-case-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb8b1;font-size:8px;font-weight:500}
.po-followers{padding-left:6px;border-left:1px solid #eff8ef27;text-align:right;font-size:11px;white-space:nowrap}
.po-followers small{display:block;color:#b2bfba;font-size:7px}
.po-message{display:flex;flex-direction:column;padding:8px;gap:7px}
.po-message-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:27px;border-bottom:1px solid #eaf1eb25}
.po-channel-tabs{display:flex;gap:4px}
.po-channel-tabs button{min-width:47px;padding:6px 8px;border:1px solid #eaf1eb32;border-radius:3px;background:transparent;color:#eaf1eb;font:700 9px/1 'Space Grotesk',sans-serif;cursor:pointer}
.po-channel-tabs button.is-active{border-color:#c3f85c;background:#c3f85c;color:#172018}
.po-channel-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.po-chat-head{display:flex;align-items:center;gap:6px;min-height:26px;font-size:10px}
.po-chat-head small{color:#9bacaa;font-size:8px}
.po-email-meta{display:grid;gap:3px;padding:6px;border:1px solid #eaf1eb26;border-radius:3px;color:#dce4df;font-size:8px;line-height:1.3}
.po-email-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.po-email-meta b{display:inline-block;min-width:51px;color:#aabdba;font-size:8px;letter-spacing:.1em}
.po-message-scroll{flex:1 1 auto;min-height:74px;overflow:auto;border:1px solid #eaf1eb27;border-radius:6px;background:#1a292c;scrollbar-width:thin;scrollbar-color:#667670 #1a292c}
.po-message-copy{padding:12px;color:#eef3ed;font-family:'DM Sans',sans-serif;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.po-message-copy--chat{margin:8px 10px 8px 23px;border-radius:10px 10px 10px 2px;background:#233337}
.po-message-actions{display:grid;gap:6px}
.po-resources{display:flex;gap:5px;min-width:0}
.po-resource{flex:1 1 0;min-width:0;display:grid;gap:2px;padding:6px 8px;border:1px solid #c3f85c69;border-radius:3px;background:#1b2a26}
.po-resource span{font-size:7px;font-weight:700;letter-spacing:.1em;color:#c3f85c}
.po-resource strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.po-resource em{font-size:8px;font-style:normal;color:#cadfa9}
.po-ctas{display:flex;flex-wrap:wrap;gap:5px}
.po-cta{padding:5px 7px;border:1px solid #c3f85c76;border-radius:2px;color:#d5f2b0;font-size:8px;font-weight:700;letter-spacing:.04em}
.po-cta--primary{background:#c3f85c;color:#172018}
.po-structure{border-top:1px solid #eaf1eb25;padding-top:6px}
.po-structure>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:5px}
.po-structure>div>div{min-width:0;padding:5px;border:1px solid #eaf1eb2c;border-radius:3px}
.po-structure b{display:block;color:#c3f85c;font-size:8px;line-height:1.2}
.po-structure small{display:block;margin-top:3px;color:#d5dfdb;font-size:8px;line-height:1.25}
.po-profile{display:flex;flex-direction:column}
.po-profile-head{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 10px;border-bottom:1px solid #eaf1eb29}
.po-profile-head b{font-size:10px;color:#bac8c2}
.po-profile-body{min-height:0;overflow:auto;padding:9px;scrollbar-width:thin;scrollbar-color:#64736b #111b1c}
.po-identity{display:flex;gap:9px;align-items:center;padding-bottom:7px;border-bottom:1px solid #eaf1eb25}
.po-identity .po-avatar{width:54px;height:62px}
.po-identity>div{display:grid;gap:3px;min-width:0}
.po-identity strong{font-size:17px;line-height:1}
.po-identity span{font-size:10px}
.po-identity small{font-size:8px;color:#bbcbc5}
.po-tags{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}
.po-tags span{padding:4px 5px;border-radius:2px;background:#2b4650;color:#ebf4f4;font-size:7px;font-weight:700;letter-spacing:.03em}
.po-tags span:last-child{background:#504331}
.po-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:7px}
.po-signals>div{min-width:0;padding:5px;border:1px solid #eaf1eb2a;border-radius:3px}
.po-signals strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c3f85c;font-size:11px}
.po-signals small{display:block;color:#cddbd2;font-size:7px;line-height:1.2}
.po-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 9px}
.po-samples figure{min-width:0;margin:0}
.po-sample-art{height:58px;border:1px solid #eaf1eb3a;border-radius:3px;background:radial-gradient(circle at 65% 35%,#b0c8d0 0,#536e77 24%,#263e47 55%,#15252b 88%)}
.po-sample-art--2{background:radial-gradient(circle at 35% 30%,#dec5d5 0,#806e9a 30%,#333453 62%,#17202b 90%)}
.po-sample-art--3{background:radial-gradient(circle at 58% 30%,#e4c7c3 0,#936c80 30%,#463a56 62%,#171f2b 90%)}
.po-samples figcaption{margin-top:3px;color:#becbc4;font-size:7px;line-height:1.2}
.po-insight,.po-strategy{border-top:1px solid #eaf1eb25;padding-top:8px;margin-top:7px}
.po-insight>div,.po-strategy>div:not(.po-why){display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px;padding:4px 0;border-bottom:1px solid #eaf1eb1a}
.po-insight b,.po-strategy b{font-size:7px;letter-spacing:.09em;color:#c3f85c}
.po-insight p,.po-strategy p{margin:0;color:#e3ece7;font-size:8px;line-height:1.35}
.po-insight>strong{display:block;margin-top:5px;color:#c3f85c;font-size:10px;letter-spacing:.08em}
.po-approach{font-weight:700}
.po-why{margin-top:7px;padding:7px;border:1px solid #c3f85c9e;border-radius:3px}
.po-why p{margin-top:3px}
@media(max-width:1100px){.po-page-head{grid-template-columns:1fr}.po-method{justify-content:flex-start;gap:8px}.po-columns{grid-template-columns:minmax(145px,24%) minmax(0,43%) minmax(0,33%)}.po-signals{grid-template-columns:repeat(2,1fr)}.po-case{grid-template-columns:38px minmax(0,1fr)}.po-case .po-avatar{width:38px;height:48px}.po-followers{display:none}}
@media(max-width:760px){.po-page{overflow:auto;height:100%}.po-page-head{padding:10px}.po-method{font-size:8px;overflow-x:auto}.po-columns{display:flex;flex-direction:column;overflow:visible}.po-cases,.po-message,.po-profile{min-height:auto}.po-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.po-message{min-height:520px}.po-message-scroll{min-height:220px}.po-profile-body{overflow:visible}.po-signals{grid-template-columns:repeat(4,1fr)}}

/* The case study has less width than the reference mockup. Keep selection light and give the message room. */
.po-page-head{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:8px 12px}
.po-page-head h3{margin-bottom:0}
.po-method{font-size:8px;gap:4px}
.po-method span{padding:5px 2px}
.po-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px}
.po-cases{grid-column:1/-1;grid-row:1;padding:5px}
.po-case-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible}
.po-case{min-height:58px;grid-template-columns:36px minmax(0,1fr);gap:6px;padding:5px}
.po-case .po-avatar{width:36px;height:44px;font-size:13px}
.po-case-info strong{font-size:13px}
.po-case-info em{font-size:9px}
.po-case-info small{font-size:8px}
.po-message{grid-column:1;grid-row:2}
.po-profile{grid-column:2;grid-row:2}
.po-message-copy{font-size:12px;line-height:1.6}
.po-samples{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 8px}
.po-samples span{padding:5px 6px;border:1px solid #eaf1eb2d;border-radius:2px;color:#cbd8cf;font-size:8px;line-height:1.2}
.po-profile-body{padding:10px}
.po-insight p,.po-strategy p{font-size:9px;line-height:1.45}
.po-structure>div>div{padding:7px}
@media(max-width:760px){.po-page-head{grid-template-columns:1fr}.po-columns{display:flex;flex-direction:column;overflow:visible}.po-cases,.po-message,.po-profile{grid-column:auto;grid-row:auto}.po-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}.po-message{min-height:500px}.po-profile-body{overflow:visible}}

/* Desktop: a contact list, a readable message, and a compact profile rail. */
.po-page-head{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:7px 12px}
.po-page-head h3{margin:3px 0 0}
.po-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);gap:7px;padding:7px}
.po-cases{grid-column:1;grid-row:1;display:flex;flex-direction:column;padding:7px}
.po-case-list{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;overflow:auto}
.po-case{min-height:67px;grid-template-columns:52px minmax(0,1fr);gap:9px;padding:7px}
.po-case .po-avatar{width:52px;height:60px;font-size:15px}
.po-case-info{gap:4px}
.po-case-info strong{font-size:16px}
.po-case-info em{font-size:10px}
.po-case-info small{font-size:9px}
.po-message{grid-column:2;grid-row:1}
.po-profile{grid-column:3;grid-row:1}
.po-profile-body{overflow:auto}
.po-signals{grid-template-columns:repeat(2,minmax(0,1fr))}
.po-insight>div,.po-strategy>div:not(.po-why){grid-template-columns:68px minmax(0,1fr)}
@media(max-width:760px){.po-page-head{display:block}.po-columns{display:flex;flex-direction:column;overflow:visible}.po-cases,.po-message,.po-profile{grid-column:auto;grid-row:auto}.po-case-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;overflow:visible}.po-case{min-height:62px;grid-template-columns:38px minmax(0,1fr)}.po-case .po-avatar{width:38px;height:46px}.po-message{min-height:500px}.po-profile-body{overflow:visible}}

/* Personalized outreach: compact editorial three-column layout. */
.po-page-head{height:66px;flex:0 0 66px;padding:9px 14px;gap:14px}
.po-page-head h3{font-size:clamp(17px,1.35vw,22px);line-height:1.08;margin:5px 0 0}
.po-method{font-size:8px;gap:4px}
.po-method span{padding:4px 2px}
.po-columns{grid-template-columns:minmax(205px,24%) minmax(0,47%) minmax(250px,29%);gap:8px;padding:8px}
.po-case-list{flex:0 1 auto;grid-template-rows:repeat(4,112px);align-content:start;gap:7px;overflow-y:auto}
.po-case{min-height:0;grid-template-columns:72px minmax(0,1fr);gap:11px;padding:8px}
.po-case .po-avatar{width:72px;height:84px}
.po-case-info{gap:5px}
.po-case-info strong{font-size:17px}
.po-case-info em{font-size:10px}
.po-case-info small{font-size:9px}
.po-case-info b{font-size:8px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.po-avatar--0,.po-avatar--1,.po-avatar--2,.po-avatar--3{background-image:url('outreach-avatar-reference.png');background-repeat:no-repeat;background-size:1362px 622px;background-color:#1c2a2c}
.po-avatar--0{background-position:-8px -84px}
.po-avatar--1{background-position:-8px -217px}
.po-avatar--2{background-position:-8px -349px}
.po-avatar--3{background-position:-8px -481px}
.po-identity .po-avatar{width:72px;height:84px}
.po-message{gap:5px;padding:8px}
.po-message-head{min-height:26px}
.po-message-scroll{min-height:0}
.po-message-copy{font-size:11px!important;line-height:1.48!important;padding:10px 12px}
.po-message-copy--chat{margin:7px 8px 7px 16px}
.po-structure{padding-top:5px}
.po-structure>div>div{padding:5px}
.po-structure b{font-size:8px}
.po-structure small{font-size:7px}
.po-profile-head{padding:7px 9px}
.po-profile-body{padding:8px}
.po-tags{margin:6px 0}
.po-tags span{font-size:7px;padding:3px 5px}
.po-signals{gap:4px;margin-bottom:6px}
.po-signals>div{padding:4px}
.po-insight,.po-strategy{padding-top:6px;margin-top:6px}
.po-insight>div,.po-strategy>div:not(.po-why){grid-template-columns:66px minmax(0,1fr);padding:4px 0;gap:5px}
.po-page .po-insight p,.po-page .po-strategy p{font-size:10px!important;line-height:1.36!important;letter-spacing:0!important;font-weight:400!important}
.po-page .po-insight b,.po-page .po-strategy b{font-size:7px!important;line-height:1.25!important}
.po-insight>strong{font-size:9px}
@media(max-width:1100px) and (min-width:761px){.po-columns{grid-template-columns:minmax(170px,23%) minmax(0,48%) minmax(220px,29%)}.po-case-list{grid-template-rows:repeat(4,96px)}.po-case{grid-template-columns:56px minmax(0,1fr);gap:6px}.po-case .po-avatar{width:56px;height:68px}.po-case-info b{display:none}.po-identity .po-avatar{width:56px;height:68px}}
@media(max-width:760px){.po-page-head{height:auto;flex:0 0 auto;padding:10px}.po-case-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-content:start}.po-case{min-height:88px;grid-template-columns:48px minmax(0,1fr)}.po-case .po-avatar{width:48px;height:60px}.po-case-info b{display:none}.po-columns{display:flex;flex-direction:column}.po-identity .po-avatar{width:64px;height:76px}}
.po-samples figure{flex:1 1 0;min-width:0}
.po-sample-art{display:block;height:72px;border:1px solid #eaf1eb3a;border-radius:3px;background-image:url('outreach-avatar-reference.png');background-repeat:no-repeat;background-size:2270px 1036px}
.po-sample-art--1{background-position:-1573px -296px}
.po-sample-art--2{background-position:-1803px -296px}
.po-sample-art--3{background-position:-2033px -296px}
.po-samples figcaption{font-size:7px;line-height:1.2}

/* Contact cards mirror the selected reference: portrait, identity, count, and tags. */
.po-case-list{grid-template-rows:repeat(4,142px);gap:7px}
.po-case{display:grid;grid-template-columns:82px minmax(0,1fr) 74px;grid-template-rows:minmax(0,1fr) auto;column-gap:10px;row-gap:6px;padding:9px;align-items:center}
.po-case .po-avatar{grid-column:1;grid-row:1/3;width:82px;height:104px;background-size:1407px 642px}
.po-case .po-avatar--0{background-position:-8px -86px}
.po-case .po-avatar--1{background-position:-8px -224px}
.po-case .po-avatar--2{background-position:-8px -361px}
.po-case .po-avatar--3{background-position:-8px -497px}
.po-case-info{grid-column:2;grid-row:1;align-self:center;gap:6px}
.po-case-info strong{font-size:20px;line-height:1.05}
.po-case-info em{font-size:11px;line-height:1.15}
.po-case-info small{font-size:10px;line-height:1.2;color:#d8e2dc;white-space:normal}
.po-platform-mark{display:inline-grid;place-items:center;min-width:17px;min-height:17px;margin-right:2px;border:1px solid #b6c1b88a;border-radius:50%;color:#fff;font-size:12px;line-height:1}
.po-followers{display:block;grid-column:3;grid-row:1;align-self:center;padding-left:9px;text-align:left;border-left:1px solid #eff8ef2c;white-space:normal}
.po-followers strong{display:block;font-size:15px;line-height:1.1;font-weight:600;color:#f1f4ed}
.po-followers small{margin-top:4px;font-size:9px;line-height:1.1}
.po-case-tags{grid-column:2/4;grid-row:2;display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}
.po-case-tags span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:5px 6px;border-radius:3px;background:#315067;color:#e4edf4;font-size:8px;line-height:1.05}
.po-case-tags span:last-child{background:#514634;color:#efe8d7}
.po-case:nth-child(2) .po-case-info em{color:#edab82}
.po-case:nth-child(2) .po-case-tags span:last-child{background:#3c5934;color:#e2f7db}
.po-case:nth-child(3) .po-case-info em{color:#f08b85}
.po-case:nth-child(4) .po-case-info em{color:#a2d8ec}
@media(max-width:1100px) and (min-width:761px){.po-case-list{grid-template-rows:repeat(4,108px)}.po-case{grid-template-columns:56px minmax(0,1fr) 56px;gap:5px;padding:6px}.po-case .po-avatar{width:56px;height:70px;background-size:961px 439px}.po-case .po-avatar--0{background-position:-5px -59px}.po-case .po-avatar--1{background-position:-5px -153px}.po-case .po-avatar--2{background-position:-5px -247px}.po-case .po-avatar--3{background-position:-5px -339px}.po-case-info strong{font-size:15px}.po-case-info em{font-size:9px}.po-case-info small{font-size:8px}.po-followers{display:block;padding-left:5px}.po-followers strong{font-size:11px}.po-followers small{font-size:7px}.po-case-tags span{font-size:7px;padding:3px 4px}}
@media(max-width:760px){.po-case-list{grid-template-rows:auto}.po-case{min-height:96px;grid-template-columns:48px minmax(0,1fr) 54px;gap:5px;padding:6px}.po-case .po-avatar{width:48px;height:62px;background-size:823px 376px}.po-case .po-avatar--0{background-position:-5px -50px}.po-case .po-avatar--1{background-position:-5px -131px}.po-case .po-avatar--2{background-position:-5px -211px}.po-case .po-avatar--3{background-position:-5px -290px}.po-case-info strong{font-size:14px}.po-case-info em{font-size:9px}.po-case-info small{font-size:8px}.po-followers{display:block;padding-left:4px}.po-followers strong{font-size:10px}.po-followers small{font-size:7px}.po-case-tags span{font-size:7px;padding:3px 4px}}

/* Taller four-step message map. The message body remains the scrollable area. */
.po-structure{flex:0 0 auto;padding-top:8px}
.po-structure>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:8px}
.po-structure>div>.po-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:104px;padding:10px 9px;border-color:#dce9df3d;border-radius:5px}
.po-step:not(:last-child)::after{content:'›';position:absolute;top:42%;right:-12px;color:#e8eee8;font-size:23px;line-height:1}
.po-step-num{display:grid;place-items:center;width:27px;height:27px;margin-bottom:9px;border-radius:50%;background:#c3f85c;color:#1b2315;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 10px #c3f85c36}
.po-structure .po-step strong{display:block;color:#eff4ee;font-size:10px;font-weight:650;line-height:1.2;text-transform:capitalize}
.po-structure .po-step small{display:block;margin-top:5px;color:#c8d3cf;font-size:9px;line-height:1.3}
@media(max-width:760px){.po-structure>div{gap:7px}.po-structure>div>.po-step{min-height:98px;padding:7px 5px}.po-step:not(:last-child)::after{right:-8px;font-size:17px}.po-step-num{width:22px;height:22px;font-size:9px}.po-structure .po-step strong{font-size:8px}.po-structure .po-step small{font-size:7px}}

/* One shared tag vocabulary in the case list and profile. */
.po-case-list{grid-template-rows:repeat(4,minmax(154px,auto))}
.po-case{min-height:154px}
.po-case-tags{flex-wrap:wrap;align-content:end;white-space:normal;gap:5px}
.po-case-tags span{flex:0 1 auto;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:normal;font-size:9px;line-height:1.2;padding:5px 7px}
.po-page .po-tag-content{background:#315067;color:#e4edf4}
.po-page .po-tag-affinity{background:#514634;color:#efe8d7}
.po-page .po-tag-affinity.is-high{background:#3c5934;color:#e2f7db}
.po-page .po-tags .po-tag-content,.po-page .po-tags .po-tag-affinity,.po-page .po-tags .po-tag-extra{display:inline-block;padding:5px 7px;border-radius:3px;font-size:9px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none}
.po-page .po-tags .po-tag-extra{background:#283c43;color:#dbe9e9}
.po-tags{gap:5px;margin:8px 0 9px}
@media(max-width:1100px) and (min-width:761px){.po-case-list{grid-template-rows:repeat(4,minmax(120px,auto))}.po-case{min-height:120px}.po-case-tags span{font-size:7px;padding:4px 5px}}
@media(max-width:760px){.po-case-list{grid-template-rows:auto}.po-case{min-height:112px}.po-case-tags span{font-size:7px;padding:3px 4px}}

/* Stable contact rows at browser zoom and narrower panel widths. */
.po-cases{container-name:po-list;container-type:inline-size}
.po-case-list{display:flex;flex-direction:column;align-content:initial;grid-template-rows:none;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;gap:7px}
.po-case{display:flex;align-items:center;flex:0 0 auto;min-height:125px;width:100%;gap:10px;padding:9px;grid-template-columns:none;grid-template-rows:none}
.po-case .po-avatar{flex:0 0 64px;width:64px;height:64px;grid-column:auto;grid-row:auto;border-radius:50%;background-size:1407px 642px}
.po-case .po-avatar--0{background-position:-12px -96px}
.po-case .po-avatar--1{background-position:-12px -233px}
.po-case .po-avatar--2{background-position:-12px -370px}
.po-case .po-avatar--3{background-position:-12px -506px}
.po-case-body{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;gap:9px}
.po-case-top{display:flex;align-items:flex-start;justify-content:space-between;min-width:0;gap:7px}
.po-case .po-case-info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:4px;align-self:auto}
.po-page .po-case .po-case-info strong{display:block;margin:0;font-size:17px!important;line-height:1.1!important;white-space:nowrap}
.po-page .po-case .po-case-info em{display:block;margin:0;font-size:10px!important;line-height:1.2!important;overflow-wrap:normal}
.po-page .po-case .po-case-info small{display:block;margin:0;font-size:9px!important;line-height:1.2!important;white-space:normal}
.po-case .po-followers{display:block;flex:0 0 63px;grid-column:auto;grid-row:auto;align-self:center;min-width:0;margin:0;padding-left:7px;text-align:left}
.po-page .po-case .po-followers strong{display:block;font-size:14px!important;line-height:1.1!important;white-space:nowrap}
.po-page .po-case .po-followers small{display:block;font-size:8px!important;line-height:1.2!important;white-space:nowrap}
.po-case .po-case-tags{display:flex;flex-wrap:wrap;grid-column:auto;grid-row:auto;align-items:flex-start;gap:5px;min-width:0;white-space:normal}
.po-page .po-case .po-case-tags span{display:inline-block;flex:0 0 auto;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;font-size:8px;line-height:1.2;padding:5px 6px}
@container po-list (max-width:340px){.po-case{gap:7px;padding:7px;min-height:116px}.po-case .po-avatar{flex-basis:52px;width:52px;height:52px;background-size:1146px 523px}.po-case .po-avatar--0{background-position:-10px -78px}.po-case .po-avatar--1{background-position:-10px -190px}.po-case .po-avatar--2{background-position:-10px -302px}.po-case .po-avatar--3{background-position:-10px -413px}.po-case .po-followers{flex-basis:52px;padding-left:5px}.po-page .po-case .po-case-info strong{font-size:15px!important}.po-page .po-case .po-case-info em{font-size:9px!important}.po-page .po-case .po-case-tags span{font-size:7px;padding:4px 5px}}
@media(max-width:760px){.po-case-list{display:flex;flex-direction:column}.po-case{min-height:108px}.po-case .po-avatar{width:56px;height:56px;flex-basis:56px}}

/* The slogan stands on its own; the workflow graphic and banner are removed. */
.po-page-head{display:flex;align-items:center;justify-content:flex-start;height:52px;flex:0 0 52px;min-height:0;padding:8px 12px 4px;border:0;background:transparent}
.po-page-head h3{margin:0;color:#f4f4ee;font-size:clamp(18px,1.5vw,24px);line-height:1.1;letter-spacing:-.035em}
@media(max-width:760px){.po-page-head{display:flex;height:auto;min-height:48px;flex:0 0 auto;padding:9px 10px 5px}.po-page-head h3{font-size:18px}}

.po-page-head{height:58px;flex:0 0 58px;align-items:flex-start;padding:2px 12px 11px}
.po-page-head h3{margin:0;font-size:clamp(24px,1.9vw,30px);line-height:1.04;transform:translateY(-3px)}
.po-columns{padding-top:8px}
.po-message-copy{font-size:10px!important;line-height:1.39!important;padding:9px 11px}
.po-message-copy--chat{margin:6px 8px 6px 14px}
.po-profile-body{padding:7px}
.po-insight,.po-strategy{padding-top:5px;margin-top:5px}
.po-insight>div,.po-strategy>div:not(.po-why){padding:3px 0}
.po-page .po-insight p,.po-page .po-strategy p{font-size:9px!important;line-height:1.3!important}
@media(max-height:720px) and (min-width:761px){
  .po-page-head{height:52px;flex-basis:52px;padding-bottom:9px}
  .po-page-head h3{font-size:clamp(23px,2vw,29px)}
  .po-case{min-height:94px;padding:6px}
  .po-case .po-avatar{flex-basis:48px;width:48px;height:48px;background-size:1056px 483px}
  .po-case .po-avatar--0{background-position:-9px -72px}
  .po-case .po-avatar--1{background-position:-9px -175px}
  .po-case .po-avatar--2{background-position:-9px -278px}
  .po-case .po-avatar--3{background-position:-9px -380px}
  .po-case-body{gap:5px}
  .po-page .po-case .po-case-info strong{font-size:14px!important}
  .po-page .po-case .po-case-info em{font-size:8px!important}
  .po-page .po-case .po-case-info small{font-size:8px!important}
  .po-page .po-case .po-followers strong{font-size:11px!important}
  .po-page .po-case .po-case-tags span{font-size:7px;padding:3px 5px}
  .po-structure>div>.po-step{min-height:86px;padding:7px}
  .po-step-num{width:22px;height:22px;margin-bottom:6px;font-size:9px}
  .po-structure .po-step strong{font-size:8px}
  .po-structure .po-step small{font-size:7px}
  .po-message-copy{font-size:9px!important;line-height:1.32!important}
}
@media(max-width:760px){.po-page-head{height:auto;min-height:58px;flex:0 0 auto;align-items:flex-start;padding:2px 10px 14px}.po-page-head h3{font-size:clamp(22px,5vw,28px);transform:translateY(-2px)}}

/* Compact second-page layout: four complete contacts and a shorter step map. */
.po-case-list{gap:5px;overflow-y:hidden}
.po-case{flex:0 0 82px;height:82px;min-height:82px;align-items:center;gap:7px;padding:5px 7px}
.po-case .po-avatar{flex:0 0 44px;width:44px;height:44px;background-size:968px 443px}
.po-case .po-avatar--0{background-position:-8px -66px}
.po-case .po-avatar--1{background-position:-8px -160px}
.po-case .po-avatar--2{background-position:-8px -254px}
.po-case .po-avatar--3{background-position:-8px -348px}
.po-case-body{gap:4px;justify-content:center}
.po-case-top{gap:5px;align-items:center}
.po-case .po-case-info{gap:2px}
.po-page .po-case .po-case-info strong{font-size:14px!important;line-height:1!important}
.po-page .po-case .po-case-info em{font-size:9px!important;line-height:1.1!important}
.po-page .po-case .po-case-info small{font-size:8px!important;line-height:1.1!important;white-space:nowrap}
.po-case .po-followers{flex-basis:53px;padding-left:5px}
.po-page .po-case .po-followers strong{font-size:11px!important}
.po-page .po-case .po-followers small{font-size:7px!important}
.po-case .po-case-tags{gap:4px}
.po-page .po-case .po-case-tags span{font-size:7px;line-height:1.1;padding:3px 5px}
.po-platform-mark{min-width:13px;min-height:13px;font-size:9px}
.po-structure{padding-top:5px}
.po-structure>div{gap:12px;margin-top:5px}
.po-structure>div>.po-step{min-height:84px;height:84px;padding:6px 7px}
.po-step:not(:last-child)::after{top:39%;right:-10px;font-size:19px}
.po-step-num{width:18px;height:18px;margin-bottom:5px;font-size:8px;box-shadow:0 0 7px #c3f85c30}
.po-structure .po-step strong{font-size:10px;line-height:1.12}
.po-structure .po-step small{font-size:9px;line-height:1.18;margin-top:4px}
.po-identity{align-items:center;gap:8px;padding-bottom:7px}
.po-identity .po-avatar{flex:0 0 54px;width:54px;height:54px;border-radius:50%;background-size:1188px 543px}
.po-identity .po-avatar--0{background-position:-10px -81px}
.po-identity .po-avatar--1{background-position:-10px -196px}
.po-identity .po-avatar--2{background-position:-10px -311px}
.po-identity .po-avatar--3{background-position:-10px -426px}
.po-identity .po-identity-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}
.po-identity .po-identity-copy strong{font-size:15px;line-height:1}
.po-identity .po-identity-copy>span{font-size:9px;line-height:1.1}
.po-identity .po-identity-copy>small{font-size:8px;line-height:1.1}
.po-identity .po-tags{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0 0}
.po-page .po-identity .po-tags span{font-size:7px;padding:3px 4px;line-height:1.1;white-space:nowrap}
.po-signals{margin-top:7px}
@container po-list (max-width:315px){.po-case{gap:5px;padding:4px 5px}.po-case .po-avatar{flex-basis:38px;width:38px;height:38px;background-size:836px 382px}.po-case .po-avatar--0{background-position:-7px -57px}.po-case .po-avatar--1{background-position:-7px -138px}.po-case .po-avatar--2{background-position:-7px -219px}.po-case .po-avatar--3{background-position:-7px -300px}.po-case .po-followers{flex-basis:47px}.po-page .po-case .po-case-tags span{font-size:6px;padding:2px 3px}}
@media(max-width:760px){.po-case-list{overflow-y:visible}.po-case{flex-basis:auto;height:auto;min-height:86px}.po-structure>div>.po-step{height:auto;min-height:84px}.po-identity .po-avatar{width:54px;height:54px}}
/* Put both tags on their own full-width row so narrow cards stay within 82px. */
.po-case{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:7px;row-gap:2px}
.po-case .po-avatar{grid-column:1;grid-row:1;align-self:center}
.po-case-body{display:contents}
.po-case-top{grid-column:2;grid-row:1;align-self:center}
.po-case .po-case-tags{grid-column:1/3;grid-row:2;align-self:end;flex-wrap:wrap}
@container po-list (max-width:315px){.po-case{grid-template-columns:38px minmax(0,1fr);column-gap:5px}}
@media(max-width:760px){.po-case{grid-template-columns:44px minmax(0,1fr)}}
.po-signals{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:6px 0}
.po-signals>div{padding:3px}
.po-signals strong{font-size:9px;line-height:1.1}
.po-signals small{font-size:6px;line-height:1.12;white-space:normal}
@media(max-width:760px){.po-signals{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Activate: show the incentive mission panel, without the source image's case chrome. */
.activate-visual-crop{position:relative;display:block;width:100%;height:100%;min-height:0;overflow:hidden;background:#111513}
.activate-visual-crop img{position:absolute;display:block;left:-2.16%;top:-44.29%;width:162.97%;height:189.98%;max-width:none;object-fit:fill}
@media(max-width:760px){.activate-visual-crop{overflow:auto}.activate-visual-crop img{position:relative;left:-2.16%;top:-44.29%;width:auto;min-width:162.97%;height:189.98%;object-fit:contain;object-position:left top}}