/* Theme system, homepage curation, and active-navigation glass. */
@font-face {
  font-family: "Alliance No.1";
  src: url("fonts/alliance-no-1.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Alliance No.2";
  src: url("fonts/alliance-no-2.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --ne-background: #f4f3ef;
  --ne-text: #111111;
  --ne-muted: #555550;
  --ne-rule: rgba(17, 17, 17, 0.18);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ne-background: #0a0a0a;
    --ne-text: #f2f2ef;
    --ne-muted: #aaa9a4;
    --ne-rule: rgba(242, 242, 239, 0.18);
  }
}

html:root,
html body,
html body #ajax-content-wrap,
html body .container-wrap,
html body #header-outer,
html body #header-space,
html body #slide-out-widget-area-bg,
html body #slide-out-widget-area,
html body #footer-outer,
html body #footer-widgets,
html body #copyright {
  background-color: var(--ne-background) !important;
}

html body,
html body p,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .nectar-cta .link_text,
html body .project-attrs,
html body .meta-category,
html body .subheader,
html body #header-outer a,
html body #slide-out-widget-area a,
html body #footer-outer a {
  color: var(--ne-text) !important;
}

html body hr,
html body .divider-border,
html body .portfolio-items .col {
  border-color: var(--ne-rule) !important;
}

html body .lines-button .lines,
html body .lines-button .lines::before,
html body .lines-button .lines::after,
html body #slide-out-widget-area .close-line {
  background-color: var(--ne-text) !important;
}

/* A minimal hamburger: no backing disc and three equal strokes. */
html body #header-outer a[aria-label="Navigation Menu"]::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #header-outer a[aria-label="Navigation Menu"] .lines,
html body #header-outer a[aria-label="Navigation Menu"] .lines::before,
html body #header-outer a[aria-label="Navigation Menu"] .lines::after {
  left: 0 !important;
  right: auto !important;
  width: 22px !important;
}

/* Salient applies a later, high-specificity 16px rule to the top stroke. */
html body.material #header-outer #top a[aria-label="Navigation Menu"] .lines,
html body.material #header-outer #top a[aria-label="Navigation Menu"] .lines::before,
html body.material #header-outer #top a[aria-label="Navigation Menu"] .lines::after {
  left: 0 !important;
  right: auto !important;
  width: 22px !important;
}

@media (prefers-color-scheme: light) {
  html body #logo img,
  html body .mobile-only-logo img,
  html body #header-outer .logo img {
    filter: invert(1);
  }
}

/* Keep the open navigation atmospheric while exposing the page beneath it. */
html body #header-outer {
  background-color: rgba(244, 243, 239, 0.2) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

html body #slide-out-widget-area.open {
  background-color: rgba(244, 243, 239, 0.2) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

html body #slide-out-widget-area-bg.open {
  background-color: transparent !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (prefers-color-scheme: dark) {
  html body #header-outer {
    background-color: rgba(10, 10, 10, 0.2) !important;
  }

  html body #slide-out-widget-area.open {
    background-color: rgba(10, 10, 10, 0.2) !important;
  }
}

/* Portfolio visual system: square media and quieter brand captions. */
.home .wpb_video_wrapper,
.home .wpb_video_wrapper video,
.home .wpb_wrapper > img,
.home .img-with-aniamtion-wrap,
.home .img-with-aniamtion-wrap img,
.home .work-item,
.home .work-item img,
.home .work-item .work-info-bg {
  border-radius: 0 !important;
}

.home .nectar-cta .link_wrap .link_text {
  font-size: 80% !important;
}