/* Imperial Digitech: static HTML + CSS responsive navigation. */
.idnav-mobile { display:none; position:relative; }
.idnav-mobile .idnav-toggle { width:42px; height:42px; display:grid; align-content:center;
 justify-items:center; gap:6px; cursor:pointer; background:white; color:#071c58;
 border:1px solid #dce3f2; border-radius:50%; list-style:none; }
.idnav-toggle::-webkit-details-marker { display:none; }
.idnav-toggle>span { width:19px; height:2px; background:currentColor; display:block;
 border-radius:4px; transition:transform .2s ease; }
.idnav-mobile[open] .idnav-toggle>span:first-child { transform:translateY(4px) rotate(45deg); }
.idnav-mobile[open] .idnav-toggle>span:last-child { transform:translateY(-4px) rotate(-45deg); }
.idnav-mobile .idnav-panel { position:absolute; z-index:110; right:0; top:calc(100% + 16px);
 width:min(390px,calc(100vw - 24px)); max-height:calc(100svh - 105px); overflow-y:auto;
 padding:28px; border-radius:22px; border:1px solid #dce3f2; background:white;
 box-shadow:0 22px 65px rgba(7,28,88,.16); display:flex; flex-direction:column; gap:7px; }
.idnav-panel .idnav-heading { color:#63708b; font-size:10px; letter-spacing:1.3px;
 font-weight:700; padding-bottom:14px; }
.idnav-panel>a { color:#071c58; font-size:23px; font-weight:600; letter-spacing:-.4px;
 text-decoration:none; padding:12px 0; border-bottom:1px solid #e8edf8; }
.idnav-panel>a:hover, .idnav-panel>a:focus-visible { color:#315bff; }
.idnav-panel>p { margin:12px 0 0; font-size:12px; color:#63708b; }
/* Active navigation indicator with CSS instead of dynamic PHP link attributes. */
body[data-page="home"] .desktop-nav a[href$="/index.php"]::after,
body[data-page="services"] .desktop-nav a[href$="/services/services.php"]::after,
body[data-page="work"] .desktop-nav a[href$="/work/work.php"]::after,
body[data-page="about"] .desktop-nav a[href$="/about/about.php"]::after
{ content:""; width:4px; height:4px; background:#315bff; border-radius:50%;
 position:absolute; left:50%; bottom:1px; }
@media(max-width:991px) { .idnav-mobile { display:block; } .idnav-mobile .idnav-toggle { width:40px; height:40px; } }
@media(max-width:374px) { .idnav-mobile .idnav-toggle { width:36px; height:36px; } }