/* Approved illustrated artwork; live text stays readable and accessible. */
.street-billboard.poster-billboard{display:grid;grid-template-columns:46% 54%;padding:0;background:#07182e;color:#f2f5fc;border:3px solid #15283b;box-shadow:inset 0 0 0 1px #8391a4}
.campaign-poster-photo{background-image:url('/media/pixel-ad-artwork.png');background-size:auto 300%;background-position:0 0;background-repeat:no-repeat;border:0;image-rendering:pixelated}
.campaign-poster-copy{padding:8px 7px;justify-content:center;gap:8px;color:#f2f5fc}.campaign-poster-copy>span{order:2;font-size:clamp(6px,.58vw,12px);font-weight:400;color:#bccce4}.campaign-poster-copy strong{order:1;font:700 clamp(10px,1.1vw,22px)/1.06 monospace;letter-spacing:-.05em}.campaign-poster-copy small{order:3;font-size:clamp(6px,.58vw,12px);color:#d6e5fb}
.taxi-caption[data-ad]{background:#334b76;color:#f5f8ff;border:3px solid #132235;border-left:3px solid #132235;border-right:3px solid #132235;border-top:3px solid #132235;border-bottom:3px solid #132235;left:24.5%;width:47%;top:12%;height:22%;padding:7px 20cqw 7px 11px;text-align:left;align-items:flex-start;gap:4px;overflow:hidden;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}
.taxi-caption[data-ad] .ad-kicker{display:none}.taxi-caption[data-ad] strong{font:700 clamp(12px,2.4cqw,27px)/1.05 monospace;letter-spacing:-.06em;position:relative;z-index:1;white-space:normal;text-transform:uppercase}
.taxi-caption[data-ad] .ad-description{font:400 clamp(9px,1.25cqw,15px)/1.2 monospace;color:#e3eafb;position:relative;z-index:1;letter-spacing:-.04em;max-width:none}
.taxi-caption[data-ad] .ad-visual{display:block;position:absolute;top:0;bottom:0;left:auto;right:0;width:42%;height:auto;border:0;opacity:1;background-image:url('/media/pixel-ad-artwork.png');background-size:auto 300%;background-position:100% 50%;background-repeat:no-repeat;image-rendering:pixelated}
.taxi-caption[data-ad]::after{content:'↗';right:6px;top:auto;bottom:4px;transform:none;font:700 clamp(14px,2.6cqw,28px)/1 monospace;color:#fff;z-index:2}
.taxi-caption[data-ad='0'],.taxi-caption[data-ad='1'],.taxi-caption[data-ad='7']{background:#07182e}.taxi-caption[data-ad='0'] .ad-visual,.taxi-caption[data-ad='1'] .ad-visual,.taxi-caption[data-ad='7'] .ad-visual{background-position:0 0}
.taxi-caption[data-ad='4'],.taxi-caption[data-ad='5'],.taxi-caption[data-ad='6'],.taxi-caption[data-ad='9']{background:#05323d;padding:7px 20px 7px 20cqw;align-items:flex-start}.taxi-caption[data-ad='4'] .ad-visual,.taxi-caption[data-ad='5'] .ad-visual,.taxi-caption[data-ad='6'] .ad-visual,.taxi-caption[data-ad='9'] .ad-visual{left:0;right:auto;width:39%;background-position:0 100%}
.taxi-caption[data-ad='3']{background:#253f61}.taxi-caption[data-ad='8']{background:#263854}
.taxi-caption[data-ad]:hover{outline:3px solid #d7e7ff;outline-offset:2px}
@media(max-width:700px){.taxi-caption[data-ad]{height:24%;top:10%;padding:5px 20cqw 5px 9px;gap:3px}.taxi-caption[data-ad] strong{font-size:13px}.taxi-caption[data-ad] .ad-description{font-size:9px}.taxi-caption[data-ad='4'],.taxi-caption[data-ad='5'],.taxi-caption[data-ad='6'],.taxi-caption[data-ad='9']{padding:5px 18px 5px 20cqw}.campaign-poster-copy{padding:6px;gap:5px}.campaign-poster-copy strong{font-size:12px}.campaign-poster-copy>span,.campaign-poster-copy small{font-size:7px}}
.campaign-poster-photo{background-position:46% 0}.taxi-caption[data-ad='0'] .ad-visual,.taxi-caption[data-ad='1'] .ad-visual,.taxi-caption[data-ad='7'] .ad-visual{background-position:46% 0}

@media(max-width:700px){.street-billboard.poster-billboard{top:32%;height:120px;width:48%;grid-template-columns:42% 58%}.campaign-poster-copy strong{font-size:11px;line-height:1.06}.campaign-poster-copy small{display:none}.campaign-poster-copy>span{font-size:7px;line-height:1.15}}
@media(min-width:701px){.street-heading{left:31.8%;top:9%;width:25%}.street-heading h1{font-size:clamp(23px,2.65vw,47px);line-height:1.27;letter-spacing:-.075em}}

/* Unique illustrated identity for each featured project. */
.taxi-caption[data-ad='0']{background:#492e39}.taxi-caption[data-ad='0'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:0% 0%}
.taxi-caption[data-ad='1']{background:#07182e}.taxi-caption[data-ad='1'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:100% 0%}
.taxi-caption[data-ad='2']{background:#622b35}.taxi-caption[data-ad='2'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:0% 25%}
.taxi-caption[data-ad='3']{background:#53372f}.taxi-caption[data-ad='3'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:100% 25%}
.taxi-caption[data-ad='4']{background:#49334b}.taxi-caption[data-ad='4'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:0% 50%}
.taxi-caption[data-ad='5']{background:#214a5b}.taxi-caption[data-ad='5'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:100% 50%}
.taxi-caption[data-ad='6']{background:#123b3d}.taxi-caption[data-ad='6'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:0% 75%}
.taxi-caption[data-ad='7']{background:#343951}.taxi-caption[data-ad='7'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:100% 75%}
.taxi-caption[data-ad='8']{background:#733b37}.taxi-caption[data-ad='8'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:0% 100%}
.taxi-caption[data-ad='9']{background:#353e4b}.taxi-caption[data-ad='9'] .ad-visual{background-image:url('/media/project-ad-atlas.png');background-size:200% 500%;background-position:100% 100%}
