/* Full-width photographic heroes, matching the homepage. */
:root{--site-gutter:4.5%;--site-navy:#001c3e}
.section,.signs-page .section{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.catalogue-block{max-width:none;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.product-navigation-inner{max-width:none;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.hero-content{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
.signs-options article,.signs-card,.sample,.lf-option{min-width:0}
.signs-hero,.catalogue-hero,.large-format-catalogue .catalogue-hero{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin:0;padding:0;min-height:clamp(600px,43vw,740px);background:var(--site-navy)}
.signs-hero-copy,.catalogue-hero .catalogue-hero-copy,.large-format-catalogue .catalogue-hero-copy{position:relative;z-index:2;box-sizing:content-box;width:min(40vw,530px);max-width:none;min-width:0;margin:0;padding:64px 0 76px var(--site-gutter)}
.signs-page .signs-hero h1,.catalogue-hero h1,.large-format-catalogue .catalogue-hero h1{font-size:clamp(44px,4.5vw,72px);line-height:1.03;overflow-wrap:normal}
.signs-hero figure{position:absolute;inset:0 0 0 22%;display:block;align-self:auto;width:auto;height:100%;margin:0;z-index:0}
.signs-hero img,.catalogue-hero .catalogue-hero-photo,.large-format-catalogue .catalogue-hero-photo{display:block;min-height:0;max-height:none;width:100%;height:100%;padding:0;aspect-ratio:auto;object-fit:contain;object-position:right center;mask-image:none;-webkit-mask-image:none;background:var(--site-navy)}
.catalogue-hero .catalogue-hero-photo,.large-format-catalogue .catalogue-hero-photo{position:absolute;inset:0 0 0 22%;width:78%;z-index:0}
.signs-hero:after,.catalogue-hero .catalogue-hero-shade,.large-format-catalogue .catalogue-hero-shade{content:'';display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#001c3e 0%,#001c3e 22%,rgba(0,28,62,.96) 31%,rgba(0,28,62,.8) 41%,rgba(0,28,62,.35) 53%,transparent 68%),linear-gradient(0deg,#001c3e 0%,rgba(0,28,62,.3) 9%,transparent 27%)}
@media(min-width:1800px){
 .signs-hero figure{left:30%}
 .catalogue-hero .catalogue-hero-photo,.large-format-catalogue .catalogue-hero-photo{left:30%;width:70%}
}
@media(max-width:1000px) and (min-width:701px){
 .signs-hero-copy,.catalogue-hero .catalogue-hero-copy,.large-format-catalogue .catalogue-hero-copy{width:47vw}
 .signs-page .signs-hero h1,.catalogue-hero h1,.large-format-catalogue .catalogue-hero h1{font-size:clamp(38px,5vw,50px)}
 .signs-hero:after,.catalogue-hero .catalogue-hero-shade,.large-format-catalogue .catalogue-hero-shade{background:linear-gradient(90deg,#001c3e 0%,rgba(0,28,62,.97) 30%,rgba(0,28,62,.82) 48%,rgba(0,28,62,.2) 75%,transparent),linear-gradient(0deg,#001c3e,transparent 25%)}
}
@media(max-width:700px){
 :root{--site-gutter:6vw}
 .signs-hero,.catalogue-hero,.large-format-catalogue .catalogue-hero{display:block;min-height:0;padding:0}
 .signs-hero-copy,.catalogue-hero .catalogue-hero-copy,.large-format-catalogue .catalogue-hero-copy{box-sizing:border-box;width:100%;max-width:none;padding:32px var(--site-gutter) 330px;margin:0}
 .signs-page .signs-hero h1,.catalogue-hero h1,.large-format-catalogue .catalogue-hero h1{font-size:clamp(38px,9.5vw,56px)}
 .signs-hero figure{inset:auto 0 0;width:100%;height:340px;margin:0}
 .signs-hero img{height:100%;object-fit:contain;object-position:right center}
 .catalogue-hero .catalogue-hero-photo,.large-format-catalogue .catalogue-hero-photo{position:absolute;inset:auto 0 0;width:100%;height:340px;object-fit:contain;object-position:right center}
 .signs-hero:after,.catalogue-hero .catalogue-hero-shade,.large-format-catalogue .catalogue-hero-shade{inset:auto 0 0;height:341px;background:linear-gradient(180deg,#001c3e 0%,rgba(0,28,62,.5) 14%,transparent 38%,transparent 82%,#001c3e 100%)}
 .product-navigation-inner{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
}

/* Fade the actual photograph edge, including portrait and narrow source images. */
@media(min-width:701px){
 /* Match the header and section gutters within the centred page, even on ultrawide screens. */
 .hero,.signs-hero,.catalogue-hero,.large-format-catalogue .catalogue-hero{width:91%;margin-left:auto;margin-right:auto}
 .hero-content{padding-left:0;padding-right:0}
 .signs-hero-copy,.catalogue-hero .catalogue-hero-copy,.large-format-catalogue .catalogue-hero-copy{padding-left:0}
 .signs-hero figure{inset:0;width:100%;height:100%}
 .signs-hero img,.catalogue-hero .catalogue-hero-photo,.large-format-catalogue .catalogue-hero-photo{position:absolute;inset:0 0 0 auto;width:auto;max-width:none;height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}
}
@media(max-width:700px){
 .signs-hero figure{height:auto}
 .signs-hero img,.catalogue-hero .catalogue-hero-photo,.large-format-catalogue .catalogue-hero-photo{height:auto;max-height:330px;object-position:center;mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 83%,transparent 100%)}
}

/* Wide Heras product image: keep the complete panel visible without side bars. */
.lf-category img.heras-landscape,.lf-option img.heras-landscape{aspect-ratio:16/9;object-fit:cover;background:transparent}
@media(max-width:700px){.catalogue-hero .catalogue-hero-photo.heras-landscape{width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain}.catalogue-hero:has(.heras-landscape) .catalogue-hero-copy{padding-bottom:calc(56.25vw + 24px)}.catalogue-hero:has(.heras-landscape) .catalogue-hero-shade{height:56.25vw}}

.catalogue-hero:has(.heras-landscape) .catalogue-hero-copy{background:transparent}