/* One shared petrol palette on every screen; opaque surfaces avoid colour shifts. */
html body.next-site{--kwant-petrol:#20474b;--kwant-petrol-deep:#183b40;--kwant-petrol-soft:#315c60;--kwant-petrol-scene:radial-gradient(ellipse at 85% 20%,#40757255,transparent 60%),linear-gradient(125deg,#183b40,#20474b 63%,#295257)}
html body.next-site .next-header,html body.next-site .next-footer,html body.next-site .next-work-links{background:#20474b}
html body.next-site :is(.next-hero,.next-page-hero,.case-hero,.donker),html body.next-site.next-legacy .studio-intro{background:var(--kwant-petrol-scene)}
html body.next-site :is(.next-service,.next-service:nth-child(2),.next-cta-inner,.next-personal-art,.next-software-visual,.next-stage-software){background:var(--kwant-petrol-scene)}
html body.next-site :is(.next-project-visual,.next-project:nth-child(2) .next-project-visual,.next-project .next-concept-visual,.portfolio-concept-grid .next-project .next-project-visual,.expansion-preview,.project-card-list .app-kaart-beeld){background:radial-gradient(ellipse at 70% 0,#71988c66,transparent 75%),linear-gradient(145deg,#2b5357,#204247)}
html body.next-site .project-card-list .app-kaart-beeld img{background:transparent}
html body.next-site :is(.next-button.dark,.next-filters button[aria-pressed=true],.next-care .next-icon,.next-why-icon,.next-local-indicator){background:#295257}
html body.next-site .next-project-label:not(.client) span{background:#20474b}
html body.next-site.next-petrol-services .next-petrol-card .next-card-heading{background:#2b5357}
html body.next-site :is(.next-hero,.next-page-hero) .next-label{background:#295257}
html body.next-site dialog.mockup-viewer{background:var(--kwant-petrol-scene)}
@media(max-width:820px){html body.next-site .next-nav{background:#20474b}}