/* DASGROUPS EMS — 3D extruded logo (see assets/js/dst-logo-3d.js) */
.dst3d { display: inline-block; position: relative; perspective: 700px; transform-style: preserve-3d; transition: transform .3s ease-out; }
.dst3d-inner { display: block; position: relative; transform-style: preserve-3d; animation: dst3d-sway 6s ease-in-out infinite; }
.dst3d-inner img { display: block; width: 100%; height: auto; }
.dst3d-inner img + img { position: absolute; left: 0; top: 0; }
.dst3d::after {
    content: ""; position: absolute; left: 12%; right: 12%; bottom: -18%; height: 14%;
    border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 40, .45), transparent);
    transform: translateZ(-40px); animation: dst3d-shadow 6s ease-in-out infinite;
}
@keyframes dst3d-sway {
    0%, 100% { transform: rotateY(-22deg) rotateX(8deg) translateY(0); }
    50% { transform: rotateY(22deg) rotateX(-4deg) translateY(-10px); }
}
@keyframes dst3d-shadow { 50% { opacity: .6; transform: translateZ(-40px) scale(.85); } }
@media (prefers-reduced-motion: reduce) { .dst3d-inner, .dst3d::after { animation: none; } }

/* SaaS hero: big logo floating above the showcase */
.sg-logo3d { position: absolute; right: 2%; top: -22%; width: 120px; z-index: 5; transform: translateZ(120px); }
.sg-logo3d .dst3d { width: 100%; filter: drop-shadow(0 18px 24px rgba(0, 0, 40, .45)); }
@media (max-width: 575px) { .sg-logo3d { width: 76px; top: -14%; right: 0; } }
/* login: the logo tile shows the 3D logo */
body.g3d .img-hol-p .dst3d { width: 150px; }