.film-link-duration{margin-left:8px;font-size:12px;color:var(--muted)}
.college-film{padding:64px 0;background:#f2f7f4;border-block:1px solid var(--line)}
.college-film-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);grid-template-areas:"copy media" "actions media";grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
.college-film-copy{grid-area:copy;padding:12px 0 0}
.college-film-copy .eyebrow{margin-bottom:20px}
.college-film-copy h2{font-size:clamp(32px,3vw,45px);line-height:1.13;max-width:490px}
.college-film-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;margin:24px 0;max-width:480px}
.college-film-actions{grid-area:actions;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:4px}
.college-film-actions .button{gap:14px;text-align:center}
.college-film-media{grid-area:media;min-width:0}
.college-film-player{margin:0}
.college-film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#183e32;border-radius:8px;box-shadow:0 12px 36px #2444371a}
.college-film-player video:focus-visible{outline:3px solid var(--brand);outline-offset:5px}
.college-film-player figcaption{font-size:13px;line-height:1.5;color:#53635b;margin:14px 0}
.college-film-transcript{border-top:1px solid #c7d6cd;margin-top:20px;font-size:15px}
.college-film-transcript summary{cursor:pointer;color:var(--brand);font-weight:600;padding:16px 0;line-height:1.5}
.college-film-transcript>div{padding:0 0 8px;max-width:68ch}
.college-film-transcript p{margin:0 0 15px;line-height:1.7}
@media(max-width:1000px){.college-film-grid{column-gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.college-film-copy h2{font-size:34px}.college-film-actions .button{font-size:13px;padding:14px 17px}}
@media(max-width:760px){.college-film{padding:36px 0}.college-film-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "media" "actions";grid-template-rows:auto;gap:22px}.college-film-copy{padding:0}.college-film-copy h2{font-size:34px;max-width:560px}.college-film-copy>p:not(.eyebrow){font-size:16px;max-width:560px;margin:20px 0 0}.college-film-actions{margin-top:0}.college-film-actions .button{font-size:14px}.college-film-player figcaption{font-size:12px}.college-film-transcript{margin-top:16px}}
@media(max-width:380px){.college-film-copy h2{font-size:30px}.college-film-actions .button{width:100%;padding-inline:10px;gap:8px}}