/* =========================================================
   Power Giggs Technologies — Jamaica page hero only
   Loaded only by jamaica.html.
   All selectors are scoped to .jamaica-page.
   Global styles.css is intentionally left unchanged.
   ========================================================= */

/* Keep the existing hero copy on the left and add one
   Jamaica-specific business/technology image on the right. */
.jamaica-page .about-hero-grid{
  grid-template-columns:1.05fr .95fr;
  gap:54px;
  align-items:center;
}

/* Hero image card. */
.jamaica-page .jamaica-hero-visual{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.20);
  background:#062e50;
  box-shadow:0 28px 70px rgba(2,42,76,.32);
}

.jamaica-page .jamaica-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    135deg,
    rgba(0,122,79,.06),
    transparent 48%,
    rgba(255,184,28,.08)
  );
}

.jamaica-page .jamaica-hero-visual img{
  width:100%;
  height:100%;
  min-height:440px;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* Preserve the original Jamaica Technology Solutions / AI + Tech
   message as an overlay on the image. */
.jamaica-page .jamaica-tech-overlay{
  position:absolute;
  z-index:2;
  right:22px;
  bottom:22px;
  width:min(290px,calc(100% - 44px));
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:20px;
  background: linear-gradient(145deg,var(--pg-blue-dark),var(--pg-blue));
  /* background:rgba(4,45,78,.91); */
  box-shadow:0 16px 38px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.jamaica-page .jamaica-tech-overlay span{
  display:block;
  color:var(--pg-red);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.jamaica-page .jamaica-tech-overlay strong{
  display:block;
  margin:5px 0 9px;
  color:#fff;
  font-size:2.35rem;
  line-height:1;
}

.jamaica-page .jamaica-tech-overlay p{
  margin:0;
  color:#e6f1f8;
  font-size:.84rem;
  line-height:1.45;
}

/* Tablet: stack hero copy and image while preserving the
   existing page sections below. */
@media(max-width:950px){
  .jamaica-page .about-hero-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .jamaica-page .jamaica-hero-visual,
  .jamaica-page .jamaica-hero-visual img{
    min-height:390px;
  }
}

/* Mobile: keep the image compact and the overlay readable. */
@media(max-width:650px){
  .jamaica-page .jamaica-hero-visual{
    min-height:320px;
    border-radius:20px;
  }

  .jamaica-page .jamaica-hero-visual img{
    min-height:320px;
  }

  .jamaica-page .jamaica-tech-overlay{
    right:14px;
    bottom:14px;
    width:calc(100% - 28px);
    padding:16px 18px;
  }

  .jamaica-page .jamaica-tech-overlay strong{
    font-size:2rem;
  }
}