/* Subtle shared colour fields below the hero; hero rules are intentionally absent. */
.services-layout#diensten{background:radial-gradient(ellipse at 24% 44%,#fbefeae6 0%,#fbefea80 42%,transparent 70%),radial-gradient(ellipse at 78% 46%,#f5dde7e6 0%,#f5dde780 42%,transparent 70%),#fcf1f2}.detail-services{gap:36px}.detail-panel,.detail-panel.facepaint{background:transparent}.detail-photo{mask-image:linear-gradient(to right,transparent,#000 30%,#000 76%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 60%,transparent);mask-composite:intersect}.option-grid>div+div:before{background:linear-gradient(transparent,#e4cbd070,transparent)}
.preview-info-row #news .journal-card,.preview-info-row #news .journal-card:nth-child(even){background:radial-gradient(ellipse at 50% 48%,#f6e0e780 12%,#f6e0e740 55%,transparent 82%)}.preview-info-row #news .journal-card figure img{mask-image:linear-gradient(to right,transparent,#000 12%,#000 65%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 76%,transparent);mask-composite:intersect}.preview-info-row #news .journal-card:nth-child(even) figure img{mask-image:linear-gradient(to left,transparent,#000 12%,#000 65%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 76%,transparent)}
.hours-cards{background:radial-gradient(ellipse at 76% 45%,#f3d8e080,transparent 75%);border-radius:26px}.appointment-card,.hours-cards .walk-in-block{border-color:#e6cbd466;box-shadow:0 8px 24px #986a7d06}.appointment-card{background:linear-gradient(145deg,#fff9f6a6,#fff9f633)}.hours-cards .walk-in-block{background:linear-gradient(145deg,#f6dde580,#f1d3de33)}
#over.about-section{background:radial-gradient(ellipse at 50% 50%,#f6dce3b3 15%,#f6dce350 58%,transparent 85%)}#over .about-image img{mask-image:linear-gradient(to right,transparent,#000 35%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 20%,#000 65%,transparent);mask-composite:intersect}
@media(max-width:760px){.preview-info-row #news .journal-card figure img,.preview-info-row #news .journal-card:nth-child(even) figure img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 65%,transparent);mask-composite:intersect}}
@media(max-width:650px){.services-layout#diensten{background:radial-gradient(ellipse at 40% 22%,#fbefeaad,transparent 54%),radial-gradient(ellipse at 60% 78%,#f5dde7ad,transparent 54%),#fcf1f2}.detail-services{gap:24px}.hours-cards{background:radial-gradient(ellipse at 60% 75%,#f3d8e060,transparent 80%)}#over .about-image img{mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 62%,transparent);mask-composite:intersect}}
/* Feather the photo container as well as its image, removing the residual rectangular backdrop. */
.preview-info-row #news .journal-card figure{background:transparent;mask-image:linear-gradient(to right,transparent,#000 12%,#000 78%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 76%,transparent);mask-composite:intersect}.preview-info-row #news .journal-card:nth-child(even) figure{mask-image:linear-gradient(to left,transparent,#000 12%,#000 78%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 76%,transparent);mask-composite:intersect}.preview-info-row #news .journal-card figure img,.preview-info-row #news .journal-card:nth-child(even) figure img{mask-image:none}
@media(max-width:760px){.preview-info-row #news .journal-card figure,.preview-info-row #news .journal-card:nth-child(even) figure{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 16%,#000 68%,transparent);mask-composite:intersect}}
