/* Direct expertise navigation: no nested category menu. */
.header-inner { grid-template-columns:auto minmax(0,1fr) auto; gap:20px; }
.desktop-nav { display:flex; flex-direction:column; gap:8px; justify-self:stretch; min-width:0; padding-block:13px; }
.primary-category-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; min-width:0; }
.desktop-nav .nav-category-link, .mobile-nav .nav-category-link { position:relative; display:flex; align-items:center; gap:8px; min-height:40px; padding:9px 10px; border:1px solid transparent; border-radius:10px; font-size:11px; line-height:1.5; font-weight:650; color:#bcb1c9; transition:color .2s,background .2s,border-color .2s; }
.desktop-nav .nav-category-link::after { content:none; }
.nav-category-dot { width:4px; height:4px; border-radius:50%; background:#62526f; flex:0 0 4px; }
.nav-category-check { display:none; color:#c5a2e3; font-size:10px; }
.nav-category-link:hover { background:#ffffff05; color:#fff; }
.desktop-nav .nav-category-link[aria-current=page], .mobile-nav .nav-category-link[aria-current=page] { background:linear-gradient(110deg,#652e9226,#7b233525); border-color:#9c6eb745; color:#f5edf9; box-shadow:inset 0 -1px #ac7ec14d; }
.nav-category-link[aria-current=page] .nav-category-dot { background:#c39bdf; box-shadow:0 0 0 4px #a668d212; animation:category-signal 3s ease-in-out infinite; }
.nav-category-link[aria-current=page] .nav-category-check { display:inline; }
.nav-secondary { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; }
.desktop-nav .nav-secondary a { font-size:10px; color:#877a94; font-weight:500; }
.desktop-nav .nav-secondary a[aria-current=page] { color:#c4add8; }
.desktop-nav .nav-secondary a::after { bottom:-4px; }
.nav-category-link:focus-visible { outline:2px solid #aa80ce; outline-offset:3px; }
.category-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.case-study-nav { display:flex; flex-wrap:wrap; gap:12px; font-size:11px; }
.case-study-nav a { padding:6px 8px; }
.modal-hero[data-gallery=desktop] .modal-device { width:100%; max-width:580px; height:auto; aspect-ratio:16/10; transform:none; border-radius:16px; }
.modal-hero[data-gallery=desktop] .modal-device img { width:100%; height:100%; object-fit:cover; object-position:top; }
@keyframes category-signal { 0%,100% {box-shadow:0 0 0 3px #a668d212;} 50% {box-shadow:0 0 0 6px #a668d226;} }
@media(max-width:1600px) { .header-cta { display:none; } .header-inner { gap:14px; } }
@media(max-width:1200px) {
 .header-inner { grid-template-columns:auto minmax(0,1fr); }
 .desktop-nav { display:none; }
 .mobile-nav .primary-category-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-block:12px; }
 .mobile-nav .nav-category-link { padding:13px 12px; border:1px solid #ffffff0c; min-height:58px; font-size:12px; }
 .mobile-nav .nav-secondary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; padding-top:10px; border-top:1px solid #ffffff10; }
 .mobile-nav .nav-secondary a { font-size:12px; }
 .case-study-nav { max-width:56%; justify-content:flex-end; gap:5px; }
}
@media(max-width:767px) { .category-related-grid { grid-template-columns:minmax(0,1fr); } .case-study-nav { font-size:9px; gap:0; } }
@media(max-width:380px) { .mobile-nav .nav-category-link { padding:12px 9px; font-size:11px; gap:6px; } }
@media(prefers-reduced-motion:reduce) { .nav-category-link[aria-current=page] .nav-category-dot { animation:none; } }
