/* Shared Medusa identity for the imported portfolio. Client artwork keeps its original colors. */
html[color-scheme], body.medusa-portfolio {
  --_font-default: "Montreal", sans-serif;
  --_font-accent: "Montreal", sans-serif;
  --_font-brand: "Versa", serif;
  --base: #101b2c;
  --base-rgb: 16, 27, 44;
  --base-tint: #19283d;
  --base-shade: #0d1625;
  --base-opp: #c1cad8;
  --accent: #a69abd;
  --accent-rgb: 166, 154, 189;
  --additional: #8da9bd;
  --additional-rgb: 141, 169, 189;
  --t-bright: #e0e5ed;
  --t-medium: #c0cad8;
  --t-muted: #aab6c8;
  --t-opp-bright: #101b2c;
  --st-bright: #c1cad8;
  --st-medium: #697a93;
  --st-muted: #304159;
  --base--light: #101b2c;
  --base--dark: #101b2c;
  --accent--light: #a69abd;
  --accent--dark: #a69abd;
  --t-bright--light: #e0e5ed;
  --t-bright--dark: #e0e5ed;
  color-scheme: dark;
}
body.medusa-portfolio { background: #070b14; color: #c0cad8; font-family: var(--_font-default); }
.medusa-portfolio :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,li,span,small,strong,label) { font-family: var(--_font-default); }
.medusa-portfolio .mxd-logo__text { font-family: var(--_font-brand); }
.medusa-portfolio main { background: transparent; }
.medusa-portfolio :is(h1,h2,h3,h4,h5,h6) { color: var(--t-bright); }
.medusa-portfolio a:focus-visible, .medusa-portfolio button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.medusa-portfolio-nav { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 1rem; margin: 12rem 3.2rem 0; }
.medusa-portfolio-nav a { display: inline-flex; padding: 1rem 1.8rem; border: 1px solid #aab6c833; border-radius: 99px; background: #19283daa; color: #e0e5ed; font-size: 1.4rem; line-height: 1.5; }
.medusa-portfolio-nav a:hover, .medusa-portfolio-nav a[aria-current] { color: #101b2c; background: #a69abd; }
.medusa-portfolio :is(.design-project-card,.design-service-card,.ecofin-info-card,.social-clean-project,.ads-project-card) { border-color: #aab6c833; }
.medusa-portfolio #color-switcher { display: none; }
@media(max-width:767px) {
  .medusa-portfolio-nav { margin: 10rem 1.6rem 0; gap: .7rem; }
  .medusa-portfolio-nav a { padding: .8rem 1.2rem; font-size: 1.3rem; }
}
@media(prefers-reduced-motion:reduce) {
  .medusa-portfolio *, .medusa-portfolio *::before, .medusa-portfolio *::after { scroll-behavior: auto !important; }
}