.poriseba-service-photo{position:relative;display:block;overflow:hidden;background:#e5edf2;border-radius:12px;height:170px;margin:0 0 14px;isolation:isolate}
.poriseba-service-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}
.poriseba-service-photo::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#071e32bf);pointer-events:none}
.poriseba-service-photo .photo-tag{position:absolute;bottom:10px;left:12px;right:10px;color:white;font-weight:750;line-height:1.3;font-size:13px;text-shadow:0 1px 3px #001d2c;z-index:2}
.poriseba-visual-section{max-width:1180px;margin:45px auto 55px;padding:22px 16px}
.poriseba-visual-section h2{font-size:clamp(21px,3vw,28px);color:#082b48;margin:0 0 6px}
.poriseba-visual-section>p{color:#536c7a;margin-bottom:22px}
.poriseba-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.poriseba-photo-tile{background:white;border:1px solid #dae5ec;border-radius:14px;padding:7px;min-width:0}
.poriseba-photo-tile .poriseba-service-photo{margin:0;height:165px}
.photo-credit{color:#4c6170;font-size:12px;margin:10px 0}
@media(max-width:840px){.poriseba-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.poriseba-photo-grid{gap:9px}.poriseba-photo-tile{padding:5px}.poriseba-photo-tile .poriseba-service-photo{height:145px}.poriseba-service-photo .photo-tag{font-size:11px}}

/* PORISEBA identity uses the original website logo, composited by CSS only. */
.poriseba-service-photo::before{
 content:"";position:absolute;right:8px;top:8px;width:72px;height:43px;z-index:4;
 border-radius:7px;border:1px solid rgba(6,40,66,.1);
 box-shadow:0 2px 9px rgba(5,28,48,.18);
 background:#ffffffed url("/assets/images/logo-primary.png") center/contain no-repeat;
 background-origin:content-box;padding:3px;
}
.poriseba-service-photo .service-photo-source{
 position:absolute;top:10px;left:9px;z-index:5;color:#0b3752;
 text-decoration:none;background:rgba(255,255,255,.95);border-radius:6px;
 font:600 10px/1.3 system-ui;padding:6px 8px;
 max-width:calc(100% - 98px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.poriseba-service-photo .service-photo-source:hover{text-decoration:underline}
@media(max-width:430px){
 .poriseba-service-photo::before{width:53px;height:32px;right:6px;top:6px;}
 .poriseba-service-photo .service-photo-source{font-size:9px;left:6px;top:7px;padding:4px;max-width:calc(100% - 70px)}
}

/* PORISEBA HD complete-frame service photos */
.poriseba-service-photo:has(img[src*="/service206-brand-"]){height:auto!important;aspect-ratio:3/2}
.poriseba-service-photo:has(img[src*="/service206-brand-"]) img{object-fit:contain;object-position:center!important;transform:none}

/* PORISEBA category overview full frame */
.poriseba-service-photo:has(img[src*="/brand-category22-"]){height:auto!important;aspect-ratio:3/2}
.poriseba-service-photo:has(img[src*="/brand-category22-"]) img{object-fit:contain;object-position:center!important;transform:none}