/* Let the actual director portrait lead the mobile introduction. */
.director-hub{display:block;padding:34px 4%;background:#edf6fa}
.director-hub .director-message{display:grid;grid-template-columns:48% minmax(0,1fr);gap:5%;padding:0;align-items:center;background:transparent}
.director-hub .director-portrait{position:relative;width:100%;max-width:none!important;margin:0!important;overflow:hidden;background:#d8e9f0;border-radius:3px}
.director-hub .director-portrait img{display:block;width:100%;height:600px;object-fit:cover;object-position:center 27%;border-radius:0!important}
.director-hub .director-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 26px 24px;background:linear-gradient(transparent,#123447e6);color:white;text-align:left;font-size:17px;line-height:1.7}
.director-hub .director-portrait figcaption span{display:block;color:white}.director-hub .director-portrait figcaption strong{display:block;color:white;font-size:34px;letter-spacing:.06em;margin-top:5px}
.director-hub .director-copy h2{font-size:34px;line-height:1.5}.director-hub .director-copy h3{font-size:29px;line-height:1.7}.director-hub .director-copy p{font-size:19px;line-height:1.95}
.director-hub .director-video{display:grid;grid-template-columns:38% minmax(0,1fr);gap:8px 5%;padding:25px 0 0;margin-top:25px;border-left:0;border-top:1px solid #cfdee5;align-items:center}
.director-hub .director-video .center-heading{grid-column:1;grid-row:1;margin:0}.director-hub .director-video .video-shell{grid-column:2;grid-row:1/4;width:100%;max-width:none;aspect-ratio:16/9}.director-hub .director-video>.video-help{grid-column:1;grid-row:2}.director-hub .director-video>.under-link{grid-column:1;grid-row:3;justify-self:start}
@media(min-width:701px) and (max-width:1000px){.director-hub .director-message{grid-template-columns:48% minmax(0,1fr);gap:4%}.director-hub .director-portrait img{height:520px}.director-hub .director-copy h2{font-size:29px}.director-hub .director-copy h3{font-size:25px}.director-hub .director-portrait figcaption strong{font-size:29px}}
@media(max-width:700px){
 .director-hub{padding:28px 4%;background:#edf6fa}
 .director-hub .director-message{display:flex;flex-direction:column;gap:20px;padding:0}
 .director-hub .director-portrait{position:relative;width:100%;max-width:none!important;margin:0!important;background:#daeaf0;overflow:hidden;border-radius:4px}
 .director-hub .director-portrait img{display:block;width:100%;height:430px;max-height:none;object-fit:cover;object-position:center 24%;border-radius:0!important}
 .director-hub .director-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 20px 20px;margin:0;background:linear-gradient(transparent,#153a4bd9);color:#fff;text-align:left;font-size:15px;line-height:1.6}
 .director-hub .director-portrait figcaption span{display:block;color:#fff;font-size:15px}
 .director-hub .director-portrait figcaption strong{display:block;color:#fff;font-size:29px;font-weight:700;letter-spacing:.08em;margin-top:6px}
 .director-hub .director-copy{width:100%;padding:0}.director-hub .director-copy .eyebrow{display:block;margin:0 0 8px;font-size:12px;letter-spacing:.12em}
 .director-hub .director-copy h2{font-size:28px;margin:0 0 10px}.director-hub .director-copy h3{font-size:25px;line-height:1.6;margin:8px 0 12px}.director-hub .director-copy p{font-size:18px;line-height:1.9}
 .director-hub .director-video{display:block;margin-top:24px;padding-top:22px}.director-hub .director-video .center-heading{margin-bottom:14px}
}
@media(max-width:350px){.director-hub .director-portrait img{height:390px}.director-hub .director-portrait figcaption strong{font-size:26px}}