
.comparison-frame{background:#050505;border:2px solid #a5eb13;overflow:hidden;width:100%;color:#fff}
.comparison-panel{position:relative;overflow:hidden;width:100%;border-bottom:4px solid #a5eb13}
.comparison-panel>img{position:absolute;max-width:none!important;object-fit:fill!important;transform:none!important;transition:none!important}
.comparison-label{position:absolute;left:0;bottom:0;z-index:2;background:#050505;border-top:3px solid #a5eb13;border-right:7px solid #a5eb13;padding:7px 24px 7px 12px;clip-path:polygon(0 0,88% 0,100% 100%,0 100%);font:italic 900 clamp(18px,2.7vw,34px)/1.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.comparison-footer{display:flex;align-items:center;gap:14px;padding:14px;background:#050505}
.comparison-footer>img{position:static!important;width:45%!important;height:auto!important;object-fit:contain!important;transform:none!important;max-width:260px}
.comparison-footer>div{border-left:2px solid #a5eb13;padding-left:12px;min-width:0}
.comparison-footer strong{display:block;font:800 clamp(12px,1.4vw,19px)/1.2 Arial,sans-serif}
.comparison-footer span{display:block;margin-top:6px;font:700 clamp(8px,1vw,12px)/1.3 Arial,sans-serif;color:#a5eb13;overflow-wrap:anywhere}
.project-scroller{grid-auto-columns:minmax(320px,460px);align-items:start}
.project-card,.project-card.project-poster{min-height:0!important;background:#050505;height:auto}
.project-card:after{display:none!important}.project-card>figcaption{display:none}
.project-card>img{display:block;width:100%;height:auto!important;object-fit:contain!important;transform:none!important}
.hero-photo{height:auto!important;align-self:center;background:#050505;overflow:visible}
.hero-photo>.comparison-frame{height:auto}
.detail-photo .comparison-footer img{margin:0}
@media(max-width:620px){.project-scroller{grid-auto-columns:88vw}.comparison-footer{gap:9px;padding:10px}.comparison-footer>div{padding-left:9px}}
/* One consistent gallery canvas for every project. */
.project-scroller{grid-auto-columns:460px;align-items:stretch}
.project-scroller>.project-card{width:100%;aspect-ratio:1/1;height:auto;display:flex;align-items:center;justify-content:center;background:#050505;overflow:hidden;border:2px solid #a5eb13;box-sizing:border-box}
.project-scroller>.project-card>img{width:100%;height:100%!important;object-fit:contain!important}
.project-scroller>.project-card>.comparison-frame{flex:none;width:100%;max-height:100%;border:0;box-sizing:border-box}
.project-scroller>.project-card>.comparison-frame .comparison-footer{padding:10px;gap:10px}
.project-scroller>.project-card>.comparison-frame .comparison-footer>img{max-height:50px;width:40%!important}
.project-scroller>.project-card>.comparison-frame .comparison-footer strong{font-size:13px}
.project-scroller>.project-card>.comparison-frame .comparison-footer span{font-size:9px;margin-top:4px}
@media(max-width:620px){.project-scroller{grid-auto-columns:88vw}}
.comparison-photo{display:block;width:100%;height:100%;overflow:hidden;background:#050505}
.project-scroller>.project-card>.comparison-frame{height:100%;max-height:none;display:flex;flex-direction:column}
.project-scroller .comparison-panel{flex:1;min-height:0;aspect-ratio:auto!important}
.project-scroller .comparison-footer{flex:none;height:76px;box-sizing:border-box}
