/* ============================================================
   GEORESEARCH — Approved visual media integration
   Service backgrounds + Design-ready deliverables lightbox
   ============================================================ */

/* Service-card artwork supplied for the approved homepage. */
.home-page .card-pic.service-media{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#dce3e7;
  isolation:isolate;
}
.home-page .card-pic.service-media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(5,14,20,.03),rgba(5,14,20,.19));
  pointer-events:none;
}
.home-page .card-pic.service-media .card-round{z-index:2}
.home-page .service-egi{background-image:url("../images/services/engineering-geological-investigations.webp")!important;background-position:50% 53%!important}
.home-page .service-drilling{background-image:url("../images/services/drilling-works.webp")!important;background-position:44% 58%!important}
.home-page .service-lab{background-image:url("../images/services/laboratory-testing.webp")!important;background-position:50% 55%!important}
.home-page .service-hydro{background-image:url("../images/services/hydrogeological-assessment.webp")!important;background-position:50% 58%!important}
.home-page .service-projects{background-image:url("../images/services/project-experience.webp")!important;background-position:50% 45%!important}
.home-page .service-consulting{background-image:url("../images/services/professional-consulting.webp")!important;background-position:50% 48%!important}

/* Real project deliverables. */
.home-page .result-card-interactive{
  cursor:pointer;
  border-radius:5px;
  padding:0 0 10px;
  transform-origin:center center;
  transition:transform .30s cubic-bezier(.2,.8,.2,1),box-shadow .30s ease,background-color .30s ease;
  outline:none;
}
.home-page .result-card-interactive .deliverable-thumb{
  height:130px;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(20,31,40,.13);
  border-radius:4px;
  position:relative;
  overflow:hidden;
  transition:filter .30s ease,transform .30s cubic-bezier(.2,.8,.2,1),border-color .30s ease;
}
.home-page .result-card-interactive .deliverable-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(7,18,25,.08));
  transition:background .30s ease;
}
.home-page .result-card-interactive:hover,
.home-page .result-card-interactive:focus-visible{
  z-index:4;
  transform:translateY(-4px) scale(1.025);
  background:rgba(255,255,255,.55);
  box-shadow:0 10px 24px rgba(13,24,31,.14),0 18px 36px rgba(13,24,31,.10);
}
.home-page .result-card-interactive:hover .deliverable-thumb,
.home-page .result-card-interactive:focus-visible .deliverable-thumb{
  filter:brightness(1.075) contrast(1.025);
  border-color:rgba(23,142,195,.35);
}
.home-page .result-card-interactive:hover .deliverable-thumb::after,
.home-page .result-card-interactive:focus-visible .deliverable-thumb::after{
  background:linear-gradient(180deg,rgba(84,204,247,.035),rgba(7,18,25,.035));
}
.home-page .result-card-interactive b,
.home-page .result-card-interactive span{pointer-events:none}

/* Image viewer opened by clicking a deliverable. */
.deliverable-modal{
  position:fixed;
  inset:0;
  z-index:220;
  display:grid;
  place-items:center;
  padding:34px;
  background:rgba(2,7,10,.90);
  backdrop-filter:blur(7px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.deliverable-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.deliverable-viewer{
  max-width:min(1500px,94vw);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  cursor:zoom-out;
}
.deliverable-viewer img{
  display:block;
  max-width:94vw;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 28px 80px rgba(0,0,0,.46);
}
.deliverable-caption{
  color:#eef5f7;
  font-size:12px;
  letter-spacing:.025em;
  text-align:center;
  text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.deliverable-close{
  position:absolute;
  top:18px;
  right:22px;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  background:rgba(0,0,0,.24);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
body.deliverable-locked{overflow:hidden}

@media(max-width:760px){
  .home-page .result-card-interactive .deliverable-thumb{height:150px}
  .home-page .result-card-interactive:hover{transform:none}
  .deliverable-modal{padding:18px}
  .deliverable-viewer img{max-width:96vw;max-height:78vh}
  .deliverable-close{top:10px;right:10px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .result-card-interactive,
  .home-page .result-card-interactive .deliverable-thumb,
  .deliverable-modal{transition-duration:.01ms!important}
}

/* ============================================================
   Fields of Application — hover preview only.
   Cards intentionally have no click action until project
   collages are added later.
   ============================================================ */
.home-page .chooser .choose{
  transition:transform .30s cubic-bezier(.2,.8,.2,1),
             box-shadow .30s ease,
             border-color .30s ease,
             background-color .30s ease,
             filter .30s ease;
  transform-origin:center center;
}

@media (hover:hover) and (pointer:fine){
  .home-page .chooser .choose:hover{
    z-index:5;
    transform:translateY(-4px) scale(1.018);
    border-color:rgba(23,142,195,.30);
    box-shadow:0 10px 24px rgba(5,14,19,.16),
               0 22px 42px rgba(5,14,19,.12);
    background-color:#fff;
  }
  .home-page .chooser .choose.big:hover{
    filter:brightness(1.055) contrast(1.015);
    box-shadow:0 12px 28px rgba(3,10,15,.28),
               0 24px 48px rgba(3,10,15,.20);
  }
  .home-page .chooser .choose:hover .ring{
    border-color:rgba(37,169,229,.11);
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .chooser .choose{transition:none}
}