/* Only the institutional mascot; not ALMA, HB branding or merchandise. */
.institutional-mascot { display: grid; grid-template-columns: minmax(190px, .65fr) minmax(0, 1.4fr); gap: 36px; align-items: center; margin: 36px 0; scroll-margin-top: 110px; }
.institutional-mascot > img { display: block; width: 100%; height: auto; max-height: 610px; object-fit: contain; }
.mascot-attributes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin: 24px 0; }
.mascot-attributes div { border-top: 2px solid var(--yellow); padding-top: 12px; }
.mascot-attributes dt { font-size: 1rem; font-weight:800; color: var(--navy); }
.mascot-attributes dd { margin: 6px 0 0; font-size: 1rem; line-height: 1.65; color: var(--muted); }
.mascot-goggles { padding: 20px; background: var(--pale); border-radius: 10px; }
.mascot-goggles strong { color: var(--navy); }
.institutional-mascot .mascot-source { font-size: .875rem; line-height: 1.65; }
.model-story-tejon img { bottom: 0; width: 140px; max-height: 210px; border-radius: 14px; background: white; filter: none; }
.campus-mascot-panel > img { border-radius: 14px; background: white; }
.campus-entry .campus-mascot-panel > img { left: 0; bottom: 0; width: 100%; height: 100%; object-position: center; }
@media (max-width: 700px) {
  .institutional-mascot { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .institutional-mascot > img { max-height: 350px; }
  .mascot-attributes { grid-template-columns: minmax(0, 1fr); }
}