.atu-display-settings{position:relative;display:inline-flex;align-items:center;justify-content:center;grid-column:4;grid-row:1;width:44px;align-self:center;justify-self:end;color:inherit}
.atu-motion-choice{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;font:24px/1 "Segoe UI Symbol",Arial,sans-serif}
.atu-motion-choice:before{display:none!important}.atu-motion-choice:focus-visible,.atu-display-panel button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.atu-display-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:1000;min-width:225px;padding:14px;background:#181818;color:#f1f1f1;border:1px solid #909090;box-shadow:0 18px 48px #0005}
.atu-display-panel[hidden]{display:none!important}.atu-display-title{margin:0 0 10px;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.04em}
[data-atu-shared-nav] .atu-display-panel button[data-display-choice]{display:flex!important;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 8px!important;margin-top:4px;background:transparent!important;border:0!important;box-shadow:none!important;color:#f1f1f1!important;text-align:left;font:400 14px/1.4 Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;opacity:1!important;cursor:pointer}
[data-atu-shared-nav] .atu-display-panel button[data-display-choice]:before{content:''!important;display:block!important;position:static!important;flex:0 0 16px;width:16px!important;height:16px!important;margin:0!important;background:transparent!important;border:1px solid #909090!important;border-radius:50%!important;transform:none!important;clip-path:none!important;box-sizing:border-box}
[data-atu-shared-nav] .atu-display-panel button[data-display-choice]:after{display:none!important}
[data-atu-shared-nav] .atu-display-panel button[data-display-choice][aria-pressed=true]{background:#363636!important;font-weight:600!important}
[data-atu-shared-nav] .atu-display-panel button[data-display-choice][aria-pressed=true]:before{content:'✓'!important;background:#e2e2e2!important;border-color:#e2e2e2!important;color:#181818!important;font:700 12px/14px Arial,sans-serif!important;text-align:center}
[data-atu-shared-nav] .atu-display-panel button[data-display-choice]:hover{background:#363636!important}
/* Shared navigation. Light route headers and dark portfolio headers use the same proportions. */
html:root :is(#atu-app,#page-hero,body) [data-atu-shared-nav] {
  --nav-paper: #151515;
  --nav-ink: #f6f6f6;
  --nav-muted: #c0c0c0;
  --nav-soft: #2f2f2f;
  --nav-hairline: #3b3b3b;
  --nav-panel: #202020;
  --atu-nav-active-text: var(--nav-ink);
  --nav-grid-gap: clamp(12px, 1.4vw, 24px);
  font-family: var(--atu-editorial-font, 'ATU Navigation', Arial, sans-serif) !important;
  background: var(--nav-paper) !important;
  color: var(--nav-ink) !important;
  border: 0 !important;
  box-shadow: none !important;

  &:is(.site-header:not(.atu-static-header), .post-hero-nav) {
    --nav-paper: #f1f1f1;
    --nav-ink: #222222;
    --nav-muted: #555555;
    --nav-soft: #e1e1e1;
    --nav-hairline: #cfcfcf;
    --nav-panel: #fbfbfb;
  }
  &:is(.atu-nav,.post-hero-nav), & > .header-inner {
    grid-template-columns: auto 132px minmax(0,1fr) 44px !important;
    column-gap: var(--nav-grid-gap) !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
  }
  &:is(.site-header,.atu-static-header) {height:78px !important;min-height:78px !important}
  & .atu-brand {
    width: max-content !important;
    min-height: 44px;
    justify-self: start;
    color: var(--nav-ink) !important;
  }
  & .atu-wordmark { white-space: nowrap; }
  & .atu-wordmark > span:first-child { border: 0 !important; padding: 0 !important; }
  & .atu-language-picker {
    display: flex !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  & .atu-language-picker > button {
    position: relative;
    isolation: isolate;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--nav-muted) !important;
    font: 560 12px/1 var(--atu-editorial-font, 'ATU Navigation', Arial, sans-serif) !important;
    letter-spacing: .015em;
  }
  & .atu-language-picker > button[aria-pressed=true] { color:var(--nav-ink) !important; font-weight:720 !important; }
  & .atu-language-picker > button[aria-pressed=true]::before {
    content: ''; position: absolute; z-index: -1; inset: 8px 3px; background: var(--nav-soft);
    border: 0; border-radius: 6px;
  }
  & :is(nav,.site-nav) > a {
    color: var(--nav-muted) !important;
    font: 520 15px/1.35 var(--atu-editorial-font, 'ATU Navigation', Arial, sans-serif) !important;
    letter-spacing: -.015em !important;
    border: 0 !important;
  }
  & :is(nav,.site-nav) > a:is(:hover,[aria-current=page],.atu-nav-contact) { color:var(--nav-ink) !important; }
  & :is(nav,.site-nav) > a[aria-current=page] {
    text-decoration: underline !important; text-decoration-thickness: 1px !important;
    text-underline-offset: 5px !important;
  }
  & :is(nav,.site-nav) > a[aria-current=page] > span { color: var(--nav-ink) !important; }
  & .atu-motion-choice {
    display: grid !important; place-items: center; width: 44px !important; height: 44px !important;
    border: 0 !important; background: transparent !important; color: var(--nav-ink) !important;
  }
  & .atu-motion-choice > span {
    display: grid; place-items: center; width: 32px; height: 32px;
    background: var(--nav-soft); border-radius: 50%;
    color: var(--nav-ink); font: 21px/1 'Segoe UI Symbol', Arial, sans-serif !important;
  }
  & .atu-display-panel {
    top: calc(100% + 8px); right: 0;
    min-width: 224px; padding: 14px 10px 9px; border: 1px solid var(--nav-hairline);
    border-radius: 14px; background: var(--nav-panel); color: var(--nav-ink);
    box-shadow: 0 12px 36px #1a1a1a29;
  }
  & .atu-display-title {
    margin: 0 9px 9px; color: var(--nav-muted); font: 600 13px/1.3 var(--atu-editorial-font,Arial,sans-serif);
    letter-spacing: 0;
  }
  & .atu-display-panel button[data-display-choice] {
    padding-inline: 9px !important; border-radius: 8px; color: var(--nav-ink) !important;
    font: 530 15px/1.3 var(--atu-editorial-font,Arial,sans-serif) !important;
  }
  & .atu-display-panel button[data-display-choice]::before { border-color: var(--nav-muted) !important; }
  & .atu-display-panel button[data-display-choice]:is(:hover,[aria-pressed=true]) { background: var(--nav-soft) !important; }
  & .atu-display-panel button[data-display-choice][aria-pressed=true]::before {
    background: var(--nav-ink) !important; border-color: var(--nav-ink) !important; color: var(--nav-paper) !important;
  }
}
@media (max-width: 1100px) {
  html:root :is(#atu-app,#page-hero,body) [data-atu-shared-nav] {
    &:is(.atu-nav,.post-hero-nav), & > .header-inner {
      grid-template-columns: minmax(44px,1fr) 132px 62px 44px !important;
      column-gap: 4px !important;
      height: 64px !important; min-height: 64px !important; max-height: 64px !important;
      padding-inline: clamp(12px,4vw,36px) !important;
    }
    &:is(.site-header,.atu-static-header) { height:64px !important; min-height:64px !important; }
    & .atu-brand {gap:5px !important}
    & :is(.atu-menu-toggle,.menu-toggle) {
      display: inline-flex !important; gap: 6px !important; width: 62px !important; min-width: 62px !important;
      padding: 0 !important; justify-content: center !important; border: 0 !important;
      color: var(--nav-ink) !important; font: 580 13px/1 var(--atu-editorial-font,Arial,sans-serif) !important;
    }
    & .atu-menu-sign {
      width: 15px; height: 12px; position: relative; font-size: 0 !important;
      background: none;
      flex: none; transform: none !important; transition: none !important;
    }
    & .atu-menu-sign::before, & .atu-menu-sign::after {
      content: ''; display: block; position: absolute; top: 1px; left: 0;
      width: 15px; height: 1.5px; background: currentColor; border: 0;
    }
    & .atu-menu-sign::after { top: 10px; box-shadow: 0 -4.5px currentColor; }
    & [aria-expanded=true] .atu-menu-sign { background: none; }
    & [aria-expanded=true] .atu-menu-sign::before { top: 5px; transform: rotate(45deg); }
    & [aria-expanded=true] .atu-menu-sign::after { top: 5px; transform: rotate(-45deg); box-shadow: none; }
    & :is(nav,.site-nav) {
      background: var(--nav-paper) !important; color: var(--nav-ink) !important;
      padding: 10px clamp(16px,5vw,48px) 18px !important;
      border: 0 !important; box-shadow: 0 15px 24px #1a1a1a14 !important;
    }
    & :is(nav,.site-nav) > a {
      font-size: 16px !important; min-height: 49px !important;
      border-top: 1px solid var(--nav-hairline) !important;
    }
    & :is(nav,.site-nav) > a.atu-nav-contact[href] { border-color:var(--nav-hairline) !important; }
  }
}
@media (max-width: 360px) {
  html:root :is(#atu-app,#page-hero,body) [data-atu-shared-nav] .atu-brand {width:44px !important;justify-content:center}
  html:root :is(#atu-app,#page-hero,body) [data-atu-shared-nav] .atu-brand .atu-wordmark {display:none !important}
}
html:root body.svc > nav.service-switch {
  position: relative !important; top: auto !important;
  min-height: 44px !important; height: auto !important; gap: clamp(16px,2vw,32px);
  background: #f1f1f1 !important; color: #555555 !important;
  border: 0 !important; box-shadow: none !important;
}
html:root body.svc > nav.service-switch a {
  min-width: 44px; min-height: 44px !important; padding: 0 !important; border: 0 !important; color: inherit !important;
  font: 500 14px/1.3 var(--atu-editorial-font,'ATU Navigation',Arial,sans-serif) !important;
}
html:root body.svc > nav.service-switch a[aria-current=page] {
  color: #222222 !important; font-weight: 680 !important;
  text-decoration: underline !important; text-underline-offset: 5px; text-decoration-thickness: 1px;
}
@media (max-width:1100px) {
  html:root body.svc > nav.service-switch { padding-inline:clamp(12px,4vw,36px) !important;gap:24px; }
}
@media print {.atu-display-settings{display:none !important}}