:root { --topo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='1.2'%3E%3Cellipse cx='120' cy='140' rx='18' ry='11' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='40' ry='24' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='62' ry='38' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='84' ry='52' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='106' ry='65' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='128' ry='79' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='150' ry='93' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='172' ry='106' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='194' ry='120' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='216' ry='133' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='120' cy='140' rx='238' ry='147' transform='rotate(-18 120 140)'/%3E%3Cellipse cx='330' cy='320' rx='18' ry='11' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='40' ry='24' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='62' ry='38' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='84' ry='52' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='106' ry='65' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='128' ry='79' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='150' ry='93' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='172' ry='106' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='194' ry='120' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='216' ry='133' transform='rotate(-18 330 320)'/%3E%3Cellipse cx='330' cy='320' rx='238' ry='147' transform='rotate(-18 330 320)'/%3E%3C/g%3E%3C/svg%3E"); }
/* Photo slots. Put your own photos in assets/img/ with these file names (JPG, about 1800px wide).
   A missing photo falls back to the second image, then to the designed gradient. */
.ph-service-market-research { background-image: url('../img/service-market-research.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-feasibility { background-image: url('../img/service-feasibility.jpg'), var(--topo), linear-gradient(135deg, #0f3a2c, #4d6e31); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-nutrition { background-image: url('../img/service-nutrition.jpg'), var(--topo), linear-gradient(135deg, #2b2140, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-productivity { background-image: url('../img/service-productivity.jpg'), var(--topo), linear-gradient(135deg, #3a1a1f, #be1e2d); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-uk-entry { background-image: url('../img/service-uk-entry.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #5c7a3a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-sales { background-image: url('../img/service-sales.jpg'), var(--topo), linear-gradient(135deg, #1d3442, #7b8f9a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-trade { background-image: url('../img/service-trade.jpg'), var(--topo), linear-gradient(135deg, #0a2a3a, #2f7f73); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-service-digital { background-image: url('../img/service-digital.jpg'), var(--topo), linear-gradient(135deg, #33301f, #8a7a3a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-cattle { background-image: url('../img/sector-cattle.jpg'), var(--topo), linear-gradient(135deg, #2b2140, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-sheep { background-image: url('../img/sector-sheep.jpg'), var(--topo), linear-gradient(135deg, #3a1a1f, #be1e2d); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-feed { background-image: url('../img/sector-feed.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #5c7a3a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-poultry { background-image: url('../img/sector-poultry.jpg'), var(--topo), linear-gradient(135deg, #1d3442, #7b8f9a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-equine { background-image: url('../img/sector-equine.jpg'), var(--topo), linear-gradient(135deg, #0a2a3a, #2f7f73); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-pet { background-image: url('../img/sector-pet.jpg'), var(--topo), linear-gradient(135deg, #33301f, #8a7a3a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-sector-arable { background-image: url('../img/sector-arable.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-hero { background-image: url('../img/hero.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-cta { background-image: url('../img/cta.jpg'), var(--topo), linear-gradient(135deg, #0f3a2c, #4d6e31); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-about { background-image: url('../img/page-about.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-about-farm { background-image: url('../img/about-farm.jpg'), var(--topo), linear-gradient(135deg, #0f3a2c, #4d6e31); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-esin-manav { background-image: url('../img/esin-manav.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #5c7a3a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-services { background-image: url('../img/page-services.jpg'), var(--topo), linear-gradient(135deg, #2b2140, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-sectors { background-image: url('../img/page-sectors.jpg'), var(--topo), linear-gradient(135deg, #0f3a2c, #4d6e31); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-projects { background-image: url('../img/page-projects.jpg'), var(--topo), linear-gradient(135deg, #3a1a1f, #be1e2d); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-clients { background-image: url('../img/page-clients.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #5c7a3a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-contact { background-image: url('../img/page-contact.jpg'), var(--topo), linear-gradient(135deg, #1d3442, #7b8f9a); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-gallery { background-image: url('../img/page-gallery.jpg'), var(--topo), linear-gradient(135deg, #0b3b52, #116b91); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }
.ph-page-privacy { background-image: url('../img/page-privacy.jpg'), var(--topo), linear-gradient(135deg, #0a2a3a, #2f7f73); background-size: cover, 400px 400px, cover; background-repeat: no-repeat, repeat, no-repeat; }