/* Layered skies and route-inspired patterns add depth without covering the work. */
.recent-projects{background:radial-gradient(ellipse at 8% 12%,#d4eaff 0%,transparent 35%),radial-gradient(ellipse at 95% 47%,#f5dced80 0%,transparent 34%),linear-gradient(145deg,#f7fbff,#e9f3ff 55%,#f6f9ff)!important}
.recent-projects .device-stage{background:radial-gradient(circle at 25% 20%,#ffffffbf,transparent 28%),radial-gradient(ellipse at 75% 78%,#7eb3ef80,transparent 47%),linear-gradient(135deg,#d9ebff,#aacbed)!important}
.recent-projects .device-stage.second{background:radial-gradient(circle at 75% 16%,#ffffffd9,transparent 28%),radial-gradient(ellipse at 20% 80%,#9dc2ee8c,transparent 45%),linear-gradient(135deg,#dcecff,#c9d5ed)!important}
.recent-projects .device-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff33 1px,transparent 1px),linear-gradient(90deg,#ffffff33 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,#0007,transparent 68%);pointer-events:none}
.recent-projects .desktop-device,.recent-projects .mobile-device{z-index:1}
.service[data-service='0']{background:radial-gradient(circle at 85% 13%,#93c9ff73,transparent 35%),radial-gradient(circle at 5% 95%,#073585a8,transparent 40%),linear-gradient(145deg,#185fc8,#0b3b91)!important}
.service[data-service='1']{background:radial-gradient(circle at 88% 15%,#4e9de19c,transparent 38%),radial-gradient(circle at 4% 92%,#051b4099,transparent 38%),linear-gradient(140deg,#234d83,#102d57)!important}
.service[data-service='2']{background:radial-gradient(circle at 15% 10%,#b5dfff80,transparent 35%),radial-gradient(circle at 90% 95%,#15539da6,transparent 45%),linear-gradient(140deg,#3b87cc,#2367af)!important}
.service[data-service='3']{background:radial-gradient(circle at 80% 15%,#4f95d979,transparent 35%),radial-gradient(circle at 5% 90%,#061934a8,transparent 38%),linear-gradient(145deg,#173e6c,#0b2345)!important}
.agency-plans{background:radial-gradient(ellipse at 12% 10%,#cfe6ff,transparent 40%),radial-gradient(ellipse at 93% 80%,#d8e9ff,transparent 39%),linear-gradient(135deg,#f7fbff,#edf5ff)!important}
html[data-ap-theme=dark] .recent-projects{background:radial-gradient(ellipse at 5% 15%,#193c68 0%,transparent 38%),radial-gradient(ellipse at 95% 50%,#21315b 0%,transparent 35%),linear-gradient(145deg,#081629,#10213b)!important}
html[data-ap-theme=dark] .recent-projects .device-stage{background:radial-gradient(circle at 75% 15%,#5b91bd8c,transparent 35%),linear-gradient(140deg,#173c60,#102c4e)!important}
html[data-ap-theme=dark] .recent-projects .device-stage.second{background:radial-gradient(circle at 20% 15%,#4b78ae8c,transparent 35%),linear-gradient(140deg,#253b5e,#142a48)!important}
html[data-ap-theme=dark] .agency-plans{background:radial-gradient(ellipse at 10% 10%,#15385e 0%,transparent 42%),linear-gradient(145deg,#0b172a,#102443)!important}
@media(prefers-reduced-motion:reduce){.recent-projects .device-stage:before{animation:none}}