/* Loaded only on index.html and research.html to preserve original image layouts elsewhere. */
/* === Cross-page visual frame refresh === */
:root{
  --frame-fill:#edf3fb;
  --frame-fill-2:#f6f9fd;
  --frame-border:#c9d7e7;
  --frame-radius:120px 120px 8px 8px;
  --frame-radius-tight:72px 72px 8px 8px;
}

/* Use the same editorial frame language across all pages */
.advocacy-photo-media,
.advocacy-news-figure,
.film-video-thumb,
.research-poster-wrap,
.home-featured-visual,
.hero-portrait,
.incubator-photo,
.clinical-video-card,
.team-figure,
.leadership-poster-figure,
.kb-leadership-gallery-item,
.evo-image-wrap,
.version-shot-frame,
.actual-gallery figure,
.screen-gallery .gallery-device,
.v3-shot-grid .version-shot,
.current-version .app-device,
.home-featured-device,
.app-device {
  background:linear-gradient(180deg,var(--frame-fill) 0%, var(--frame-fill-2) 100%);
  border:1px solid var(--frame-border);
  border-radius:var(--frame-radius);
  overflow:hidden;
  box-sizing:border-box;
}

.advocacy-photo-media,
.advocacy-news-figure,
.film-video-thumb,
.research-poster-wrap,
.home-featured-visual,
.hero-portrait,
.incubator-photo,
.clinical-video-card,
.team-figure,
.leadership-poster-figure,
.kb-leadership-gallery-item,
.evo-image-wrap,
.version-shot-frame,
.actual-gallery figure,
.screen-gallery .gallery-device,
.v3-shot-grid .version-shot,
.current-version .app-device,
.home-featured-device,
.app-device {
  padding:14px;
}

.advocacy-photo-media img,
.advocacy-news-figure img,
.film-video-thumb img,
.research-poster-wrap img,
.home-featured-visual img,
.hero-portrait img,
.incubator-photo img,
.clinical-video-card img,
.team-figure img,
.leadership-poster-figure img,
.kb-leadership-gallery-item img,
.evo-image-wrap img,
.version-shot-frame img,
.actual-gallery figure img,
.screen-gallery .gallery-device img,
.v3-shot-grid .version-shot img,
.current-version .app-device img,
.home-featured-device img,
.app-device img,
.clinical-video-card video {
  display:block;
  width:100%;
  height:auto;
  border-radius:calc(120px - 14px) calc(120px - 14px) 4px 4px;
  overflow:hidden;
}

/* Slightly tighter arches for wide or compact media areas */
.film-video-thumb,
.advocacy-news-figure,
.team-figure,
.leadership-poster-figure,
.clinical-video-card,
.incubator-photo {
  border-radius:var(--frame-radius-tight);
}
.film-video-thumb img,
.advocacy-news-figure img,
.team-figure img,
.leadership-poster-figure img,
.clinical-video-card img,
.clinical-video-card video,
.incubator-photo img {
  border-radius:calc(72px - 14px) calc(72px - 14px) 4px 4px;
}

/* Match card shells more closely to the new frame language */
.advocacy-photo-card,
.advocacy-news-card,
.film-card,
.kb-recognition-card,
.ed-card,
.research-poster,
.download-cards-grid .ed-card,
.download-cards-grid .hero-download-card {
  background:#fbfdff;
  border:1px solid var(--frame-border) !important;
  box-shadow:none !important;
}

/* Keep research poster visuals elegant inside the page */
.research-poster-wrap {
  max-width:310px;
  margin-inline:auto;
}

/* Make homepage and detail visuals feel consistently framed without adding extra text */
.home-featured-visual-label,
.kb-award-photo-caption,
.advocacy-gallery-note,
.portrait-caption {
  color:#53789b;
}

@media (max-width: 700px){
  .advocacy-photo-media,
  .advocacy-news-figure,
  .film-video-thumb,
  .research-poster-wrap,
  .home-featured-visual,
  .hero-portrait,
  .incubator-photo,
  .clinical-video-card,
  .team-figure,
  .leadership-poster-figure,
  .kb-leadership-gallery-item,
  .evo-image-wrap,
  .version-shot-frame,
  .actual-gallery figure,
  .screen-gallery .gallery-device,
  .v3-shot-grid .version-shot,
  .current-version .app-device,
  .home-featured-device,
  .app-device {
    padding:10px;
    border-radius:84px 84px 8px 8px;
  }
  .advocacy-photo-media img,
  .advocacy-news-figure img,
  .film-video-thumb img,
  .research-poster-wrap img,
  .home-featured-visual img,
  .hero-portrait img,
  .incubator-photo img,
  .clinical-video-card img,
  .team-figure img,
  .leadership-poster-figure img,
  .kb-leadership-gallery-item img,
  .evo-image-wrap img,
  .version-shot-frame img,
  .actual-gallery figure img,
  .screen-gallery .gallery-device img,
  .v3-shot-grid .version-shot img,
  .current-version .app-device img,
  .home-featured-device img,
  .app-device img,
  .clinical-video-card video {
    border-radius:74px 74px 4px 4px;
  }
}
