/* Campaign artwork determines card height; captions stay directly below it. */
.portfolio-marketing-page .marketing-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.campaign-column{display:flex;flex-direction:column;gap:var(--sj-grid-gap,24px);min-width:0}
.portfolio-marketing-page .marketing-story-grid figure{display:block;height:auto;min-height:0}
.portfolio-marketing-page .marketing-story-grid figcaption{padding:10px 18px 18px;gap:6px;margin:0}
.portfolio-marketing-page .marketing-story-grid .art-crop{line-height:0;margin:0}
.portfolio-marketing-page .marketing-visual{position:relative;overflow:hidden;background:#173e31!important;min-height:480px}
.campaign-hero-art{position:absolute;right:0;top:0;width:58%;height:100%;display:flex;align-items:center;overflow:hidden;opacity:.48}
.campaign-hero-art .art-crop{width:100%;flex:none}
.portfolio-marketing-page .marketing-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#173e31 25%,rgba(23,62,49,.9) 43%,rgba(23,62,49,.15) 78%);pointer-events:none}
.portfolio-marketing-page .marketing-visual .wrap{position:relative;z-index:1}
@media(max-width:900px){.portfolio-marketing-page .marketing-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.campaign-hero-art{width:75%}}
@media(max-width:620px){.portfolio-marketing-page .marketing-story-grid{grid-template-columns:1fr}.campaign-column:last-child{display:flex;grid-column:auto}.campaign-hero-art{width:100%;opacity:.32}.portfolio-marketing-page .marketing-visual{min-height:420px}.portfolio-marketing-page .marketing-visual::after{background:linear-gradient(90deg,rgba(23,62,49,.94),rgba(23,62,49,.45))}}

/* Clear transition from directory campaigns to work for other brands. */
.portfolio-marketing-page .marketing-other-work{border-top:1px solid rgba(228,182,46,.5)}
.portfolio-marketing-page .marketing-other-work .section-head{margin-bottom:32px}

/* Cards follow reading order across rows and down the mobile page. */
.portfolio-marketing-page .marketing-ordered-grid{margin-top:24px}
.portfolio-marketing-page .marketing-ordered-grid .verizon-new-piece{max-width:none!important}
.portfolio-marketing-page .marketing-ordered-grid .is-thumbnail .verizon-new-art{max-width:260px}
.portfolio-marketing-page .marketing-campaign-chapter{margin-top:48px}

/* Use the extracted storyboard frame directly, without an oversized crop. */
.campaign-hero-art > img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}