/* Hallmark · student stories and destination banner · P5 H5 E5 S5 R5 V4 */
.em-student-banner{display:grid;grid-template-columns:minmax(8rem,.65fr) minmax(0,2fr) auto;align-items:center;gap:var(--space-lg);background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-card);overflow:clip;margin-bottom:var(--space-xl);padding:1.1rem 1.5rem;isolation:isolate}
.em-student-banner-title{font:750 clamp(1.1rem,2vw,1.6rem)/1.2 var(--font-display);letter-spacing:-.035em;color:var(--color-on-dark);text-decoration:none;display:inline-block;max-width:11ch}
.em-student-banner-title:hover{color:var(--color-on-dark);text-decoration:underline;text-underline-offset:.2em}
.em-student-banner>.em-button{display:inline-flex;align-items:center;gap:var(--space-sm);white-space:nowrap;flex:none}
.em-student-banner-motion{overflow:clip;min-width:0;user-select:none;mask-image:linear-gradient(90deg,transparent,var(--color-ink) 4%,var(--color-ink) 96%,transparent)}
.em-student-banner-motion>div{display:flex;width:max-content;animation:student-destination-banner 240s linear infinite;will-change:transform}
.em-student-banner-group{display:flex;align-items:center;flex:none;gap:.65rem;padding-right:.65rem}
.em-student-banner-person{display:flex;align-items:center;gap:.7rem;width:240px;min-height:64px;box-sizing:border-box;padding:.5rem .65rem;background:color-mix(in oklch,var(--color-dark) 93%,var(--color-on-dark));border:1px solid color-mix(in oklch,var(--color-on-dark) 12%,transparent);border-radius:.7rem;flex:none}
.em-student-banner-person>span:last-child{display:grid;gap:.25rem;min-width:0}
.em-student-banner-person strong{font:700 .75rem/1.25 var(--font-display);color:var(--color-on-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-student-banner-person small{font-size:.625rem;line-height:1.3;color:var(--color-dark-muted)}
.em-student-banner-person .em-student-university-logo{display:grid;place-items:center;width:60px;height:42px;flex:none;padding:.25rem;box-sizing:border-box;background:var(--color-paper);border-radius:.4rem;overflow:clip}
.em-student-banner-person .em-student-university-logo-dark{background:var(--color-dark)}
.em-student-banner-person .em-student-university-logo img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;margin:0}
.em-student-banner-flag{display:grid;place-items:center;width:60px;height:42px;flex:none;font-size:1.6rem}
.em-student-banner:is(:hover,:focus-within) .em-student-banner-motion>div{animation-play-state:paused}
@keyframes student-destination-banner{to{transform:translateX(-50%)}}
.em-content .em-student-films{margin-bottom:var(--space-xl)}
.em-student-films .em-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-lg);align-items:end;margin-bottom:var(--space-lg)}
.em-content .em-student-films .em-eyebrow{color:var(--color-accent);margin:0 0 .75rem}
.em-content .em-student-films h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.1;letter-spacing:-.055em;max-width:17ch;margin:0}
.em-student-films .em-section-head>p{font-size:var(--text-sm);max-width:43ch;margin:0;color:var(--color-muted)}
.em-student-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}
.em-student-film-grid .em-video-item{min-width:0}
.em-content .em-student-film-grid .em-video{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow:clip;background:var(--color-dark)}
.em-student-film-grid .em-video-image{aspect-ratio:16/9;position:relative;overflow:clip;background:var(--color-dark)}
.em-content .em-student-film-grid .em-video-image>img{width:100%;height:100%;max-width:none;object-fit:contain;display:block;margin:0;transition:transform .45s var(--ease-out)}
.em-content .em-student-film-grid .em-video-caption{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.3rem;padding:var(--space-md);white-space:normal;min-height:100px;box-sizing:border-box}
.em-student-film-grid .em-story-country{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark-muted)}
.em-student-film-grid .em-story-student{font:750 clamp(1.3rem,2.1vw,1.75rem)/1.25 var(--font-display);letter-spacing:-.04em;color:var(--color-on-dark)}
.em-student-film-grid .em-story-university{font-size:.75rem;line-height:1.5;color:var(--color-dark-muted)}
.em-student-film-grid .em-story-play-label{display:none}
.em-student-film-grid .em-video:is(:hover,:focus-visible) .em-video-image>img{transform:scale(1.025)}
.em-student-film-grid .em-video:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
@media(max-width:767px){.em-student-banner{grid-template-columns:minmax(0,1fr) auto;gap:.8rem var(--space-sm);padding:1rem}.em-student-banner-title{font-size:1.1rem;max-width:10ch}.em-student-banner>.em-button{font-size:.75rem;padding-inline:.85rem;gap:.4rem}.em-student-banner-motion{grid-column:1/-1;grid-row:2}.em-student-banner-person{width:220px;min-height:60px}.em-student-films .em-section-head{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.em-student-film-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}}
@media(prefers-reduced-motion:reduce){.em-student-banner-motion>div{animation:none;will-change:auto}.em-content .em-student-film-grid .em-video-image>img{transition:none}.em-student-film-grid .em-video:is(:hover,:focus-visible) .em-video-image>img{transform:none}}

.em-student-banner-flag .em-student-country-flag{display:block;width:28px;height:28px;object-fit:contain;margin:0}