/* Application scene density: retain canonical tabs and natural image proportions. */
.media-refresh #scenes{padding:32px 0;min-height:0;height:auto}
.media-refresh #scenes>.marketing-shell>.marketing-section-head{margin:0 auto 20px;max-width:none}
.media-refresh #scenes>.marketing-shell>.marketing-section-head .marketing-section-kicker{margin-bottom:8px}
.media-refresh #scenes>.marketing-shell>.marketing-section-head h2{margin:0 0 8px;font-size:34px;line-height:1.3}
.media-refresh #scenes>.marketing-shell>.marketing-section-head p{font-size:14px;line-height:1.65}
.media-refresh #scenes .site-standard-tabs{margin-bottom:20px!important}
.media-refresh #scenes .ms-panel{padding:20px!important}
.media-refresh #scenes .ms-panel>.marketing-scene-card{padding-bottom:12px;margin-bottom:16px;gap:6px 24px}
.media-refresh #scenes .ms-panel>.marketing-scene-card h3{font-size:18px;line-height:1.4}
.media-refresh #scenes .ms-panel>.marketing-scene-card li{padding:5px 9px}
.media-refresh #scenes #client-enterprise .mr-head{margin:0 0 14px}
.media-refresh #scenes #client-enterprise .mr-head h2{font-size:24px;line-height:1.35;margin:0 0 6px}
.media-refresh #scenes #client-enterprise .mr-head p{line-height:1.6;margin:0}
.media-refresh #scenes #client-enterprise .mr-grid{gap:10px}
.media-refresh #scenes #client-enterprise .mr-card{padding:14px}
.media-refresh #scenes #client-enterprise .mr-card>p{margin:8px 0 0;min-height:42px;line-height:1.6}
.media-refresh #scenes #client-enterprise .mr-card ul{margin:8px 0 0;padding-top:8px;gap:5px}
.media-refresh #scenes #client-enterprise .mr-card li{padding:3px 6px}
.media-refresh #scenes .marketing-scenario{gap:24px}
.media-refresh #scenes .marketing-scenario h2{font-size:26px;margin-bottom:10px}
.media-refresh #scenes .marketing-deliverables{margin-top:14px;gap:8px}
.media-refresh #scenes .marketing-deliverable{padding:12px}
.media-refresh #scenes #client-gov .marketing-scenario{grid-template-columns:minmax(0,1fr) minmax(240px,.65fr)}
@media(min-width:1101px) and (max-height:800px){
.media-refresh #scenes{padding:20px 0}
.media-refresh #scenes>.marketing-shell>.marketing-section-head{margin-bottom:12px}
.media-refresh #scenes>.marketing-shell>.marketing-section-head h2{font-size:30px}
.media-refresh #scenes .site-standard-tabs{margin-bottom:12px!important}
.media-refresh #scenes .site-standard-tabs .site-standard-tab{padding:10px 14px!important}
.media-refresh #scenes .ms-panel{padding:14px!important}
.media-refresh #scenes .ms-panel>.marketing-scene-card{margin-bottom:10px;padding-bottom:10px}
.media-refresh #scenes #client-enterprise .mr-head{margin-bottom:10px}
.media-refresh #scenes #client-enterprise .mr-card{padding:10px 12px}
}
@media(max-width:760px){
.media-refresh #scenes{padding:32px 0}
.media-refresh #scenes>.marketing-shell>.marketing-section-head h2{font-size:27px}
.media-refresh #scenes .ms-panel{padding:16px!important}
.media-refresh #scenes .marketing-scenario{grid-template-columns:1fr;gap:18px}
.media-refresh #scenes #client-gov .marketing-scenario{grid-template-columns:1fr}
.media-refresh #scenes .ms-panel>.marketing-scene-card{gap:8px}
.media-refresh #scenes .marketing-scenario h2,.media-refresh #scenes #client-enterprise .mr-head h2{font-size:22px}
.media-refresh #scenes #client-enterprise .mr-card>p{min-height:0}
}

@media(min-width:1101px) and (max-height:800px){
.media-refresh #scenes{padding:8px 0}
.media-refresh #scenes #client-enterprise .mr-head{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}
.media-refresh #scenes #client-enterprise .mr-head h2{font-size:22px;margin:0}
.media-refresh #scenes #client-enterprise .mr-head p{font-size:13px;line-height:1.6}
.media-refresh #scenes .ms-panel>.marketing-scene-card{grid-template-columns:.9fr 1.35fr 1.6fr;align-items:center;gap:14px}
.media-refresh #scenes .ms-panel>.marketing-scene-card>p{grid-column:2}
.media-refresh #scenes .ms-panel>.marketing-scene-card>ul{grid-column:3;grid-row:1;gap:4px}
.media-refresh #scenes .ms-panel>.marketing-scene-card li{padding:3px 7px;font-size:11px}
.media-refresh #scenes #client-enterprise .mr-card{padding:8px 12px}
.media-refresh #scenes #client-enterprise .mr-card>p{margin-top:6px}
.media-refresh #scenes #client-enterprise .mr-card ul{margin-top:6px;padding-top:6px}
}

/* Text-only client details; image captions retained as service outcomes. */
.media-refresh #scenes :is(#client-venue,#client-brand,#client-gov) .marketing-scenario{display:block}
.media-refresh #scenes :is(#client-venue,#client-brand,#client-gov) .marketing-scenario-copy{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:32px;row-gap:22px;align-items:center}
.media-refresh #scenes .marketing-scenario-copy>h2{margin:0}
.media-refresh #scenes .marketing-scenario-copy>.marketing-section-kicker{display:none}
.media-refresh #scenes .marketing-scenario-copy>p{margin:0;font-size:14px;line-height:1.8}
.media-refresh #scenes .marketing-deliverables{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:14px}
.media-refresh #scenes .marketing-deliverable{padding:22px 18px;border:1px solid #e0e9f7;border-radius:12px;background:#fff;box-shadow:none}
.media-refresh #scenes .marketing-deliverable strong{display:block;font-size:16px;margin:0 0 10px;color:#153862}
.media-refresh #scenes .marketing-deliverable span{font-size:13px;line-height:1.7;color:#62758e}
.media-refresh #scenes .ms-scene-outcome{margin:18px 0 0;padding:12px 16px;border-left:3px solid #0049ff;border-radius:0 8px 8px 0;background:#edf4ff;color:#315881;font-size:13px;line-height:1.7}
@media(max-width:1100px){.media-refresh #scenes .marketing-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1101px) and (max-height:800px){.media-refresh #scenes :is(#client-venue,#client-brand,#client-gov) .marketing-scenario-copy{row-gap:16px}.media-refresh #scenes .marketing-deliverable{padding:18px 14px}.media-refresh #scenes .ms-scene-outcome{margin-top:14px;padding:10px 14px}}
@media(max-width:760px){.media-refresh #scenes :is(#client-venue,#client-brand,#client-gov) .marketing-scenario-copy{grid-template-columns:1fr;gap:12px}.media-refresh #scenes .marketing-deliverables{gap:10px}.media-refresh #scenes .marketing-deliverable{padding:14px 12px}.media-refresh #scenes .marketing-deliverable strong{font-size:14px;margin-bottom:8px}.media-refresh #scenes .marketing-deliverable span{font-size:12px}.media-refresh #scenes .ms-scene-outcome{padding:10px 12px}}

.media-refresh #scenes :is(#client-venue,#client-brand,#client-gov)>.marketing-shell{width:100%;max-width:none;margin:0}
