/* Static illustrations share one material palette. Explicit boxes prevent loading shifts. */
.interface-art{display:block;width:160px;height:160px;max-width:100%;object-fit:contain;flex-shrink:0;pointer-events:none;user-select:none}
.engagement-home.engagement-home-artful .hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:440px;min-width:0;margin:0 auto}
.engagement-home.engagement-home-artful .hero-art>.home-hero-illustration{display:block;width:100%;height:300px;max-height:300px;object-fit:contain;margin:0;transform:none;filter:none}
.engagement-home.engagement-home-artful .hero-caption{margin-top:0}
.collection-heading{display:flex;align-items:center;gap:18px;min-width:0}
.collection-heading>div{min-width:0}
.collection-heading .collection-art{width:104px;height:104px}
.collection-heading p{margin-bottom:0}
.empty>.empty-art{width:156px;height:156px;margin:0 auto 12px}
.artful-callout{display:flex;align-items:center}
.artful-callout .callout-art{width:112px;height:112px}
.artful-callout>div{flex:1;min-width:0}
.illustrated-heading{display:flex;align-items:center;gap:22px;margin-bottom:18px}
.illustrated-heading>div{min-width:0}
.illustrated-heading .guidance-art{width:140px;height:140px}
.illustrated-heading h1{margin-bottom:0}
.entry-campaign-head{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px}
.entry-campaign-cover{display:block;width:112px;height:84px;object-fit:contain;background:var(--panel2);border:1px solid var(--line);border-radius:5px}
.entry-campaign-copy{min-width:0}
.entry-campaign-copy h3{overflow-wrap:anywhere;margin-bottom:7px}
.entry-campaign-head>.row{justify-content:flex-end;flex-wrap:wrap}
#createForm .creator-offer-summary>.creator-cover-missing{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8px;background:var(--panel2);text-align:center;color:var(--muted)}
#createForm .creator-cover-missing .interface-art{width:78px;height:78px}
#createForm .creator-cover-missing small{font-size:10px;line-height:1.5}
@media(max-width:1000px){
 .engagement-home.engagement-home-artful .hero-art>.home-hero-illustration{height:240px;max-height:240px}
 .entry-campaign-head{grid-template-columns:96px minmax(0,1fr)}
 .entry-campaign-cover{width:96px;height:76px;grid-row:1 / span 2}
 .entry-campaign-head>.row{grid-column:2;justify-content:flex-start}
}
@media(max-width:600px){
 #participantWorkspace[data-screen=campaign]>.participant-heading{display:block}
 #participantWorkspace[data-screen=campaign]>.participant-heading>.participant-heading-meta{max-width:none;justify-content:flex-start;margin-top:8px;gap:8px}
 #participantWorkspace[data-screen=campaign]>.participant-heading>.participant-heading-meta .btn{margin-left:auto}
 .engagement-home.engagement-home-artful .hero-art{max-width:230px;margin-top:10px}
 .engagement-home.engagement-home-artful .hero-art>.home-hero-illustration{height:190px;max-height:190px}
 .collection-heading{gap:11px}
 .collection-heading .collection-art{width:72px;height:72px}
 .collection-heading .section-kicker{font-size:9px;letter-spacing:1px}
 .collection-heading :is(h1,h2){font-size:25px;line-height:1.12}
 .collection-heading p{font-size:11px;line-height:1.5}
 .artful-callout{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}
 .artful-callout .callout-art{width:76px;height:76px}
 .artful-callout h2{font-size:22px}
 .artful-callout>.btn{grid-column:1 / -1;justify-self:start}
 .empty>.empty-art{width:128px;height:128px}
 .illustrated-heading{gap:12px;margin-bottom:14px}
 .illustrated-heading .guidance-art{width:88px;height:88px}
 .illustrated-heading .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:8px}
 .illustrated-heading h1{font-size:29px;line-height:1.1}
 .entry-campaign-head{grid-template-columns:72px minmax(0,1fr);gap:10px 12px}
 .entry-campaign-cover{width:72px;height:72px;grid-row:1}
 .entry-campaign-head>.row{grid-column:1 / -1;justify-content:space-between}
}