/* Original banner design with the real bridge photograph; preserve the full artwork. */
.home-hero.supplied-hero{background:#faf5e9;min-height:0;color:#10362c}
.supplied-hero-image{display:block;width:100%;height:auto;max-width:none}
.supplied-hero-bar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 6% 30px;background:#faf5e9}
.supplied-hero .hero-place{display:block;margin:0 0 7px;font-size:14px;color:#596b60;text-transform:none;letter-spacing:.06em}
.supplied-hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.08;margin:0;color:#10362c;letter-spacing:-.025em}
.supplied-hero .hero-actions{margin:0;flex-wrap:wrap;justify-content:flex-end}
.supplied-hero+.home-shortcuts{margin-top:0;padding-top:8px}
@media(max-width:650px){.supplied-hero-bar{align-items:flex-start;flex-direction:column;gap:20px;padding:23px 7% 28px}.supplied-hero .hero-place{font-size:13px}.supplied-hero h1{font-size:34px}.supplied-hero .hero-actions{width:100%;justify-content:flex-start;gap:10px}.supplied-hero .hero-button{flex:1 1 150px;justify-content:center;min-height:48px;padding:12px 14px}.supplied-hero+.home-shortcuts{padding-top:0}}

/* Display the actual photograph directly, with the supplied artwork around it. */
.supplied-banner-composition{position:relative;isolation:isolate;overflow:hidden}
.supplied-real-photo{position:absolute;inset:0;pointer-events:none;background:url("your-barmouth-bridge.webp") right center/auto 100% no-repeat;filter:brightness(1.12) saturate(1.04);-webkit-mask-image:url("real-bridge-photo-mask.svg?v=1b81b22abc84");mask-image:url("real-bridge-photo-mask.svg?v=1b81b22abc84");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* Dry-brush paper edges blend the banner into the page above and below. */
.home-banner-page .site-header{border-bottom:0}
.supplied-banner-composition::before,.supplied-banner-composition::after{content:"";position:absolute;left:0;right:0;height:clamp(16px,2.5vw,44px);z-index:2;pointer-events:none;background:url("banner-brush-edge.svg") center/100% 100% no-repeat}
.supplied-banner-composition::before{top:-1px}
.supplied-banner-composition::after{bottom:-1px;transform:rotate(180deg)}

/* The slogan printed in the artwork has a localized overlay in other languages. */
.supplied-banner-composition{container-type:inline-size}
.banner-localized-slogan{display:none}
html:not([lang="en"]) .banner-localized-slogan{display:flex;position:absolute;left:10.8%;top:56.7%;width:34.6%;height:6.3%;z-index:1;align-items:center;justify-content:center;background:#faf6e8;color:#082d40;font:bold 1.7cqw/1.05 Georgia,serif;text-align:center}
html[lang="cy"] .banner-localized-slogan{font-size:1.52cqw}
html[lang="ja"] .banner-localized-slogan,html[lang="zh-Hans"] .banner-localized-slogan{font-size:1.95cqw}

/* Delivery optimisation only: preserve the photograph overlay and artwork layout. */
.supplied-real-photo{background-image:image-set(url("your-barmouth-bridge-800.jpg") 1x,url("your-barmouth-bridge-1280.jpg") 2x)}
@media(min-width:801px){.supplied-real-photo{background-image:image-set(url("your-barmouth-bridge-1280.jpg") 1x,url("your-barmouth-bridge-1674.jpg") 2x)}}