/* Only the requested banner and video areas. Loaded after existing styles. */
.president{grid-template-rows:minmax(0,1fr);overflow:hidden}
.president>.photo{height:100%!important;min-height:0;align-self:stretch;overflow:hidden}
.president>.photo img{width:100%;height:100%;object-fit:cover!important;transform:none!important}
.president-copy{min-height:0;height:100%;max-height:100%;padding:24px 0;overflow:visible;display:flex;align-items:center}.banner-copy-inner{width:100%;flex-shrink:0}
.global{display:block;position:relative;overflow:hidden;background:transparent!important;background-image:none!important}
.global:after{content:none!important;display:none!important}
.global>.photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none;translate:none!important;overflow:hidden}
.global>.photo img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.global-copy{position:absolute;right:0;top:50%;transform:translateY(-50%);width:28%;margin:0;padding:16px 3% 16px 1%;height:100%;max-height:100%;overflow:visible;display:flex;align-items:center;text-shadow:0 1px 3px #fff,0 0 8px #fff}
.global-copy .txt:not(.pill){text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}
.story-rail{flex:1;min-width:0}
.story-thumbs{width:100%;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;user-select:none}
.story-thumbs::-webkit-scrollbar{display:none}
.story-thumbs:active{cursor:grabbing}
.story-scroll{display:block;width:100%;height:32px;margin:4px 0 0;cursor:ew-resize;accent-color:#234f80;appearance:none;background:transparent;touch-action:pan-y}
.story-scroll::-webkit-slider-runnable-track{height:14px;background:#d9e2ec;border-radius:9px}
.story-scroll::-webkit-slider-thumb{appearance:none;width:76px;height:22px;border:2px solid #fff;border-radius:12px;background:#234f80;margin-top:-4px;box-shadow:0 1px 4px #1234}
.story-scroll::-moz-range-track{height:14px;background:#d9e2ec;border-radius:9px}
.story-scroll::-moz-range-thumb{width:76px;height:22px;border:2px solid #fff;border-radius:12px;background:#234f80}
.story-scroll:focus-visible{outline:3px solid #d9a644;outline-offset:3px}
.story-scroll:disabled{opacity:.35;cursor:default}
.inline-player{position:absolute;inset:0;z-index:5;background:#000}
.inline-player iframe,.inline-player video{width:100%;height:100%;display:block;border:0;object-fit:contain}
.inline-close{position:absolute;top:4px;right:4px;z-index:6;width:30px;height:30px;border:1px solid #fff8;border-radius:50%;background:#123d;color:#fff;font-size:22px;line-height:1}
@media(max-width:700px){
 .president{display:flex;flex-direction:column}
 .president-copy{flex:0 0 58%;height:58%;width:86%;padding:16px 0 12px}
 .president>.photo{flex:1 1 0;width:100%;height:0!important;min-height:0}
 .global-copy{width:48%;padding:12px 4% 12px 0}
 .global-copy h2{font-size:26px;margin:10px 0}
 .global-copy .description{font-size:12px}
 .story-rail{width:100%}
}

/* Keep the original 1920px design canvas from expanding when the browser zooms out. */
#page{width:100%;max-width:1920px;margin-inline:auto;container-type:inline-size}

/* Larger community cards; playback opens in the shared dialog. */
.campus-card{flex:0 0 calc((100% - 36px)/3)}
#viewer.video-viewer{width:1200px;max-width:94vw;max-height:94dvh;padding:44px 16px 16px;overflow:auto}
#viewer.video-viewer .viewer-body{width:100%;aspect-ratio:16/9;max-height:calc(94dvh - 60px);background:#000}
#viewer.video-viewer iframe,#viewer.video-viewer video{display:block;width:100%;height:100%;max-height:calc(94dvh - 60px);border:0;object-fit:contain}
@media(max-width:1100px){.campus-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){.campus-card{flex-basis:72%}#viewer.video-viewer{padding:40px 8px 8px}}

/* Per-device images and a single complete main banner. */
.device-image{display:none;width:100%;height:100%;overflow:hidden}
.device-image img{width:100%;height:100%;object-fit:var(--image-fit)!important;object-position:var(--image-x) var(--image-y)!important;transform:scale(var(--image-zoom))!important}
.device-pc{display:block}
.empty-device-image{display:block;min-height:160px;padding:30px;background:#edf2f5}
.hero{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;background-image:none!important}
.hero>.photo{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;translate:none!important}
.hero .device-image{height:auto}
.hero .device-image img{height:auto!important;transform:none!important;object-fit:contain!important}
.hero-copy{position:absolute!important;left:62%!important;top:20%!important;width:33%!important;margin:0!important;padding:0!important}
.hero-copy:not(:has(.txt:not(:empty))){display:none}
.campus,.campus-wrap{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.campus-track{height:auto!important;max-height:none!important;overflow-x:auto;overflow-y:hidden;align-items:stretch;padding-bottom:24px}
.campus-card{flex:0 0 calc((100% - 36px)/3);min-width:0}
.campus-card .media,.campus-card .photo{height:auto!important;aspect-ratio:16/9;width:100%}
.campus-card .photo img{width:100%;height:100%!important;object-fit:cover!important;transform:none!important}
@media(min-width:701px) and (max-width:1100px){.device-pc{display:none}.device-tablet{display:block}.campus-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){.device-pc{display:none}.device-mobile{display:block}.campus-card{flex-basis:72%}}
#page .campus .campus-card .photo{width:100%!important;height:100%!important;translate:none!important;aspect-ratio:16/9} #page .campus .campus-card>.txt{translate:none!important} #page .campus{padding-top:40px;padding-bottom:45px}
#page .campus-copy h2{width:100%!important;max-width:100%;word-break:keep-all}