/* DPFolio: neutral workshop navigation, shared by desktop and mobile. */
body aside{background:#17191c;background-image:linear-gradient(155deg,#25282c 0%,#17191c 48%,#101113 100%);background-size:cover;background-position:center;border-color:#35393e;color:#f5f5f5}
body aside .workshopbrand strong,body aside .panelintro h2{color:#f5f5f5}
body aside small,body aside .workshopbrand small,body aside .introeyebrow{color:#b8bdc3}
body aside .panelintro{background:none;border-color:#42464c}
body aside .panelintro p,body aside .introline{color:#c3c7cd}
body aside .introline span{background:#cce978}
body aside>p{color:#b8bdc3!important;border-color:#42464c}
body aside .workshopbrand img{background:#f3f4f5}
body aside .brandmonogram{color:#e5e7e9;border-color:#555b63;background:#282b30}
body aside nav button{background:#25282d;color:#e9eaed;border-color:#41464d;backdrop-filter:none}
body aside nav button:hover{background:#32363d;border-color:#89919b}
body aside nav button .navicon{background:#ffffff08}
body aside nav button.active{background:#edf0f2;color:#1d2126;border-color:#cbd0d5;box-shadow:inset 3px 0 0 #b9dd62}
body aside nav button.active .navicon{background:#d8dde1;color:#20252a}
body aside nav button:focus-visible{outline:3px solid #cce978;outline-offset:3px}
@media(max-width:760px){body aside{border-right:0;border-bottom:1px solid #42464c}body aside nav button.active{box-shadow:inset 0 -3px 0 #b9dd62}}