/* LUK-NET - zdjęcia poglądowe sprzętu i infrastruktury.
   Reversible visual layer: 20.10.2026. Original site backed up outside web root. */

.hero-photo-real {
    background:#0b2945;
    border:1px solid rgba(255,255,255,.12);
}
.hero-photo-real > img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 48%;
    filter:contrast(1.08) saturate(.84) brightness(.81);
    transition:transform .6s ease;
}
.hero-photo-real::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(135deg,rgba(6,32,57,.22) 0%,rgba(7,47,84,.08) 40%,rgba(3,32,62,.56) 100%);
    pointer-events:none;
}
.hero-visual:hover .hero-photo-real > img {transform:scale(1.045)}
.hero-visual .hero-panel {
    background:rgba(7,30,53,.91);
    border:1px solid rgba(173,216,241,.16);
    backdrop-filter:blur(14px);
}
.hero-visual .hero-panel-label {color:#7cdaff}

.process-photo {
    isolation:isolate;
    background:#102c46;
    border:1px solid #d8e8f3;
}
.process-photo > img {
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:100%;
    object-fit:cover;
    object-position:center;
    filter:contrast(1.09) saturate(.84);
    transition:transform .55s ease;
}
.process-photo:hover > img {transform:scale(1.045)}
.process-photo::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(to bottom,rgba(3,27,51,.03) 20%,rgba(3,25,48,.65) 100%);
}
.process-photo .photo-caption {z-index:3;color:#fff}
.process-photo .photo-caption i{background:rgba(255,255,255,.54)}

.page-photo {
    overflow:hidden!important;
    isolation:isolate;
    border:1px solid rgba(187,212,229,.32);
    background:#12304a;
}
.page-photo > .page-service-photo {
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
    border-radius:inherit;
    filter:contrast(1.05) saturate(.88) brightness(.92);
    transition:transform .55s ease;
}
.page-photo:hover > .page-service-photo {transform:scale(1.04)}
.page-photo::before {content:none!important}
.page-photo::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:inherit;
    transform:none;
    width:auto;
    height:auto;
    box-shadow:none;
    border:0;
    background:linear-gradient(180deg,rgba(4,27,49,.02) 33%,rgba(4,24,45,.74) 100%);
}
.page-photo .page-image-label {z-index:3}
.page-photo .page-image-badge {z-index:4;background:rgba(255,255,255,.96);color:#075c99}
.page-photo--internet .page-service-photo{object-position:53% 44%}
.page-photo--sprzedaz .page-service-photo{object-position:50% 55%}
.page-photo--uslugi .page-service-photo{object-position:50% 43%}
.page-photo--instalacje .page-service-photo{object-position:50% 48%}
.page-photo--wdrozenia .page-service-photo{object-position:50% 53%}

/* Piktogramy: spójne, dyskretne tła zamiast kolejnych schematów. */
.brand-services .brand-service-icon {
    border-radius:16px;
    background:#eaf6ff;
    width:62px;
    height:62px;
    margin-bottom:9px;
}
.brand-services .brand-service-icon svg{width:40px;height:40px}
.brand-services .brand-service:hover .brand-service-icon {
    background:#d6efff;
    color:#076ebd;
}
.service-card .service-icon{
    background:#e8f5ff;
    border:1px solid #d6eaf7;
    box-shadow:0 5px 14px rgba(8,120,216,.06);
}
@media(max-width:680px){
    .hero-photo-real > img {object-position:50% 50%}
    .hero-visual .hero-panel {padding:16px 18px}
    .process-photo {min-height:360px}
    .page-photo {height:300px}
    .brand-services .brand-service-icon {width:49px;height:49px;border-radius:12px;margin-bottom:5px}
    .brand-services .brand-service-icon svg{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
    .hero-photo-real > img,.process-photo > img,.page-photo > .page-service-photo{transition:none}
    .hero-visual:hover .hero-photo-real > img,
    .process-photo:hover > img,.page-photo:hover > .page-service-photo{transform:none}
}