/* New features: slideshows, project galleries, dropdown menu. Loaded after style.css. */
.gal{position:relative;overflow:hidden;border-radius:4px;background:#e8f2fc}
.gal .gs{position:absolute;inset:0;opacity:0;transition:opacity .7s}.gal .gs.on{opacity:1}
.gal .gs .im{height:100%;border-radius:0;min-height:0;margin:0}
.split .gal{height:540px}.modal .gal{height:300px;margin-bottom:20px}
.gp,.gn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#0b2a4a;font-size:24px;line-height:1;cursor:pointer;transition:.3s}
.gp{left:12px}.gn{right:12px}.gp:hover,.gn:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.gd{position:absolute;z-index:3;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.gd i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.65);cursor:pointer;display:block;transition:.3s}.gd i.on{background:#fff;width:24px;border-radius:6px}
.dd{position:relative;display:flex;align-items:center}
.ddm{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px rgba(11,42,74,.14);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:40}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:block;padding:11px 20px!important;white-space:nowrap}.ddm a:after{display:none!important}.ddm a:hover{background:#f4f9ff}
@media(max-width:1060px){.dd{display:block}.ddm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 16px;min-width:0}}
@media(max-width:900px){.split .gal{height:340px}}