/* Internships and placements: one-colour logos, so each takes the page's ink. */
.lg-board { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: minmax(clamp(120px, 11vw, 160px), auto); gap: 10px; }
.lg-board__head { grid-column: span 3; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; min-height: 100%; padding: clamp(22px, 2.4vw, 32px); background: var(--bold-blue, #2F4FA8); color: #fff; }
.lg-board__head h2 { font: clamp(34px, 3.6vw, 50px)/1.08 var(--serif); color: #fff; }
.lg-board .lg-board__head p { font-size: 16px; color: #dbe3f6; max-width: 26em; }
.lg-tile { position: relative; margin: 0; display: grid; place-items: center; background: var(--cream); transition: background-color 250ms, transform 350ms cubic-bezier(.16, 1, .3, 1); }
.lg-tile__mark { width: 62%; height: 42%; background: var(--navy); -webkit-mask: center / contain no-repeat; mask: center / contain no-repeat; transition: background-color 250ms, transform 350ms cubic-bezier(.16, 1, .3, 1); }
.lg-tile figcaption { position: absolute; left: 14px; bottom: 10px; font-size: 13px; color: var(--muted); }
@media (hover: hover) and (pointer: fine) {
  .lg-tile:hover { background: #fff; transform: translateY(-3px); box-shadow: 0 12px 26px rgb(23 42 66 / .1); }
  .lg-tile:hover .lg-tile__mark { background: var(--bold-blue, #2F4FA8); transform: scale(1.05); }
}
@media (max-width: 1000px) { .lg-board { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg-board__head { grid-column: 1 / -1; } }
@media (max-width: 600px) { .lg-board { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg-tile__mark { height: 38%; } }