/* THE 1 ENERGY V9 — Portfolio full-image thumbnail preview
   Presentation-only override. Keeps existing hover/fullscreen preview logic unchanged. */

body.portfolio-page .gallery-grid{
  align-items:start;
}

body.portfolio-page .gallery-card{
  overflow:hidden!important;
  isolation:isolate;
}

/* Show the whole uploaded image before hover/click — no cover cropping. */
body.portfolio-page .gallery-card > img{
  display:block!important;
  width:100%!important;
  aspect-ratio:16 / 9;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(75,224,191,.10),transparent 38%),
    radial-gradient(circle at 82% 6%,rgba(63,196,255,.10),transparent 42%),
    linear-gradient(145deg,#07111e 0%,#0a1d2a 55%,#0a2427 100%)!important;
  border-bottom:1px solid rgba(116,221,255,.16);
  filter:brightness(.98) saturate(1.02) contrast(1.01)!important;
  transform:none!important;
  transition:filter .25s ease, opacity .25s ease!important;
}

body.portfolio-page .gallery-card:hover > img{
  object-fit:contain!important;
  transform:none!important;
  filter:brightness(1.02) saturate(1.04) contrast(1.01)!important;
}

/* Preserve the existing large hover preview and ensure it always uses the full image. */
body.portfolio-page .portfolio-hover-preview img{
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:680px){
  body.portfolio-page .gallery-card > img{
    aspect-ratio:16 / 9;
    object-fit:contain!important;
  }
}