/* Personal hero and tactile service icons, October 2026. */
.hero-photo-layout .service-icons{gap:14px;margin-bottom:28px}
.hero-photo-layout .service-icons svg{box-sizing:content-box;width:26px;height:26px;padding:12px;border-radius:16px;color:#2878e8;background:linear-gradient(145deg,#fff 5%,#e0ecff 85%);border:1px solid #e2ebfb;box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 4px #bed1ec,0 5px 0 #c1d2ec,0 9px 12px #183c6814;transform:rotate(-6deg);filter:drop-shadow(0 1px 0 #fff);transition:transform .2s ease}
.hero-photo-layout .service-icons svg:nth-child(2){color:#e76244;background:linear-gradient(145deg,#fff,#ffe4db);border-color:#f5dfd6;box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 4px #efc9bc,0 5px 0 #e7beae,0 9px 12px #68311814;transform:rotate(5deg)}
.hero-photo-layout .service-icons svg:nth-child(3){color:#b98004;background:linear-gradient(145deg,#fff,#fff0bd);border-color:#f3e7c3;box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 4px #ead397,0 5px 0 #dfca95,0 9px 12px #68511814;transform:rotate(-4deg)}
.hero-photo-layout .service-icons svg:nth-child(4){color:#7559cc;background:linear-gradient(145deg,#fff,#eae1ff);border-color:#e8e0f9;box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 4px #d3c4ed,0 5px 0 #c9b9e5,0 9px 12px #43186814;transform:rotate(6deg)}
.hero-photo-layout .service-icons svg:nth-child(5){color:#288554;background:linear-gradient(145deg,#fff,#d9f2e5);border-color:#d8ebdf;box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 4px #bcdcca,0 5px 0 #b1d2bf,0 9px 12px #18683414;transform:rotate(-5deg)}
@media(hover:hover){.hero-photo-layout .service-icons svg:hover{transform:translateY(-4px) rotate(0)}}
.header .main-nav{gap:28px}.hero-photo-layout .hero-background img{object-position:62% center}
.footer-products{display:flex;gap:22px;flex-wrap:wrap;padding:20px 0;color:#5f6368;font-size:14px}
@media(max-width:700px){.hero-photo-layout .service-icons{gap:12px}.hero-photo-layout .service-icons svg{width:23px;height:23px;padding:9px;border-radius:13px}.hero-photo-layout .hero-background img{object-position:64% center}.header .main-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.hero-photo-layout .service-icons svg{transition:none}}
.hero-photo-layout .hero-background img{filter:grayscale(1)}