/* VitaGen v26: report sample gallery, source images from provided demo PDFs */
.report-showcase{
  padding:clamp(72px,8vw,116px) 0;
  background:linear-gradient(180deg,#f0f4f2 0%,#f7f9f6 100%);
  border-block:1px solid rgba(18,78,84,.07);
}
.report-showcase .report-head{
  max-width:840px;
  margin:0 auto 38px;
  text-align:center;
}
.report-showcase .report-head h2{
  font-family:'Urbanist',var(--font-display, sans-serif);
  font-size:clamp(32px,4vw,52px);
  line-height:1.16;
  font-weight:300;
  letter-spacing:.012em;
  color:#123d47;
  margin:0 0 16px;
  text-wrap:balance;
}
.report-showcase .report-head p{
  max-width:700px;
  margin:auto;
  color:#567178;
  font-size:15px;
  line-height:1.85;
}
.report-showcase .report-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:20px;
}
.report-showcase .report-grid--four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.report-showcase .report-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(16,64,73,.10);
  box-shadow:0 22px 45px rgba(14,50,58,.045);
  transition:transform .48s cubic-bezier(.2,.75,.25,1),box-shadow .48s cubic-bezier(.2,.75,.25,1);
}
.report-showcase .report-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 54px rgba(14,50,58,.085);
}
.report-showcase .report-image-link{
  display:block;
  position:relative;
  padding:20px 16px 14px;
  background:linear-gradient(180deg,#fff 0%,#f8faf9 100%);
  border-bottom:1px solid rgba(16,64,73,.07);
  overflow:hidden;
}
.report-showcase .report-image-link img{
  display:block;
  width:100%;
  height:310px;
  object-fit:contain;
  object-position:center center;
  transition:transform .65s cubic-bezier(.2,.75,.25,1);
  padding-inline:6px;
  background:transparent;
}
.report-showcase .report-image-link:hover img{transform:scale(1.025)}
.report-showcase .report-card-content{
  padding:22px 23px 24px;
  display:flex;
  flex:1;
  flex-direction:column;
}
.report-showcase .report-card-content h3{
  font-family:'Urbanist',var(--font-display,sans-serif);
  font-size:clamp(20px,1.85vw,25px);
  font-weight:400;
  line-height:1.25;
  letter-spacing:.006em;
  color:#123c44;
  margin:0 0 9px;
}
.report-showcase .report-card-content p{
  margin:0 0 16px;
  color:#63767a;
  font-size:13.5px;
  line-height:1.7;
}
.report-showcase .report-card-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#1d5962;
  margin-top:auto;
  text-decoration:none;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.report-showcase .report-card-link svg{width:16px;height:16px;flex:0 0 auto}
.report-showcase .report-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.report-showcase .report-provenance{
  max-width:930px;
  color:#71858a;
  line-height:1.65;
  margin:22px auto 0;
  font-size:12px;
  text-align:center;
}
@media(max-width:1100px){
  .report-showcase .report-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-showcase .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-showcase .report-image-link img{height:340px}
}
@media(max-width:700px){
  .report-showcase{padding:62px 0}
  .report-showcase .report-head{margin-bottom:24px}
  .report-showcase .report-head p{font-size:14px;line-height:1.72}
  .report-showcase .report-grid,
  .report-showcase .report-grid--four{grid-template-columns:1fr;gap:16px}
  .report-showcase .report-image-link{padding:16px 12px 12px}
  .report-showcase .report-image-link img{height:290px}
  .report-showcase .report-card-content{padding:20px 20px 22px}
  .report-showcase .report-provenance{margin-top:19px}
}
@media(prefers-reduced-motion:reduce){
  .report-showcase .report-card,
  .report-showcase .report-image-link img{transition:none!important}
}

/* VitaGen v27: additional insight sections and product imagery */
.report-showcase .report-grid--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.report-showcase .report-image-link--cover img{
  object-fit:cover;
  object-position:center center;
}
.report-showcase .report-card--photo .report-image-link{
  background:linear-gradient(180deg,#fff 0%,#f6f7f7 100%);
}
.report-showcase .report-card--photo .report-image-link img{
  height:320px;
}
.insight-split{
  padding:clamp(72px,8vw,112px) 0;
  background:linear-gradient(180deg,#fff 0%,#f7f8f7 100%);
}
.insight-split .insight-split-inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(28px,4vw,54px);
  align-items:center;
}
.insight-split .insight-copy h2{
  margin:0 0 16px;
  font-family:'Urbanist',var(--font-display, sans-serif);
  font-size:clamp(32px,4vw,52px);
  line-height:1.14;
  font-weight:300;
  letter-spacing:.012em;
  color:#123d47;
  text-wrap:balance;
}
.insight-split .insight-copy p{
  margin:0 0 16px;
  color:#5d7479;
  line-height:1.85;
}
.insight-split .insight-list{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:14px;
}
.insight-split .insight-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  padding:14px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(16,64,73,.08);
  box-shadow:0 18px 38px rgba(14,50,58,.04);
  color:#274148;
  line-height:1.65;
}
.insight-split .insight-list strong{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(3,76,97,.08);
  color:#0e5a67;
  font-size:12px;
  letter-spacing:.08em;
}
.insight-split .insight-media{
  margin:0;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f3f6f5 100%);
  border:1px solid rgba(16,64,73,.08);
  box-shadow:0 30px 54px rgba(14,50,58,.06);
}
.insight-split .insight-media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}
.insight-split .insight-caption{
  margin:14px 4px 0;
  color:#708388;
  font-size:12px;
  line-height:1.6;
}
@media(max-width:1100px){
  .insight-split .insight-split-inner{grid-template-columns:1fr}
  .report-showcase .report-grid--two{grid-template-columns:1fr}
}
@media(max-width:700px){
  .report-showcase .report-card--photo .report-image-link img{height:280px}
  .insight-split{padding:62px 0}
  .insight-split .insight-list li{padding:13px 14px}
  .insight-split .insight-media{padding:14px;border-radius:22px}
}