.videos-section{background:#10191d;color:#fff;overflow:hidden}
.videos-section .eyebrow{color:#a7c2cc}
.videos-section .eyebrow:before{background:var(--lime)}
.videos-section .section-head p{color:#afc5cd}
.video-track{gap:22px}
.short-card{width:264px;flex:none;border:1px solid #45616b;border-radius:14px;overflow:hidden;background:#1b343d}
.short-play{width:100%;aspect-ratio:9/16;position:relative;display:block;padding:0;border:0;background:radial-gradient(ellipse at 30% 25%,#327781,#12262e 75%);color:white;isolation:isolate;text-align:left;overflow:hidden}
.short-play>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.short-play:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06101455,transparent 32%,transparent 55%,#061014ed);z-index:0}
.short-play:hover>img{transform:scale(1.035)}
.short-label{position:absolute;left:19px;top:20px;font-size:8px;font-weight:650;letter-spacing:1.5px;z-index:1;color:#fff;text-shadow:0 1px 10px #000}
.short-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff90;border-radius:50%;background:#0d252b9e;backdrop-filter:blur(8px);z-index:1;transition:background .2s,color .2s}
.short-play-icon svg{width:28px;height:28px;margin-left:3px}
.short-play:hover .short-play-icon{background:var(--lime);color:#10282e}
.short-caption{position:absolute;left:20px;right:20px;bottom:25px;display:grid;gap:5px;z-index:1}
.short-caption>span:first-child{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9fdbdf}
.short-caption strong{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.5px}
.short-number{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#b2cbd1}
.short-number span{font-size:22px;color:#67d3d5}
.videos-section .workshop-bottom p{color:#9db4be}
.videos-section .workshop-controls button{color:#c4e2e8;border-color:#45616b}
.videos-section .workshop-controls button:hover{background:#25434c}
.workshop-controls #videoPause{font-size:11px;font-weight:600;padding:0 13px;min-width:100px}
.video-lightbox{width:min(440px,calc(100vw - 24px));max-height:96dvh;padding:12px 14px 10px;border:1px solid #45616b;border-radius:14px;background:#10191d;color:#fff;overflow:auto}
.video-lightbox::backdrop{background:#050a10ed;backdrop-filter:blur(8px)}
.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.video-dialog-head h2{font-size:13px;letter-spacing:-.2px;font-weight:550}
.video-close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #45616b;border-radius:50%;background:transparent;color:white;font-size:25px}
.video-player{width:min(100%,calc(74dvh * 9 / 16));aspect-ratio:9/16;margin:0 auto;background:#000;border-radius:7px;overflow:hidden}
.video-player iframe{width:100%;height:100%;display:block;border:0}
.video-external{display:block;width:fit-content;margin:10px auto 0;font-size:10px;color:#aacbd1;padding:4px}
.video-external:hover{color:var(--lime)}
@media(max-width:600px){.video-track{gap:16px}.short-card{width:min(248px,calc(100vw - 80px))}.short-caption strong{font-size:18px}.video-dialog-head h2{font-size:12px}}