\
\
/* Robustness: protect layout from theme overrides */
body .gcwf-wall{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
}
body .gcwf-item{ min-width:0; }
body .gcwf-frame{ max-width:100%; }
body .gcwf-photo{ max-width:100%; height:auto; }

/* Wall of Fame front-end (modern, clean, matches soft brand look) */
.gcwf-wall{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:16px;
  align-items:stretch;
}

.gcwf-item{display:flex;}

.gcwf-frame{
  position:relative;
  width:100%;
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 12px 34px rgba(0,0,0,.10);
  transform:translateZ(0);
}

.gcwf-photo{
  width:100%;
  height:100%;
  display:block;
  aspect-ratio:1/1;
  object-fit:cover;
  filter:saturate(0.96) contrast(1.02);
  transition:transform .28s ease, filter .28s ease;
}

/* Soft glass highlight */
.gcwf-frame::before{
  content:"";
  position:absolute;
  inset:-40% -40% auto -40%;
  height:70%;
  transform:rotate(-8deg);
  background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.22), rgba(255,255,255,.0));
  pointer-events:none;
}

/* Gentle vignette */
.gcwf-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(120% 120% at 20% 10%, rgba(255,255,255,.20), rgba(0,0,0,.10));
}

/* Subtle "card lift" on hover */
.gcwf-frame:hover{
  box-shadow:0 16px 44px rgba(0,0,0,.14);
}
.gcwf-frame:hover .gcwf-photo{
  transform:scale(1.05);
  filter:saturate(1.02) contrast(1.06);
}

/* Rounded corners remain crisp on iOS */
.gcwf-frame, .gcwf-photo{
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

@media (max-width: 900px){
  .gcwf-wall{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px){
  .gcwf-wall{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px; }
  .gcwf-frame{ border-radius:18px; }
}
@media (prefers-reduced-motion: reduce){
  .gcwf-photo{ transition:none; }
  .gcwf-frame{ transition:none; }
}
