/* Full-height photo with legible overlay captions. */
.visual{isolation:isolate;overflow:hidden;padding:26px 24px;min-height:540px;background:#242932;color:#fff}
.visual img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;mix-blend-mode:normal;z-index:-2}
.visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,24,30,.62) 0%,rgba(17,24,30,.12) 25%,rgba(17,24,30,0) 45%,rgba(17,24,30,.36) 68%,rgba(17,24,30,.88) 100%);pointer-events:none}
.visual-top{color:#fff;font-size:14px;line-height:1.4;align-items:flex-start;text-shadow:0 1px 6px #0006}
.visual-top .alutech{color:#fff;font-family:SiteBold,Montserrat,Arial,sans-serif;font-size:12px;white-space:nowrap}
.visual .measure{margin:auto 0 14px;padding-top:190px;text-align:left;color:#fff;font-family:SiteBold,Montserrat,Arial,sans-serif;font-size:20px;letter-spacing:0;line-height:1.35}
.visual-bottom{margin-top:0;padding-top:14px;border-top:1px solid #ffffff59;color:#fff;font-size:14px;line-height:1.5}
.visual[data-image="barrier"] img{object-position:100% center}
.visual[data-image="gates"] img,.visual[data-image="panorama"] img{object-position:52% center}
@media(max-width:1100px) and (min-width:651px){.visual{min-height:600px}}
@media(max-width:650px){.visual{height:380px;min-height:380px;padding:22px}.visual img{height:100%;margin:0}.visual .measure{padding-top:100px;font-size:20px;margin-bottom:12px}.visual-top{font-size:14px}.visual-bottom{font-size:14px}.visual[data-image="barrier"] img{object-position:center}}

/* Portrait scenes preserve the complete product inside the photo area. */
.visual[data-image] img{object-position:50% 50%}
@media(max-width:650px){.visual{height:520px;min-height:520px}}