/* Soft diagonal colour behind content; zero-height anchors add no spacer blocks. */
main{position:relative;isolation:isolate}
.colour-break{position:relative;z-index:-1;width:100%;--band-thickness:clamp(116px,13vw,190px);height:0;margin:0;pointer-events:none;overflow:visible}
.colour-break:before{content:'';position:absolute;left:-3%;right:-3%;top:50%;height:var(--band-thickness);transform:translateY(-50%) skewY(-7deg);transform-origin:center;background:linear-gradient(105deg,#35d5d43b 0%,#7191ef57 28%,#a976dc5e 56%,#ef84bb52 80%,#7bcfdb38 100%);mask-image:linear-gradient(180deg,transparent 0%,#0003 14%,#000a 37%,#000 50%,#0009 65%,#0002 85%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0003 14%,#000a 37%,#000 50%,#0009 65%,#0002 85%,transparent 100%)}
.colour-break:after{content:'';position:absolute;left:-3%;right:-3%;top:50%;height:calc(var(--band-thickness) * .65);transform:translateY(-50%) skewY(-7deg);transform-origin:center;background:linear-gradient(100deg,#72dfdf35,#a0a4f335 36%,#d69cde42 65%,#f4b6d235);mask-image:linear-gradient(transparent,#0005 40%,#0007 55%,transparent);-webkit-mask-image:linear-gradient(transparent,#0005 40%,#0007 55%,transparent)}
.colour-break--reverse:before,.colour-break--reverse:after{transform:translateY(-50%) skewY(-7deg) scaleX(-1)}
.services:has(+.colour-break){padding-bottom:24px}
.project-gallery:has(+.colour-break),.svc-examples:has(+.colour-break),.svc-extras:has(+.colour-break),.brief-panel:has(+.colour-break){margin-bottom:12px}
.bp-tax:has(+.colour-break){margin-bottom:0}
.colour-break+.home-contact{margin-top:24px}
.colour-break+.home-references-heading{padding-top:32px}
@media(max-width:760px){.colour-break{--band-thickness:116px}.services:has(+.colour-break){padding-bottom:14px}}
@media(forced-colors:active){.colour-break{height:0;margin:0}.colour-break:before,.colour-break:after{display:none}}