/* light theme for secondary pages (about, services, portfolio): dark sections become light */
body .sx.dark{background:#fbfaf9!important;color:#0b0b0b;border-top:1px solid rgba(0,0,0,.08)}
.sx.dark::before{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px)}
.sx.dark::after{background:radial-gradient(circle,rgba(255,153,0,.14),rgba(255,153,0,0) 66%)}
.sx.dark .sx-lead,.sx.dark .svc p,.sx.dark .mv-c p,.sx.dark .hist p,.sx.dark .vals span,.sx.dark .sx-cta p,.sx.dark .loc-list a,.sx.dark .loc-list div{color:#5a5856}
.sx.dark .checks li,.sx.dark .svc ul,.sx.dark .chip,.sx.dark .svc-top,.sx.dark .panel-num span,.sx.dark .panel-row span,.sx.dark .bn span,.sx.dark .marq span{color:#3a3836}
.sx.dark .svc-top{color:#8a8886}
.sx.dark .sx-cta p b,.sx.dark .hist li b{color:#0b0b0b}
.sx.dark .hist li:last-child b{color:#FF9900}
.sx.dark .hist li i{background:#fbfaf9}
/* cards */
body .sx.dark .mv-c,body .sx.dark .svc,body .sx.dark .bn,body .sx.dark .vals,body .sx.dark .sx-cta,body .sx.dark .panel{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 18px 40px -28px rgba(0,0,0,.25);-webkit-backdrop-filter:none;backdrop-filter:none}
body .sx.dark .mv-c:first-child{background:radial-gradient(120% 90% at 100% 0%,rgba(255,153,0,.16),rgba(255,153,0,0) 58%),#fff!important;border-color:rgba(255,153,0,.5)!important}
body .sx.dark .mv-c:hover,body .sx.dark .svc:hover,body .sx.dark .bn:hover{border-color:rgba(255,153,0,.8)!important}
.sx.dark .svc ul,.sx.dark .panel-row,.sx.dark .vals div+div,.sx.dark .panel-row div+div,.sx.dark .marq{border-color:rgba(0,0,0,.12)}
.sx.dark .marq{border-top-color:rgba(0,0,0,.12);border-bottom-color:rgba(0,0,0,.12)}
.sx.dark .loc-list a,.sx.dark .loc-list div{border-color:rgba(0,0,0,.12)}
.sx.dark .mv-c .big{-webkit-text-stroke-color:rgba(0,0,0,.08)}
.sx.dark .bn b,.sx.dark .panel-num b{background:linear-gradient(180deg,#0b0b0b 20%,#FF9900 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sx.dark .mapcard{background:#fff}
.sx.dark .node{color:#5a5856}.sx.dark .node i{background:#8a8886}
/* light sections that sit next to light-dark: keep their own warm grey */
@media (max-width:1100px){.sx.dark .vals div+div{border-top-color:rgba(0,0,0,.1)}}