.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero:before{background:linear-gradient(90deg,#051322bf,#0c223b85),linear-gradient(0deg,#05132270,transparent 70%)}#workshop{background:#091624;color:white;overflow:hidden}#workshop .label{color:#7acef6;letter-spacing:2.5px}#workshop .section-head p{color:#91afc4;max-width:390px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{display:block;padding:0;text-align:left;color:white;background:#11273b;border:1px solid #ffffff17;border-radius:5px;overflow:hidden;transition:transform .4s,border-color .4s;min-width:0}.video-card:hover{transform:translateY(-6px);border-color:#53b3e2}.video-thumb{height:235px;position:relative;overflow:hidden}.video-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0614248c,transparent 65%);pointer-events:none}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.video-card:hover img{transform:scale(1.055)}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:59px;height:59px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#0d284c66;border:1px solid #ffffffb0;backdrop-filter:blur(8px);color:white;z-index:1;font-size:15px;transition:background .3s,transform .3s}.video-card:hover .play-icon{background:#2479bd;transform:translate(-50%,-50%) scale(1.08)}.video-index{position:absolute;bottom:17px;left:20px;z-index:1;font-size:9px;letter-spacing:2px;color:#d1e4f3}.video-caption{padding:23px 24px;position:relative}.video-caption h3{font-family:'Manrope',sans-serif;font-size:20px;font-weight:500;margin:0 0 9px;letter-spacing:-.5px;padding-right:20px}.video-caption p{font-size:11px;color:#8eaac1;line-height:1.6;margin:0}.video-caption>span{position:absolute;right:23px;top:25px;color:#6bbbe6}.real-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.real-photo-grid figure{margin:0;overflow:hidden}.real-photo-grid img{width:100%;height:230px;object-fit:cover;display:block;border-radius:3px}.real-photo-grid figcaption{font-size:11px;color:#98b7cd;padding-top:13px}.real-photo-grid figure:first-child img{object-position:center 45%}#videoDialog{background:#0c1b2b;color:white;border:1px solid #47657d;width:min(1150px,94vw);max-height:94vh;padding:0;border-radius:6px;box-shadow:0 30px 100px #0009}#videoDialog::backdrop{background:#03101ded;backdrop-filter:blur(9px)}.video-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #ffffff25;gap:20px}.video-dialog-head h2{font-family:'Manrope',sans-serif;font-size:17px;font-weight:500;letter-spacing:-.2px}.video-dialog-head button{border:1px solid #547086;background:none;color:white;border-radius:50%;width:35px;height:35px;font-size:14px;flex-shrink:0}#projectVideo{display:block;width:100%;height:auto;max-height:78vh;background:black}.video-grid .video-card{animation:contentIn .7s ease both}@media(max-width:1100px){nav{gap:12px;font-size:10px}.video-grid{grid-template-columns:1fr 1fr}.real-photo-grid{grid-template-columns:1fr 1fr}.real-photo-grid img{height:260px}}@media(max-width:700px){.hero-video{object-position:48% center}.video-grid{grid-template-columns:1fr;gap:20px}.video-thumb{height:235px}.video-caption h3{font-size:21px}.real-photo-grid{gap:16px}.real-photo-grid img{height:190px}.real-photo-grid figcaption{font-size:10px;line-height:1.6}.video-dialog-head{padding:13px 15px}.video-dialog-head h2{font-size:14px}#projectVideo{max-height:75vh}.slide-label{display:block;font-size:8px;letter-spacing:1px}#pauseHero{margin-left:0}.hero-controls{gap:0}.hero-controls .slide-label{margin-left:10px}}@media(prefers-reduced-motion:reduce){.video-card,.video-thumb img,.play-icon{transition:none}.video-grid .video-card{animation:none}}
