.project-videos-section{background:var(--secondery-color);padding-bottom:50px}.video-card{margin-bottom:30px}.video-thumbnail{position:relative;overflow:hidden;margin-bottom:24px}.video-thumbnail figure img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}.video-card:hover .video-thumbnail figure img{transform:scale(1.1)}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-play-icon i{color:var(--primary-color);font-size:var(--text-lg);margin-left:4px}.video-card:hover .video-play-icon{background:var(--accent-color)}.video-card:hover .video-play-icon i{color:var(--primary-color)}.video-info{text-align:center}.video-tag{font-size:var(--body-font-size);line-height:1.55;font-weight:400;color:var(--accent-color);text-transform:uppercase;letter-spacing:var(--label-letter-spacing);display:block;margin-bottom:5px}.video-info h4{font-size:var(--text-small);font-weight:400;color:var(--primary-color);margin:0 0 5px}.video-info p{font-size:var(--body-font-size);letter-spacing:var(--body-letter-spacing);margin:0}.video-info p,.video-swipe-hint{line-height:1.55;color:var(--text-color)}.video-swipe-hint{display:none;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:var(--text-sm);letter-spacing:var(--label-letter-spacing)}.video-thumbnail .video-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative;overflow:hidden}.video-thumbnail .video-trigger:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.video-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);padding:24px;animation:video-lightbox-fade .2s ease-out}.video-lightbox,.video-lightbox__inner{display:flex;align-items:center;justify-content:center}.video-lightbox__inner{position:relative;width:min(100%,calc((100vh - 48px) * 16 / 9));max-width:1100px}.video-lightbox__player{position:relative;width:100%;aspect-ratio:16/9;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden}.video-lightbox__player iframe,.video-lightbox__player video{width:100%;height:100%;display:block;border:0;background:#000}.video-lightbox__player video{object-fit:contain}.video-lightbox__close{position:absolute;top:-44px;right:0;width:40px;height:40px;padding:0;margin:0;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-lightbox__close-icon{display:block;flex:0 0 auto;pointer-events:none}.video-lightbox__close:focus-visible,.video-lightbox__close:hover{background:rgba(255,255,255,.25);outline:none;transform:scale(1.05)}.video-lightbox__unmute{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:var(--text-caption);font-weight:500;letter-spacing:.02em;cursor:pointer;z-index:3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .2s ease,transform .2s ease}.video-lightbox__unmute:focus-visible,.video-lightbox__unmute:hover{background:rgba(0,0,0,.85);outline:none;transform:scale(1.03)}.video-lightbox__unmute svg{display:block;flex:0 0 auto}@media (max-width:768px){.video-lightbox{padding:12px}.video-lightbox__inner{width:min(100%,calc((100vh - 24px) * 16 / 9))}.video-lightbox__close{top:8px;right:8px;width:36px;height:36px;background:rgba(0,0,0,.55)}.video-lightbox__unmute{top:10px;left:10px;padding:8px 12px;font-size:var(--text-xs)}}@media (max-width:767px){.video-swipe-hint{display:flex}}.projects-page .projects-floating-nav{position:fixed;top:50%;left:0;z-index:90;display:flex;flex-direction:column;width:48px;overflow:hidden;background:rgba(35,32,31,.95);border:1px solid rgba(255,255,255,.14);border-left:0;box-shadow:0 16px 35px rgba(0,0,0,.18);transform:translateY(-50%);transition:width .25s ease}.projects-page .projects-floating-nav:focus-within,.projects-page .projects-floating-nav:hover{width:108px}.projects-page .projects-floating-nav__item{display:flex;align-items:center;gap:9px;width:108px;min-height:46px;padding:0 14px;color:var(--white-color);font-family:var(--default-font);font-size:var(--text-xs);font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.12)}.projects-page .projects-floating-nav__item span{opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.projects-page .projects-floating-nav:focus-within .projects-floating-nav__item span,.projects-page .projects-floating-nav:hover .projects-floating-nav__item span{opacity:1;transform:translateX(0)}.projects-page .projects-floating-nav__item:last-child{border-bottom:0}.projects-page .projects-floating-nav__item i{width:16px;flex:0 0 16px;color:var(--white-color);font-size:var(--text-caption);text-align:center}.projects-page .projects-floating-nav__item:focus-visible,.projects-page .projects-floating-nav__item:hover{background:var(--white-color);color:var(--primary-color)}.projects-page .projects-floating-nav__item:focus-visible i,.projects-page .projects-floating-nav__item:hover i{color:var(--primary-color)}.projects-page .projects-floating-nav__item:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}@media (max-width:767px){.projects-page .projects-floating-nav,.projects-page .projects-floating-nav:focus-within,.projects-page .projects-floating-nav:hover{top:auto;right:auto;bottom:116px;left:0;width:48px;border-left:0;border-right:1px solid rgba(255,255,255,.14);border-radius:0 8px 8px 0;transform:none}.projects-page .projects-floating-nav__item{justify-content:center;width:48px;min-height:48px;padding:0}.projects-page .projects-floating-nav__item span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.projects-page .projects-floating-nav__item i{font-size:var(--text-small)}}