/* Equal 3:4 cards: a benefit, one explanatory sentence, and concrete work. */
.poster-frame{container-type:inline-size;width:100%;min-width:0}
.intern-poster{--poster-bg:#f0e2cf;--poster-ink:#242726;position:relative;width:100%;aspect-ratio:3/4;box-sizing:border-box;background:var(--poster-bg);color:var(--poster-ink);border-radius:6cqw;overflow:hidden;isolation:isolate;box-shadow:0 4px 10px #24272614,0 24px 38px -22px #24272670;transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.poster-retention{--poster-bg:#0e61d9;--poster-ink:var(--brand-cream)}.poster-campaign{--poster-bg:#fde840}.poster-social{--poster-bg:#dbe7dd}.poster-care{--poster-bg:#e5dff3}
.poster-heading{position:absolute;top:6.5%;left:8%;right:8%;z-index:2}
.intern-poster .poster-category{font-family:'DM Sans',sans-serif;font-size:3cqw;line-height:1.3;letter-spacing:.09em;font-weight:700;margin:0 0 3cqw;color:inherit;opacity:.8}
.poster-retention .poster-category{opacity:1}
.intern-poster .poster-heading h2{font-family:'DM Sans',sans-serif;font-size:7.5cqw;font-weight:500;letter-spacing:-.04em;line-height:1.08;margin:0;color:inherit}
.intern-poster .poster-description{font-family:'DM Sans',sans-serif;font-size:3.8cqw;line-height:1.4;font-weight:400;letter-spacing:-.01em;margin:3cqw 0 0;color:inherit}
.poster-art{position:absolute;left:8%;right:8%;top:43%;height:37%;font-family:'DM Sans',sans-serif}
.poster-art :is(p,strong,small,span,b){font-family:inherit}.poster-art strong{font-weight:600}.poster-art p{margin:0}.poster-art small{display:block}
.intern-poster .poster-caption{position:absolute;left:8%;right:8%;bottom:6.5%;display:flex;align-items:center;justify-content:space-between;gap:3cqw;background:none;padding:0;margin:0;color:inherit;font-size:4cqw;line-height:1.3;letter-spacing:-.015em;border:0;text-align:left}
.intern-poster .poster-caption{display:grid;grid-template-columns:12cqw minmax(0,1fr) 4cqw;gap:2cqw}
.intern-poster .poster-caption p{order:0;width:auto;font-family:'DM Sans',sans-serif;font-size:inherit;line-height:inherit;margin:0;max-width:72cqw;font-weight:600;color:inherit}.poster-caption>span{font-size:5cqw;font-weight:400;flex:none}
/* Three research sources feed one clear, reviewable counter brief. */
.competitor-watch{position:absolute;left:0;top:0;width:100%;padding:3cqw 3.5cqw;background:#0e61d9;color:var(--brand-cream);border-radius:3cqw;transform:rotate(-2deg);box-shadow:0 3cqw 5cqw #24272615}
.watch-heading{display:flex;align-items:center;justify-content:space-between;gap:2cqw}.watch-heading .scene-label-text{font-size:2.8cqw;color:var(--brand-cream)}.watch-live{display:flex;align-items:center;gap:1.4cqw;font-size:3cqw;line-height:1;color:var(--brand-cream)}.watch-live i{width:1.7cqw;height:1.7cqw;border-radius:50%;background:#fde840;box-shadow:0 0 0 1cqw #fde84014}
.watch-sources{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-top:3cqw}.watch-sources>span{display:flex;align-items:center;gap:1.5cqw;font-size:3.2cqw;line-height:1.2;white-space:nowrap}.watch-sources svg{width:4.5cqw;height:4.5cqw;flex:none;color:#f0e2cf}.watch-sources>span:nth-child(2) svg{color:#dbe7dd}.watch-sources>span:nth-child(3) svg{color:#cbbddd}
.response-brief{position:absolute;right:0;bottom:0;width:96%;padding:3cqw 4cqw;background:#fffdf0;border-radius:2cqw 2cqw 4cqw 2cqw;transform:rotate(2deg);box-shadow:0 3cqw 5cqw #24272620}
.response-brief>span{font-size:2.8cqw;letter-spacing:.055em;line-height:1.2;display:flex;align-items:center;justify-content:space-between;color:#606563}.response-brief>span i{font-size:4.5cqw;line-height:.8;font-style:normal;color:#315e63}.response-brief>strong{display:block;font-size:5.4cqw;letter-spacing:-.03em;line-height:1.1;margin:2cqw 0}.response-brief>small{font-size:3.2cqw;line-height:1.3;color:#254c51;letter-spacing:-.01em}
/* Small, consistent labels make the workflow readable without adding more copy. */
.scene-label-text{display:block;font-size:2.8cqw;font-weight:600;letter-spacing:.055em;line-height:1.2}
.scene-status{display:inline-flex;align-items:center;gap:1cqw;padding:1cqw 2cqw;border-radius:99px;background:#dbe7dd;color:#315e63;font-size:3cqw;line-height:1;font-weight:500;white-space:nowrap}
/* A labeled carrier event leads to a sent update and a clear team handoff. */
.story-retention{top:41%}
.parcel-scene{height:14cqw;display:flex;align-items:center;gap:2.5cqw;padding:1.5cqw 3cqw;background:#ffffff10;border-radius:3cqw}
.parcel-scene svg{flex:none;width:12cqw;height:12cqw;overflow:visible}.parcel-scene>div{flex:1;min-width:0}.parcel-scene .scene-label-text{color:var(--brand-cream);margin-bottom:1.5cqw}.parcel-scene strong{font-size:4.1cqw;line-height:1.15;display:block;color:var(--brand-cream)}
.delay-badge{align-self:center;padding:1.2cqw 1.8cqw;border-radius:1.5cqw;background:#fde840;color:#242726;font-size:3.1cqw;line-height:1;white-space:nowrap}
.delivery-letter{margin-top:2.5cqw;background:#fffdf0;color:#242726;padding:3cqw 3.5cqw;border-radius:3cqw;transform:rotate(-2deg);box-shadow:0 3cqw 5cqw #24272620}
.delivery-meta{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-bottom:2cqw}.delivery-meta .scene-label-text{color:#606563}
.delivery-letter>strong{font-size:4.3cqw;line-height:1.2;display:block;letter-spacing:-.02em}.delivery-letter>p{font-size:3.5cqw;line-height:1.3;margin-top:1.5cqw;color:#315e63}
.vip-handoff{display:flex;align-items:center;gap:2cqw;margin-top:2.5cqw;padding:1.5cqw 2.5cqw;border:1px solid #c2d6f126;border-radius:2.5cqw;background:#ffffff0b;color:var(--brand-cream)}
.handoff-icon{display:grid;place-items:center;flex:none;width:6.5cqw;height:6.5cqw;border-radius:2cqw;background:#cbbddd;color:#0e61d9}.handoff-icon svg{width:4.7cqw;height:4.7cqw}.handoff-copy{display:grid;gap:.8cqw;min-width:0}.handoff-copy strong{font-size:3.3cqw;line-height:1.1;letter-spacing:-.01em}.handoff-copy>span{font-size:3cqw;line-height:1.15;color:var(--brand-cream)}.handoff-status{display:inline-flex;align-items:center;gap:1cqw;margin-left:auto;flex:none;padding:1.2cqw 1.6cqw;border-radius:99px;background:#dbe7dd;color:#315e63;font-size:2.8cqw;line-height:1.1;font-weight:500}
/* A named launch brief anchors all three creative executions. */
.campaign-brief{height:11.5cqw;display:flex;align-items:center;gap:2cqw;padding:2cqw 3cqw;background:#fffdf095;border-radius:3cqw;color:#242726}
.brief-icon{display:grid;place-items:center;width:6cqw;height:6cqw;flex:none}.brief-icon svg{width:100%;height:100%}.campaign-brief .scene-label-text{font-size:2.5cqw;letter-spacing:.055em;margin-bottom:1cqw;color:#536240}.campaign-brief strong{display:block;font-size:3.8cqw;line-height:1.1;font-weight:500}.brief-check{display:grid;place-items:center;width:5cqw;height:5cqw;background:#dbe7dd;color:#315e63;border-radius:50%;font-size:3cqw;margin-left:auto}
.campaign-sheet{position:absolute;padding:3cqw;border-radius:3cqw;box-shadow:0 3cqw 5cqw #24272620;transform-origin:center center}
.campaign-sheet>span{display:block;font-size:3cqw;line-height:1.2;letter-spacing:.035em;font-weight:600}.campaign-sheet>strong{display:block;font-family:Georgia,serif;line-height:1.04;font-size:6cqw;font-weight:400;letter-spacing:-.04em;margin:2cqw 0 0}
.sheet-email{left:0;top:34%;width:64%;height:63%;background:#fffdf0;transform:rotate(-5deg);z-index:2}.sheet-email>small{font-size:2.8cqw;line-height:1.2;background:#dbe7dd;padding:1.3cqw;margin-top:2cqw;border-radius:1.5cqw;white-space:nowrap}
.sheet-web{right:3%;top:33%;width:43%;height:61%;background:#0e61d9;color:var(--brand-cream);transform:rotate(6deg);overflow:hidden}.linen-motif{position:absolute;top:10cqw;right:-3cqw;display:flex;gap:2cqw;rotate:-25deg}.linen-motif i{display:block;width:7cqw;height:32cqw;border-radius:12cqw;background:#f0e2cf}.linen-motif i:nth-child(2){background:#cbbddd}.linen-motif i:nth-child(3){background:#dbe7dd}
.sheet-social{right:0;bottom:0;width:47%;height:43%;background:#cbbddd;transform:rotate(7deg);z-index:3;overflow:hidden}.sheet-social>strong{font-family:'DM Sans',sans-serif;position:relative;z-index:2;font-size:4.7cqw;line-height:1.08;margin-top:2cqw;font-weight:500}.sheet-social>i{position:absolute;width:17cqw;height:17cqw;border-radius:50%;background:#b39acd;right:-5cqw;bottom:-6cqw}
/* One publishing calendar keeps the story focused, with an unobscured review state. */
.social-calendar{position:absolute;inset:0;padding:3.5cqw;background:#fffdf0;border-radius:3cqw;box-shadow:0 3cqw 5cqw #24272615;transform:rotate(-2deg)}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:2cqw}.calendar-heading .scene-label-text{font-size:2.8cqw;letter-spacing:.035em}.calendar-week{font-size:3cqw;color:#315e63;line-height:1.2;white-space:nowrap}
.social-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5cqw;margin-top:2.5cqw}.social-day>span{display:block;font-size:2.9cqw;line-height:1.2;letter-spacing:.06em;color:#606563;margin-bottom:1.4cqw;padding-left:2.5cqw}.social-slot{display:flex;flex-direction:column;align-items:flex-start;gap:1.3cqw;padding:2.2cqw 3cqw;border-radius:2cqw;background:#e5dff3;transition:transform .5s cubic-bezier(.22,1,.36,1)}.channel-mark{display:block;width:6cqw;height:6cqw;object-fit:contain;flex:none}.slot-linkedin .channel-mark{object-fit:cover;object-position:left;border-radius:1.2cqw}.slot-tiktok .channel-mark{border-radius:1.2cqw}.social-slot strong{font-size:3.8cqw;line-height:1.1;font-weight:600;margin-top:.5cqw}.social-slot small{font-size:2.9cqw;line-height:1.1;color:#606563}.social-slot .slot-status{display:flex;align-items:center;gap:1cqw;white-space:nowrap;font-size:2.9cqw;color:#606563}.slot-status::before{content:"";width:1.2cqw;height:1.2cqw;border-radius:50%;background:#7b807d;flex:none}.slot-linkedin{background:#dce7f5}.slot-tiktok{background:#f0e2cf}
.calendar-review{display:flex;align-items:center;gap:2cqw;margin-top:2cqw;padding:1.3cqw 2.5cqw;border-radius:2cqw;background:#e7eee2;color:#315e63;font-size:3.4cqw;line-height:1.15}.calendar-review>span:first-child{display:grid;place-items:center;width:4.5cqw;height:4.5cqw;background:#d2e2d6;border-radius:50%;flex:none;font-size:3cqw}.calendar-review strong{font-weight:500}.calendar-review>span:last-child{margin-left:auto;font-size:3.8cqw}
/* After-hours care shows a verified order action, not just a product answer. */
.care-session{display:flex;align-items:center;justify-content:space-between;padding:1.5cqw 2.5cqw;margin-bottom:3cqw;background:#fffdf04d;border-radius:2.5cqw}
.conversation-time{display:inline-flex;align-items:center;gap:1.5cqw;font-size:3.3cqw;line-height:1.2;color:#654b7a}.conversation-time svg{width:4.5cqw;height:4.5cqw;flex:none}
.shopper-question{padding:2.7cqw 4cqw;background:#cfc0e1;border-radius:3cqw 3cqw .8cqw 3cqw;margin-left:10%;font-size:3.8cqw;line-height:1.3}
.grounded-reply{padding:3cqw 3.5cqw;background:#fffdf0;border-radius:3cqw 3cqw 3cqw .8cqw;margin:3cqw 3% 0 0;transform:rotate(-1.5deg);box-shadow:0 3cqw 5cqw #24272614}.care-receipt-meta{display:flex;justify-content:space-between;align-items:center;gap:1cqw;color:#606563}.care-receipt-meta>span:last-child{font-size:2.9cqw;line-height:1.2}
.care-action{display:flex;align-items:center;gap:2cqw;margin-top:3cqw}.care-action>span{display:grid;place-items:center;width:6cqw;height:6cqw;flex:none;border-radius:50%;background:#dbe7dd;color:#315e63;font-size:3.8cqw}.care-action>strong{font-size:4.9cqw;line-height:1.2;letter-spacing:-.025em}.grounded-reply>p{font-size:3.1cqw;line-height:1.3;margin-top:2.5cqw;color:#315e63}
.competitor-watch,.response-brief,.delivery-letter,.campaign-sheet,.social-calendar,.grounded-reply{transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .intern-poster:hover{translate:0 -5px;box-shadow:0 7px 16px #2427261c,0 32px 44px -22px #24272685}
 .poster-radar:hover .competitor-watch{transform:rotate(-1deg) translateY(-1px)}.poster-radar:hover .response-brief{transform:rotate(1deg) translateY(-2px)}.poster-radar:hover .watch-live i{animation:detail-dim 3s ease-in-out infinite}
 .poster-retention:hover .delivery-letter{transform:rotate(-1deg) translateY(-2px)}.poster-retention:hover .parcel{animation:detail-float 4s ease-in-out infinite}
 .poster-campaign:hover .sheet-email{transform:rotate(-7deg) translateY(-2px)}.poster-campaign:hover .sheet-web{transform:rotate(8deg) translateY(-3px)}.poster-campaign:hover .sheet-social{transform:rotate(9deg) translateY(1px)}
 .poster-social:hover .social-calendar{transform:rotate(-1deg) translateY(-2px)}.poster-social:hover .social-slot{transform:translateY(-1px)}
 .poster-care:hover .grounded-reply{transform:rotate(0deg) translateY(-2px)}.poster-care:hover .conversation-time svg{animation:detail-dim 4s ease-in-out infinite}
}
@keyframes detail-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes detail-dim{0%,100%{opacity:1}50%{opacity:.6}}
@media(prefers-reduced-motion:reduce){.intern-poster,.intern-poster *{animation:none!important;transition:none!important}}

/* A small ambient signature uses the same liquid surface and blink as the header. */
.poster-agent.header-monster{--agent-light:#bc9b6d;--agent-mid:#d5bd96;--agent-rim:#fff3da;--agent-eyes:#242726;width:12cqw;height:12cqw;align-self:center}
.poster-retention .poster-agent{--agent-light:#b9d7ff;--agent-mid:#5193ee;--agent-rim:#e2eeff;--agent-eyes:#fffdd7}
.poster-campaign .poster-agent{--agent-light:#b68b16;--agent-mid:#e6bd27;--agent-rim:#fff8a3;--agent-eyes:#242726}
.poster-social .poster-agent{--agent-light:#6a9384;--agent-mid:#a7c3b3;--agent-rim:#eff8e7;--agent-eyes:#254c51}
.poster-care .poster-agent{--agent-light:#a08aba;--agent-mid:#c1b1d5;--agent-rim:#f4ecff;--agent-eyes:#614774}

/* Light coral gives Market radar a warm, coherent source-to-brief palette. */
.poster-radar { --poster-bg: #f4c7bc; }
.poster-radar .competitor-watch { background: #fbe3dc; color: #633f37; border: 1px solid #dea99b; box-shadow: 0 3cqw 5cqw rgb(99 63 55 / .1); }
.poster-radar .watch-heading,
.poster-radar .watch-heading .scene-label-text,
.poster-radar .watch-live { color: #633f37; }
.poster-radar .watch-sources svg,
.poster-radar .watch-sources > span:nth-child(2) svg,
.poster-radar .watch-sources > span:nth-child(3) svg { color: #80574d; }
.poster-radar .watch-live i { background: var(--status-success); box-shadow: 0 0 0 1cqw rgb(47 102 82 / .1); }
.poster-radar .response-brief { background: #fff8f3; }
.poster-radar .response-brief > span,
.poster-radar .response-brief > small { color: #6c514a; }
.poster-radar .poster-agent { --agent-light: #c58973; --agent-mid: #dbad98; --agent-rim: #fff4ec; }
