/* Review refinements: selective warm panels, compact decisions, natural logo proportions. */
:root{--review-warm:#f3f2ee;--review-edge:#e4e1da}
.review-next-steps{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-block:24px 32px}
.review-next-steps>article{background:var(--review-warm);padding:30px 32px}
.review-next-steps h2{font-size:clamp(26px,3vw,36px);margin:0 0 14px}
.review-next-steps p{line-height:1.65;margin:12px 0 20px}
.review-next-steps .text-link{font-size:15px}
main .page-intro{padding-top:38px;padding-bottom:28px}
main .page-intro p:last-child{margin-bottom:0}
main .product-narrative,.smartbin-design,.technical-fit,.liner-details{scroll-margin-top:130px}
#proof.street-proof{display:grid;grid-template-columns:1.08fr .92fr;max-width:1240px;margin:28px auto;background:var(--review-warm);align-items:stretch}
#proof.street-proof .case-copy{padding:34px 36px;min-width:0}
#proof.street-proof .case-image.award-photo{min-width:0;min-height:460px}
#proof.street-proof .case-image>img{width:100%;height:100%;object-fit:cover;display:block}
#proof.street-proof h2{font-size:clamp(36px,4vw,52px);line-height:1.06;margin:14px 0 22px}
#proof.street-proof .case-big{font-size:20px;line-height:1.55}
#proof.street-proof .proof-results{gap:22px}
#proof.street-proof .proof-note{font-size:14px;line-height:1.6}
#proof.street-proof .button{margin:8px 8px 0 0}
#problem .problem-actions{display:flex;flex-wrap:wrap;gap:14px 24px}
#problem a.source-link{font-size:12px;display:inline-block;margin:6px 12px 0 0}
main .smartbin-support{background:var(--review-warm);padding-inline:30px}
main .everyday-cycle-reference{background:var(--review-warm);padding-inline:32px}
main .bulk-ashtrays{background:var(--review-warm);padding-inline:32px}
main .tread-gallery{margin-top:24px}
main .statement,main .network,main .extensions,main .long-read{padding-block:48px}
main .two-way{padding-block:40px!important}
main .closing{padding-block:42px}
main .page-intro+.about-smartstreets{padding-top:20px}
#work-with-us{background:var(--review-warm);padding-inline:32px}
.site-footer img[src*="logo"],header img[src*="logo"],.career-logos img{object-fit:contain}
@media(max-width:760px){.review-next-steps,#proof.street-proof{grid-template-columns:1fr}.review-next-steps>article{padding:24px}.review-next-steps{gap:14px}#proof.street-proof{margin-inline:20px}#proof.street-proof .case-copy{padding:26px}#proof.street-proof .case-image.award-photo{min-height:0;max-height:440px}#proof.street-proof .case-image>img{height:auto;max-height:440px}main .smartbin-support,main .everyday-cycle-reference,main .bulk-ashtrays,#work-with-us{padding-inline:22px}main .statement,main .network,main .extensions,main .long-read{padding-block:32px}}
/* Give the published case-study results a clear visual hierarchy. */
#proof.street-proof .proof-results{display:grid;grid-template-columns:1fr 1fr;margin:26px 0}
#proof.street-proof .proof-results b{display:block;font-size:clamp(58px,6.3vw,84px);line-height:1;font-weight:800;letter-spacing:-3px;color:#e9821b;margin-bottom:12px}
#proof.street-proof .proof-results span{display:block;font-size:15px;line-height:1.5;max-width:24ch}
@media(max-width:480px){#proof.street-proof .proof-results{gap:18px}#proof.street-proof .proof-results b{font-size:58px;letter-spacing:-2px}#proof.street-proof .proof-results span{font-size:14px}}
#proof.street-proof .case-copy,#proof.street-proof .case-copy :is(h2,p,span,a){color:#252823}
#proof.street-proof .case-copy .proof-note{color:#545650}
#proof.street-proof .case-copy .eyebrow{color:#353831}
#proof.street-proof .case-copy a.button.dark{background:#252823;color:#fff}
#proof.street-proof .case-copy a.button.line{background:transparent;border-color:#686b63;color:#252823}
#proof.street-proof .case-copy .eyebrow,#proof.street-proof .case-copy .proof-note{color:#545650!important;opacity:1!important}
/* A dark evidence panel separates the results from the surrounding light sections. */
#proof.street-proof{background:#252823}
#proof.street-proof .case-copy,#proof.street-proof .case-copy :is(h2,p,span,a){color:#fff}
#proof.street-proof .case-copy .eyebrow,#proof.street-proof .case-copy .proof-note{color:#dedfd9!important;opacity:1!important}
#proof.street-proof .case-copy .proof-results{border-color:#777b72}
#proof.street-proof .case-copy .proof-results b{color:#e9821b}
#proof.street-proof .case-copy a.button.dark{background:#e9821b;color:#171a16}
#proof.street-proof .case-copy a.button.line{color:#fff;border-color:#c5c8be}
.review-next-steps :is(h2,p,.text-link),main :is(.smartbin-support,.everyday-cycle-reference,.bulk-ashtrays) :is(h2,h3,p){color:#252823}
.review-next-steps .button.dark{color:#fff}
@media(max-width:600px){main .award-page-intro{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:26px 24px}main .award-page-intro>div{min-width:0;width:100%}main .award-page-intro strong{font-size:68px;line-height:1}main .award-page-intro h2{font-size:30px;line-height:1.15;overflow-wrap:anywhere}main .award-page-intro p{font-size:17px;line-height:1.6}}
/* Phone layouts keep the scrolling presentation uncluttered. */
@media(max-width:700px){#street-news .ribbon-controls,.post-fit-pause,.column-motion{display:none!important}#street-news .ribbon-label{flex-basis:100%;padding:15px 20px}#street-news .ribbon-label span{margin-top:5px}#street-news .ribbon-window{min-height:120px}}

.mobile-motion-note{display:none}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
.post-fit-track,.column-track{animation:none!important;transform:none!important;display:block!important;width:100%!important}
.post-fit-track img,.column-track img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain;display:block!important}
.post-fit-track img[aria-hidden],.column-track img[aria-hidden]{display:none!important}
.post-fit-window,.column-scroll{display:flex;align-items:center;min-height:150px;padding:18px 0;overflow:hidden}
.mobile-motion-note{display:block;font-size:12px!important;line-height:1.6!important;color:inherit;opacity:.85;max-width:65ch;margin:16px 0!important}
#street-news .news-motion-note{order:4;flex-basis:100%;padding:0 20px;color:#353831}
#street-news .ribbon-track{animation:none!important;transform:none!important}
#street-news .ribbon-group[aria-hidden]{display:none}
#street-news .ribbon-window{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/* Keep Smartbin film evidence aligned with the page rather than spilling edge to edge. */
main .video-case{width:calc(100% - 80px);max-width:1240px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
main .video-case .section-head{grid-column:1/-1;margin-bottom:0}
main .video-case .city-collected-litter{margin:0;min-width:0}
main .video-case .city-collected-litter img{width:100%;height:300px;object-fit:cover;display:block}
main .video-case figcaption{font-size:14px;line-height:1.55;margin-top:12px}
main .video-case .video-wrap{width:100%;margin:0;aspect-ratio:16/9}
@media(max-width:760px){main .video-case{width:calc(100% - 40px);grid-template-columns:1fr}main .video-case .section-head{grid-template-columns:1fr;gap:18px}main .video-case .city-collected-litter img{height:270px}}
main .video-case .city-preview-poster p,main .video-case .city-preview-poster p a{color:#fff!important}
/* Balance the litter evidence window against the neighbouring 16:9 film preview. */
@media(min-width:761px){main .video-case{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}main .video-case .city-collected-litter .litter-image-open{aspect-ratio:16/9;overflow:hidden}main .video-case .city-collected-litter img{height:100%;aspect-ratio:16/9;object-fit:cover}main .video-case .video-wrap{aspect-ratio:16/9;height:auto}}
main .video-case .city-film-figure{margin:0;min-width:0}
main .video-case .film-information{background:#f3f2ee;color:#252823;padding:16px 20px;margin-top:12px;font-size:14px;line-height:1.6}
main .video-case .film-information p{margin:0;color:#252823;font-size:14px;line-height:1.6}
main .video-case .film-information a{color:#252823;text-decoration:underline;text-underline-offset:3px}


.site-footer nav a[href*="city-of-london-short-films"]{display:block!important;visibility:visible!important}

/* Keep the film gallery link styled like its neighbouring footer links. */
.site-footer nav a[href*="city-of-london-short-films"],
.site-footer nav a[href*="city-of-london-short-films"]:hover,
.site-footer nav a[href*="city-of-london-short-films"]:focus,
.site-footer nav a[href*="city-of-london-short-films"]:active{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}