/* Existing type, palette and imagery, with responsive additions for real media. */
.puzzle-illustration,img[src$="/drawing-4271.webp"],img[src$="/drawing-4271-thumb.webp"]{clip-path:inset(0 0 1.3% 0 round 8px)}
.direction-art .course-card-photo{display:block;width:100%;height:180px;object-fit:cover;object-position:50% 56%;border-radius:8px}
.library-feature .library-artwork{height:360px;padding:12px}
.library-feature .library-artwork>img{width:auto;height:100%;max-width:100%;object-fit:contain}
.library-feature .video-artwork{position:relative;padding:0;overflow:hidden}
.library-feature .video-artwork>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;box-shadow:none}
.video-preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;color:#12334e;background:#faf8f3ed;font-size:25px;box-shadow:0 4px 20px #12334e33}
.archive-gallery.learning-photos{grid-template-columns:repeat(4,minmax(0,1fr))}
.learning-photos .archive-figure img{height:300px}
.community-photo img{object-fit:contain;background:#f1eee7}
.awards-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.awards-track .community-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.reels-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1020px;margin-inline:auto}
.portrait-video{margin:0;min-width:0}
.portrait-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#122534;border-radius:10px}
.portrait-video figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:16px;line-height:1.45;padding-top:14px;color:var(--muted)}
.video-duration{white-space:nowrap;font-size:14px}
.carousel-controls{display:none}
.media-track{scrollbar-color:#8fadc0 #edf1f1;scrollbar-width:thin}
.media-track:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.qualification-with-photo{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center}
.qualification-with-photo .community-photo img{height:255px;object-fit:contain}
.completion-feature{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:48px;align-items:center;max-width:950px}
.completion-feature .community-photo img{height:360px;object-fit:contain}
.social-video-layout{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:55px;align-items:center;max-width:980px}
.social-video-layout h3{font-size:28px;line-height:1.3}
.social-video-layout p{font-size:19px;color:var(--muted)}
@media(max-width:1000px){
 .archive-gallery.learning-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .awards-track{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .qualification-with-photo{grid-template-columns:1fr}
 .qualification-with-photo .community-photo{max-width:280px}
 .qualification-with-photo .community-photo img{height:320px}
 .completion-feature,.social-video-layout{grid-template-columns:1fr;gap:24px}
 .completion-feature .community-photo{max-width:320px}
 .social-video-layout>.portrait-video{width:min(100%,340px);justify-self:center}
 .library-feature .library-artwork{height:330px}
 .carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;color:var(--muted);font-size:14px}
 .carousel-controls>div{display:flex;gap:8px}
 .carousel-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:23px;cursor:pointer}
 .reels-track,.awards-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 14px;margin:0}
 .reels-track>.portrait-video,.awards-track>.community-photo{flex:0 0 82%;scroll-snap-align:start;min-width:0}
 .reels-track>.portrait-video{max-width:340px}
 .awards-track>.community-photo{max-width:300px}
 .learning-photos .archive-figure img{height:240px}
 .social-video-layout p{font-size:18px}
}

/* Additional seminar clips keep the initial three-video layout compact. */
.additional-reels{grid-template-columns:repeat(2,minmax(0,1fr));max-width:670px;margin:28px auto 0}
.awards-track{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.additional-reels{display:grid;grid-template-columns:1fr;max-width:340px;overflow:visible}.additional-reels>.portrait-video{max-width:none}}
@media(min-width:1001px){.awards-track{grid-template-columns:repeat(6,minmax(0,1fr))}}

.mobile-video-viewer[hidden]{display:none}
@media(max-width:760px){
 #atmosphere-videos.has-mobile-video-viewer>.media-carousel,
 #atmosphere-videos.has-mobile-video-viewer>.more-seminars{display:none}
 .mobile-video-viewer{max-width:340px;margin-inline:auto}
 .mobile-video-stage>.portrait-video[hidden]{display:none}
 .mobile-video-stage video{width:100%;max-height:60svh;aspect-ratio:9/16}
 .mobile-video-pager{display:grid;grid-template-columns:1fr auto 1.35fr;gap:8px;align-items:center;margin-top:18px;padding:0}
 .mobile-video-pager button{min-height:46px;padding:10px 8px;border:1px solid #91b3ca;border-radius:8px;background:var(--paper);color:var(--ink);font:600 14px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
 .mobile-video-pager .video-next{background:#226ca4;color:white;border-color:#226ca4}
 .mobile-video-pager button:disabled{opacity:.4;cursor:default}
 .mobile-video-pager .video-count{font-size:14px;white-space:nowrap;color:var(--muted)}
}