/* Third-year collaboration: show only the supplied project assets and copy. */
.collab-project-title { color: #fff; font-size: clamp(38px, 4.8vw, 90px) !important; text-shadow: 4px 7px #263f68 !important; }
.gallery-heading .collab-project-role { color: #75cbff; display: block; font-family: var(--display); font-size: clamp(13px, 1.18vw, 22px); letter-spacing: .1em; line-height: 1.45; }

.media-card::before { background: linear-gradient(180deg, #00000018, #00000022 43%, #0000009e), var(--art) center / cover no-repeat !important; }
.media-card b { color: #fff; text-shadow: 0 3px 16px #000; }
.media-card i { color: #e9f8ffdc; text-shadow: 0 2px 14px #000; }

.modal-media { inset: 0; overflow: hidden; position: absolute; z-index: 0; }
.modal-media-item { background: #000; display: block; height: 100%; object-fit: contain; width: 100%; }
.modal-art.has-media { background: #000; }
.modal-art.has-media::before, .modal-art.has-media::after, .modal-art.has-media > span { display: none; }
.modal-art.has-media .modal-nav { z-index: 4; }

.work-modal.portrait-preview { max-height: 94svh; max-width: min(780px, 94vw); width: min(680px, 90vw); }
.work-modal.portrait-preview .modal-art { height: min(72svh, 760px); }
.work-modal.portrait-preview .modal-copy { max-height: 20svh; overflow-y: auto; padding: clamp(15px, 1.7vw, 26px); }
.work-modal.portrait-preview .modal-copy h2 { font-size: clamp(24px, 2.5vw, 38px); margin: 4px 0 8px; }
.work-modal.portrait-preview .modal-copy p { font-size: clamp(13px, 1.2vw, 17px); line-height: 1.5; }
.work-modal.portrait-preview .modal-copy em { font-size: 11px; margin-top: 8px; }

@media (max-width: 700px) {
  .collab-project-title { font-size: clamp(34px, 10vw, 54px) !important; }
  .gallery-heading .collab-project-role { font-size: 13px; }
  .work-modal.portrait-preview { max-height: 96svh; width: min(94vw, 560px); }
  .work-modal.portrait-preview .modal-art { height: 65svh; }
  .work-modal.portrait-preview .modal-copy { max-height: 25svh; }
}