/* High-contrast thumb navigation; desktop retains its light glass treatment. */
@media(max-width:760px){
.portfolio-navigation{--nav-fg:#f5f5f5}
.portfolio-navigation .island,body.nav-compact .portfolio-navigation .island{background:rgba(33,33,33,.94);border-color:rgba(255,255,255,.16);box-shadow:0 12px 36px #00000035;color:#f5f5f5}
.portfolio-navigation .island-logo{color:#f5f5f5;background:transparent;border-color:transparent}
.portfolio-navigation .menu-trigger{color:#f5f5f5;border-color:#ffffff38;background:transparent}
.portfolio-navigation .menu-trigger.open{background:#ffffff14;border-color:#ffffff26}
.portfolio-navigation .qd{background:#f5f5f5}
.portfolio-navigation .mobile-panel{background:rgba(33,33,33,.97);border-color:#ffffff26;color:#f5f5f5;box-shadow:0 12px 36px #00000040}
.portfolio-navigation .mobile-panel .m-item{background:#ffffff08;color:#f5f5f5}
.portfolio-navigation .mobile-panel .m-item[aria-current=page]{background:#ffffff1f;color:#fff}
.portfolio-navigation .mobile-panel .m-item:hover{background:#ffffff18;color:#fff}
.portfolio-navigation .mobile-panel .m-cta,.portfolio-navigation .mobile-panel .m-cta[aria-current=page]{background:#f5f5f5;color:#212121}
.portfolio-navigation .mobile-panel .m-cta:hover{background:#dedede;color:#212121}
.portfolio-navigation :focus-visible{outline-color:#fff}
}