@layer reset, base, layout, components, utilities, vendor;

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/reset/reset.css */
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    html {
      interpolate-size: allow-keywords;
    }
  }
  body {
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  p {
    text-wrap: pretty;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance;
  }
  #root,
  #__next {
    isolation: isolate;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/a.css */
@layer base {
  a {
    color: hsl(var(--color-900));
    text-decoration: none;
    border-bottom: 2px dotted;
    &:hover,
    &:focus {
      filter: brightness(1.15);
      border-bottom-style: solid;
    }
    &:has(.logo) {
      border: none;
    }
    &[href^=mailto] {
      &::before {
        background: currentColor;
        content: "";
        display: inline-block;
        height: 1lh;
        width: 1lh;
        margin-inline-end: 4px;
        opacity: 0.75;
        mask: url(/images/mail.svg) center/contain no-repeat;
        position: relative;
        top: 4px;
      }
    }
    &[href^=tel] {
      &::before {
        background: currentColor;
        content: "";
        display: inline-block;
        height: 1lh;
        width: 1lh;
        margin-inline-end: 4px;
        opacity: 0.75;
        mask: url(/images/phone.svg) center/contain no-repeat;
        position: relative;
        top: 4px;
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/body.css */
@layer base {
  body {
    color: hsl(var(--color-900));
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/details.css */
@layer base {
  details {
    border: 1px solid;
    border-radius: 1em;
    margin-bottom: 1em;
    &[open] {
      background: hsl(var(--color-300) / 15%);
      padding: 1rem;
      & > summary {
        padding: 1rem;
        margin: -1rem -1rem 0;
        &::after {
          transform: rotate(135deg);
        }
      }
    }
    &:not([open]):hover {
      background: hsl(var(--color-300) / 50%);
    }
    & > summary {
      display: flex;
      gap: 0.5rem;
      font-size: var(--font-size-h6);
      font-weight: 550;
      padding: 1rem;
      &::after {
        content: "\ff0b";
        transition: .2s transform;
        display: block;
        transform-origin: center;
        margin-inline-start: auto;
        place-self: flex-start;
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/figure.css */
@layer base {
  figure {
    margin: 1rem;
    width: fit-content;
    max-width: 100%;
    figcaption {
      text-align: center;
      font-size: 0.8rem;
      margin-block: 0.25lh 0.5lh;
    }
    &.inline {
      float: left;
      margin: 1rem 1rem 1rem 0;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/footer.css */
@layer base {
  footer {
    background-color: hsl(var(--color-blue-900));
    color: hsl(var(--color-blue-100));
    margin-block-start: 6rem;
    padding: 1rem 0;
    position: relative;
    font-family: var(--font-family-brand);
    font-size: var(--font-size--1);
    row-gap: 4rem;
    .button {
      box-shadow: none !important;
    }
    &::before {
      background-color: hsl(var(--color-blue-900));
      mask: url(/images/wave.svg) no-repeat;
      mask-size: 100% 100%;
      content: "";
      position: absolute;
      height: 6rem;
      top: -6rem;
      left: 0;
      width: 100%;
    }
    .row {
      // display: grid;
      // grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      display: flex;
      flex-wrap: wrap;
      padding-inline: 1rem;
      gap: 4rem;
      justify-content: center;
      & > * {
        min-width: 200px;
        @media screen and (min-width: 768px) {
          width: calc(33.3333% - 4rem);
        }
      }
      &.first {
        justify-items: center;
        text-align: center;
      }
      &.second {
        align-items: flex-end;
        div:has(.logo) {
          text-align: center;
          .logo {
            margin-inline: auto;
          }
          @media screen and (max-width: 889px) {
            order: 2;
          }
        }
        .socials {
          text-align: right;
        }
      }
    }
    dl {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      dt {
        font-size: var(--font-size-0);
        font-weight: 550;
        filter: brightness(1.2);
      }
    }
    a {
      color: hsl(var(--color-blue-100));
    }
    .socials {
      a {
        border-bottom: none;
        & + a {
          margin-inline-start: 1rem;
        }
      }
      svg {
        width: 2rem;
        border-radius: 0;
        display: inline-block;
        fill: hsl(var(--color-blue-100));
        &.dbta-logo {
          width: 4rem;
          margin-block-start: 0.5rem;
        }
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/form.css */
@layer base {
  form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    .full {
      grid-column: 1 / -1;
    }
    label {
      display: block;
      color: hsl(var(--color-700));
      font-size: 0.85em;
      &:has(input[type=checkbox]) {
        color: hsl(var(--color-900));
      }
    }
    input:not([type=checkbox]),
    textarea,
    select {
      padding: 0.25rem;
      width: 100%;
    }
    &[data-submitting] button {
      opacity: 0.5;
    }
    .flex:has(input[type=checkbox]) {
      gap: 1rem;
      > * {
        width: 50%;
      }
    }
  }
  .result {
    &:not(.success, .error, .submitting) {
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/headings.css */
@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-family: var(--font-family-brand);
  }
  h1 {
    font-size: var(--font-size-5);
  }
  h2 {
    font-size: var(--font-size-4);
  }
  h3 {
    font-size: var(--font-size-3);
  }
  h4 {
    font-size: var(--font-size-2);
  }
  h5 {
    font-size: var(--font-size-1);
  }
  h6 {
    font-size: var(--font-size-0);
  }
  h2 {
    border-bottom: 1px solid;
    box-shadow: 0 6px 4px -4px hsl(var(--color-100));
  }
  h3 + h4 {
    margin-block-start: 0;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/html.css */
@layer base {
  html {
    background-color: #f2f2f2;
    color: hsl(var(--color-blue-900));
    font-family: var(--font-family-default);
    scroll-behavior: smooth;
    font-size: var(--font-size-0);
  }
  @media (prefers-reduced-motion: no-preference) {
    @view-transition {
      navigation: auto;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/img.css */
@layer base {
  img {
    --height: unset;
    border: 2px solid hsl(var(--color-700));
    border-radius: 0.5rem;
    box-shadow: var(--shadow-elevation-medium);
    max-height: var(--height);
    display: flex;
    align-items: center;
    justify-content: center;
    & + .caption {
      margin-block-start: 0.25rem;
      display: block;
      margin-inline: auto;
      text-align: center;
      font-size: 0.8rem;
    }
  }
  .hero img {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/lists.css */
@layer base {
  ul {
    margin-bottom: 1em;
  }
  li {
    margin-bottom: 0.5em;
    margin-bottom: 0.5lh;
    &:has(p) p {
      margin-bottom: 0.5em;
      margin-bottom: 0.5lh;
    }
  }
  nav ul {
    list-style: none;
    padding: 0;
  }
  ol {
    ol {
      list-style-type: lower-alpha;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/main.css */
@layer base {
  main,
  div:has(.menu-slide) {
    padding-block-end: 1rem;
    &::after {
      grid-column: 3;
      background: hsl(var(--color-900) / 30%);
      display: block;
      width: 50px;
      height: 50px;
      content: "";
      margin-block: 1lh;
      mask: url(/images/swirls.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center bottom;
      place-self: center;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/p.css */
@layer base {
  p {
    margin-bottom: 1.25rem;
    margin-bottom: 1lh;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/root.css */
@layer base {
  :root {
    --color-blue-h: 223;
    --color-blue-s: 52%;
    --color-blue-l: 44%;
    --color-blue-100: var(--color-blue-h) var(--color-blue-s) calc(var(--color-blue-l) + 45%);
    --color-blue-300: var(--color-blue-h) var(--color-blue-s) calc(var(--color-blue-l) + 25%);
    --color-blue-500: var(--color-blue-h) var(--color-blue-s) var(--color-blue-l);
    --color-blue-700: var(--color-blue-h) var(--color-blue-s) calc(var(--color-blue-l) - 10%);
    --color-blue-900: var(--color-blue-h) var(--color-blue-s) calc(var(--color-blue-l) - 20%);
    --color-red-h: 357;
    --color-red-s: 56%;
    --color-red-l: 58%;
    --color-red-100: var(--color-red-h) calc(var(--color-red-s) - 25%) calc(var(--color-red-l) + 30%);
    --color-red-300: var(--color-red-h) var(--color-red-s) calc(var(--color-red-l) + 10%);
    --color-red-500: var(--color-red-h) var(--color-red-s) var(--color-red-l);
    --color-red-700: var(--color-red-h) var(--color-red-s) calc(var(--color-red-l) - 15%);
    --color-red-900: var(--color-red-h) calc(var(--color-red-s) - 20%) calc(var(--color-red-l) - 45%);
    --color-green-h: 141;
    --color-green-s: 63%;
    --color-green-l: 25%;
    --color-green-100: var(--color-green-h) calc(var(--color-green-s) - 25%) calc(var(--color-green-l) + 60%);
    --color-green-300: var(--color-green-h) var(--color-green-s) calc(var(--color-green-l) + 25%);
    --color-green-500: var(--color-green-h) var(--color-green-s) var(--color-green-l);
    --color-green-700: var(--color-green-h) var(--color-green-s) calc(var(--color-green-l) - 10%);
    --color-green-900: var(--color-green-h) calc(var(--color-green-s) + 10%) calc(var(--color-green-l) - 15%);
    --color-gold-h: 47;
    --color-gold-s: 80%;
    --color-gold-l: 50%;
    --color-gold-100: var(--color-gold-h) calc(var(--color-gold-s) - 50%) calc(var(--color-gold-l) + 35%);
    --color-gold-300: var(--color-gold-h) var(--color-gold-s) calc(var(--color-gold-l) + 25%);
    --color-gold-500: var(--color-gold-h) var(--color-gold-s) var(--color-gold-l);
    --color-gold-700: var(--color-gold-h) calc(var(--color-gold-s) - 15%) calc(var(--color-gold-l) - 20%);
    --color-gold-900: var(--color-gold-h) calc(var(--color-gold-s) - 25%) calc(var(--color-gold-l) - 40%);
    --color-purple-h: 286;
    --color-purple-s: 33%;
    --color-purple-l: 47%;
    --color-purple-100: var(--color-purple-h) var(--color-purple-s) calc(var(--color-purple-l) + 35%);
    --color-purple-300: var(--color-purple-h) var(--color-purple-s) calc(var(--color-purple-l) + 25%);
    --color-purple-500: var(--color-purple-h) var(--color-purple-s) var(--color-purple-l);
    --color-purple-700: var(--color-purple-h) var(--color-purple-s) calc(var(--color-purple-l) - 15%);
    --color-purple-900: var(--color-purple-h) var(--color-purple-s) calc(var(--color-purple-l) - 30%);
    --color-slate-h: 215;
    --color-slate-s: 18%;
    --color-slate-l: 47%;
    --color-slate-100: var(--color-slate-h) calc(var(--color-slate-s) + 15%) calc(var(--color-slate-l) + 35%);
    --color-slate-300: var(--color-slate-h) var(--color-slate-s) calc(var(--color-slate-l) + 25%);
    --color-slate-500: var(--color-slate-h) var(--color-slate-s) var(--color-slate-l);
    --color-slate-700: var(--color-slate-h) var(--color-slate-s) calc(var(--color-slate-l) - 10%);
    --color-slate-900: var(--color-slate-h) var(--color-slate-s) calc(var(--color-slate-l) - 30%);
    --color-100: var(--color-blue-100);
    --color-300: var(--color-blue-300);
    --color-500: var(--color-blue-500);
    --color-700: var(--color-blue-700);
    --color-900: var(--color-blue-900);
    --font-family-default:
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      "Open Sans",
      "Helvetica Neue",
      sans-serif;
    --font-family-brand:
      Figtree,
      Avenir,
      Montserrat,
      Corbel,
      "URW Gothic",
      source-sans-pro,
      sans-serif;
    --font-size--2: clamp(0.6944rem, 0.6856rem + 0.0444vw, 0.72rem);
    --font-size--1: clamp(0.8333rem, 0.8101rem + 0.1159vw, 0.9rem);
    --font-size-0: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
    --font-size-1: clamp(1.2rem, 1.1283rem + 0.3587vw, 1.4063rem);
    --font-size-2: clamp(1.44rem, 1.3295rem + 0.5527vw, 1.7578rem);
    --font-size-3: clamp(1.728rem, 1.5648rem + 0.8161vw, 2.1973rem);
    --font-size-4: clamp(2.0736rem, 1.8395rem + 1.1704vw, 2.7466rem);
    --font-size-5: clamp(2.4883rem, 2.1597rem + 1.6433vw, 3.4332rem);
    --shadow-color: 0deg 0% 59%;
    --shadow-elevation-low:
      0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
      0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34),
      1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
    --shadow-elevation-medium:
      0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
      0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36),
      2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36),
      5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
    --shadow-elevation-high:
      0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
      1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34),
      2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34),
      4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34),
      7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34),
      11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34),
      17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34),
      25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/section.css */
@layer base;

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/table.css */
@layer base {
  div:has(> table) {
    position: relative;
    overflow-x: auto;
    padding: 0 1rem;
  }
  table {
    white-space: nowrap;
    border-spacing: 0;
    width: 100%;
    border: 1px solid hsl(from currentColor h s l / 0.15);
    margin-block-end: 1lh;
    box-shadow: var(--shadow-elevation-medium);
    tbody,
    thead {
      display: table;
      min-width: 100%;
    }
    tr {
      &:nth-child(even) {
        background: hsl(var(--color-100) / 50%);
      }
      &:has(th) {
        --shadow-color: var(--color-500);
        position: sticky;
        top: 0;
        box-shadow: var(--shadow-elevation-low);
      }
    }
    td,
    th {
      padding: 0.25lh 0.5lh;
      text-align: inherit;
    }
    th {
      background: hsl(var(--color-100));
      border-bottom: 1px solid hsl(var(--color-900) / 50%);
    }
    p:last-of-type {
      margin-bottom: 0;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/base/_index.css */
@layer base;

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/layout/flex.css */
@layer layout {
  .flex {
    display: flex;
    gap: var(--gap);
    justify-content: var(--justify-content);
    &.wrap {
      flex-wrap: wrap;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/layout/grid.css */
@layer layout {
  .grid {
    display: grid;
    grid-template-columns: 1fr minmax(1rem, 10rem) min(40rem, calc(100% - 2rem)) minmax(1rem, 10rem) 1fr;
    padding-inline: 1rem;
    & > * {
      grid-column: 3;
    }
    .pullout {
      grid-column: 2 / -2;
    }
    .full-bleed {
      grid-column: 1 / -1;
      margin-inline: -1rem;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/layout/_index.css */
@layer layout;

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/ad.css */
@layer components {
  .ad {
    --width: clamp(8rem, 20vw, 200px);
    margin-block-end: 1lh;
    &::before {
      content: "Advertisement";
      font-size: 0.8rem;
      font-style: italic;
      color: hsl(var(--color-700) / 85%);
      display: block;
    }
    &.left {
      float: left;
      width: var(--width);
      margin-inline-end: 1rem;
    }
    &.right {
      float: right;
      width: var(--width);
      margin-inline-start: 1rem;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/author.css */
@layer components {
  .author {
    display: flex;
    gap: 1rem;
    margin-block-end: 1rem;
    position: relative;
    .byline {
      p {
        margin-block-end: 0.15lh;
        &:not(:first-of-type) {
          font-size: 0.8rem;
        }
      }
    }
    img {
      --height: 150px;
      border-radius: 50%;
      max-height: var(--height);
      aspect-ratio: 1/1;
    }
    &::after {
      position: absolute;
      right: 0;
      bottom: 0;
      content: "";
      background: url(/images/setc-news.svg) bottom right/contain no-repeat;
      display: block;
      width: 45%;
      height: 100%;
      opacity: 0.10;
      z-index: -1;
    }
  }
  .story-item .author {
    align-items: center;
    p {
      margin: 0;
      &:first-of-type {
        font-weight: 550;
      }
    }
    &::after {
      display: none;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/avatar.css */
@layer components {
  p .avatar {
    float: left;
    margin: 1rem 1rem 1rem 0;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/banner.css */
@layer components {
  .banner {
    --menu-color: var(--color-900);
    --color-100: var(--color-blue-100);
    --color-500: var(--color-blue-500);
    --color-900: var(--color-blue-900);
    margin-block-end: 5rem;
    padding-block-start: 1rem;
    position: relative;
    text-align: right;
    background: #f2f2f2;
    z-index: 10;
    &::before {
      position: absolute;
      border-bottom: 1px solid hsl(var(--color-blue-900));
      box-shadow: inset 0 -5px 5px -5px hsl(var(--color-blue-900));
      width: 100%;
      height: 100%;
      background: hsl(var(--color-blue-100) / 75%);
      content: "";
      display: block;
      z-index: -1;
      top: 0;
      mask:
        linear-gradient(
          to right,
          #000,
          transparent calc(50% - 50px),
          transparent calc(50% + 50px),
          #000);
    }
    & > div {
      width: 100%;
      max-width: 1200px;
      margin-inline: auto;
      padding-inline: 1rem;
      justify-content: flex-end;
      gap: 2rem;
    }
    #menu-button {
      place-self: flex-end;
      display: inline-block;
    }
    #home-link {
      position: absolute;
      left: calc(50vw - 58px);
      z-index: 1;
    }
  }
  body:has(.hero) .banner {
    --menu-color: var(--color-100);
    z-index: 2;
    background: transparent;
    border: none;
    box-shadow: none;
    .logo > * {
      fill: hsl(var(--color-100));
    }
    &::before {
      background: transparent;
      box-shadow: none;
      border: none;
    }
    .button {
      background: hsl(var(--color-blue-100));
      color: hsl(var(--color-blue-900));
      box-shadow: none;
      text-shadow: none;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/breadcrumbs.css */
@layer components {
  .breadcrumbs {
    margin: 0;
    color: hsl(var(--color-700));
    font-size: 0.85em;
    font-style: italic;
    ol {
      list-style: none;
      display: flex;
      gap: 1ch;
      padding: 0;
      flex-wrap: wrap;
    }
    li:has(a)::after {
      content: "/";
      position: relative;
      left: 0.5ch;
      padding-right: 0.5ch;
    }
    a {
      color: hsl(var(--color-700));
      position: relative;
      &:hover {
        filter: brightness(0.9);
      }
    }
    & + h1 {
      margin-top: 1rem;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/button.css */
@layer components {
  .button {
    background-color: hsl(var(--color-700));
    background-image:
      linear-gradient(
        to top left,
        rgba(0, 0, 0, 0.2),
        rgba(0, 0, 0, 0.2) 30%,
        rgba(0, 0, 0, 0));
    border-bottom: none;
    border-radius: 1em;
    box-shadow:
      var(--shadow-elevation-medium),
      inset 1px 1px 1px rgba(255, 255, 255, 0.6),
      inset -1px -1px 1px rgba(0, 0, 0, 0.6);
    color: hsl(var(--color-100));
    text-shadow: 1px 1px 1px hsl(var(--color-900));
    display: flex;
    margin-bottom: 1.5rem;
    max-width: fit-content;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: 625;
    font-family: var(--font-family-brand);
    border: none;
    outline: inherit;
    cursor: pointer;
    &:hover,
    &:focus {
      background-color: hsl(var(--color-100));
      color: hsl(var(--color-900));
      text-shadow: none;
      &::after {
        transform: translateX(3px);
      }
    }
    &:active {
      transform: translateY(2px);
    }
    &::after {
      content: "\2192";
      // right arrow display: inline-block;
      margin-inline-start: 1ch;
      position: relative;
      top: 0;
      transition: .1s ease-in transform;
    }
    &.down {
      &::after {
        transform: rotate(90deg);
        text-shadow: 1px 0 1px hsl(var(--color-900));
      }
      &:hover::after {
        transform: rotate(90deg) translateX(3px);
      }
    }
    &.file {
      &::after {
        content: "PDF";
        border: 2px solid;
        border-radius: 4px;
        min-width: 3ch;
        font-size: 0.6em;
        padding: 0.2em;
      }
    }
    &.external,
    &.other {
      &::after {
        margin-inline-start: 0.5ch;
        transform: rotate(-45deg);
      }
      &:hover::after {
        transform: rotate(-45deg) translateX(3px);
      }
    }
    &.close::after {
      content: "\ff0b";
      transform: rotate(45deg);
    }
    &#menu-button {
      &::after {
        display: none;
      }
    }
  }
  .banner .button {
    background-color: hsl(var(--color-blue-700));
    &:hover,
    &:focus {
      background-color: hsl(var(--color-blue-300));
      color: hsl(var(--color-900));
    }
  }
  footer .button {
    background-color: hsl(var(--color-blue-100));
    box-shadow: var(--shadow-elevation-medium);
    color: hsl(var(--color-blue-900));
    margin-inline: auto;
    text-shadow: none;
    &:hover,
    &:focus {
      background-color: hsl(var(--color-blue-100) / 95%);
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/card.css */
@layer components {
  .card {
    display: grid;
    flex-direction: column;
    grid-template-rows: max-content;
    grid-template-areas: "header" "body" "more";
    height: 100%;
    background: hsl(var(--color-100));
    border-radius: 0.5rem;
    box-shadow: var(--shadow-elevation-medium);
    overflow: hidden;
    header.image {
      grid-area: header;
    }
    header.title {
      grid-area: body;
    }
    .story-author {
      grid-area: header;
    }
    .body {
      grid-area: body;
    }
    a.button {
      grid-area: more;
    }
    header.image {
      img {
        box-shadow: none;
      }
    }
    .story-author {
      z-index: 2;
      place-self: end center;
      position: relative;
      transform: translateY(2.5lh);
      img {
        margin-inline: auto;
        border-radius: 50%;
        border-color: hsl(var(--color-100));
        border-width: 0.33rem;
        box-shadow: none;
      }
      p {
        font-style: italic;
        font-size: 0.8rem;
        text-align: center;
      }
    }
    .body {
      padding: 2.5lh 0.5rem 0.5rem;
      h6 {
        line-height: 1.25;
        margin-block: 0 0.5lh;
      }
      .blurb {
        font-size: 0.9rem;
      }
    }
    a:has(img) {
      border: 0;
      img {
        border: 0;
        border-radius: 0;
        &[src$=".svg"] {
          background: #fff;
        }
      }
    }
    .button {
      margin-inline: auto;
      width: 100%;
      height: fit-content;
      place-self: end center;
    }
    .author {
      align-items: center;
      &::after {
        display: none;
      }
      p {
        margin: 0;
        opacity: 0.8;
      }
    }
  }
  @container issue (width < calc(550px - 2rem)) {
    .card {
      grid-template-columns: 1fr 2fr;
      grid-template-areas: "header body" "author body" ". more";
      .story-author {
        transform: translateY(0);
        grid-area: author;
        padding: 0.25rem;
        place-self: unset;
        img {
          border: 2px solid hsl(var(--color-500));
        }
      }
      .body {
        padding-block-start: 0.5rem;
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/coming-up.css */
@layer components {
  .coming-up {
    letter-spacing: initial;
    height: fit-content;
    animation: slideUp .33s ease-in forwards;
    animation-delay: 3s;
    opacity: 0;
    transform: translateY(10px);
    place-self: flex-end;
    .close {
      justify-self: end;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/convention_info.css */
@layer components {
  .convention_info {
    text-align: center;
    > :not(header) {
      font-size: 0.8em;
    }
    p {
      margin-block-end: 0.5lh;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/donate-cta.css */
@layer components {
  .donate-cta {
    margin-block-start: 0.5rem;
    text-align: center;
    p:not(:has(a)) {
      font-size: var(--font-size-0);
      font-weight: 550;
      margin-block-end: 0.25lh;
    }
    .button {
      --color-100: var(--color-blue-100);
      --color-300: var(--color-blue-300);
      --color-500: var(--color-blue-500);
      --color-700: var(--color-blue-700);
      --color-900: var(--color-blue-900);
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/gallery.css */
@layer components {
  .gallery {
    width: 100%;
    margin-inline: auto;
    a {
      border: none;
      transition: .15s cubic-bezier(0, 0, 0, 1) transform;
      &:hover {
        transform: translateY(-2px);
      }
    }
    .images {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
      gap: 1rem;
      max-width: 100%;
      padding-block: 1rem;
    }
    img {
      aspect-ratio: 1 / 1;
      object-fit: cover;
      width: 100%;
      min-width: 250px;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/hero.css */
@layer components {
  html:has(.hero) {
    height: 100%;
    footer {
      display: none;
    }
    div:has(.menu-slide.open) {
      ~ footer {
        display: grid;
      }
    }
  }
  .hero {
    display: grid;
    grid-template-columns: 1fr min(1200px, 100%) 1fr;
    align-items: end;
    letter-spacing: -0.1em;
    height: 100vh;
    position: absolute;
    inset-block-start: 0;
    background-image: linear-gradient(hsl(var(--color-blue-900) / 70%), hsl(var(--color-blue-900) / 70%)), var(--background-image);
    background-size: cover;
    background-position: 75%;
    width: 100%;
    div.flex {
      grid-column: 2;
      flex-wrap: wrap;
      padding: 2rem;
      gap: 1rem;
    }
    h1 {
      color: hsl(var(--color-blue-100));
      min-width: min-content;
      max-width: 12ch;
      padding: 0;
      margin: 0;
      z-index: 1;
      font-size: calc(var(--font-size-5) * 1.35);
      strong {
        background:
          linear-gradient(
            to right,
            hsl(var(--color-red-500)),
            hsl(var(--color-gold-500)),
            hsl(var(--color-red-500))) -100% / 200%;
        background-clip: text;
        color: hsla(0, 0%, 100%, 0.4);
        font-weight: 700;
        text-shadow: 0 0 1em hsl(var(--color-blue-100) / 75%);
        animation: cycleGradient 10s 2s linear infinite;
      }
      p {
        margin-bottom: 0;
      }
    }
    .word {
      animation: slideUp 0.33s ease-in forwards;
      display: inline-block;
      opacity: 0;
      transform: translateY(10px);
    }
  }
  @keyframes slideUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes cycleGradient {
    to {
      background-position: 100%;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/info.css */
@layer components {
  .info {
    --shadow-elevation-low:
      0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
      0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34),
      1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
    --shadow-elevation-medium:
      0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
      0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36),
      2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36),
      5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
    --shadow-elevation-high:
      0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
      1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34),
      2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34),
      4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34),
      7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34),
      11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34),
      17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34),
      25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
    padding: 1em;
    margin: 0 auto 1rem;
    background: hsl(var(--color-100) / 25%);
    border: 1px solid hsl(var(--color-100) / 50%);
    border-radius: 1em;
    box-shadow: var(--shadow-elevation-low);
    width: 100%;
    &:is(aside) {
      max-width: 75%;
    }
    &:is(.coming-up) {
      width: calc(100% - 2rem);
      max-width: 450px;
      margin: 0;
      background: hsl(var(--color-blue-100) / 75%);
    }
    header {
      font-family: var(--font-family-brand);
      font-size: 0.85em;
      font-weight: 650;
      font-style: italic;
      margin-bottom: 0.5rem;
      display: block;
      width: 100%;
      border-bottom: 1px solid;
      box-shadow: 0 6px 4px -4px hsl(var(--color-100));
    }
    .button {
      margin-block-end: 0;
    }
  }
  .purple .info {
    --shadow-color: 283deg 6% 57%;
  }
  .green .info {
    --shadow-color: 138deg 6% 58%;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/issue.css */
@layer components {
  .issue {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    container-name: issue;
    container-type: inline-size;
    @media screen and (min-width: 900px) {
      grid-template-columns: 1fr 4fr;
    }
    & > header {
      @media screen and (min-width: 900px) {
        h2 {
          place-self: start;
          position: sticky;
          top: 1rem;
          left: 1rem;
          margin-block-start: 0;
        }
        p {
          text-align: right;
        }
      }
      ul {
        list-style: none;
        margin: 0;
        padding: 0;
        &::before {
          content: "In this issue...";
          display: block;
          font-size: 0.75rem;
          font-weight: 550;
          font-style: italic;
          margin-block-end: 1lh;
          opacity: 0.8;
        }
      }
      li {
        font-size: 0.8rem;
        opacity: 0.8;
        &:has(+ li) {
          margin-block-end: 2lh;
        }
      }
      p {
        font-style: italic;
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/job-listing.css */
@layer components {
  .job-listing {
    list-style: none;
    margin: 0;
    + .job-listing {
      margin-top: 1em;
      margin-top: 1lh;
    }
    p:last-child {
      margin: 0;
    }
    a {
      border: 1px solid;
      border-radius: 0.5em;
      display: flex;
      column-gap: 1em;
      padding: 1rem;
      div:has(.tag) {
        font-weight: bold;
        margin-left: auto;
        min-width: 100px;
      }
      &:hover {
        background: hsl(var(--color-300) / 50%);
      }
    }
  }
  ul:has(.job-listing) {
    margin: 0 0 1rem;
    margin: 0 0 1lh;
    padding: 0;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/logo.css */
@layer components {
  .logo {
    width: 116px;
    max-height: 7rem;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    > * {
      fill: hsl(var(--color-blue-500));
    }
  }
  footer .logo > * {
    fill: hsl(var(--color-blue-100));
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/menu.css */
@layer components {
  .menu.open section {
    animation: slideIn 0.15s cubic-bezier(0, 0, 0, 1) forwards;
  }
  .menu {
    width: 100%;
    max-width: calc(900px + 4rem);
    padding-block: 1rem;
    margin: 0 auto;
    position: relative;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    align-content: start;
    section {
      animation: slideIn 0.15s cubic-bezier(0, 0, 0, 1) forwards;
      background: none;
      opacity: 0;
      padding: 0;
      transform: translateY(-1lh);
      &:nth-child(1) {
        animation-delay: 0.05s;
      }
      &:nth-child(2) {
        animation-delay: 0.1s;
      }
      &:nth-child(3) {
        animation-delay: 0.15s;
      }
      &:nth-child(4) {
        animation-delay: 0.2s;
      }
      &:nth-child(5) {
        animation-delay: 0.25s;
      }
      &:nth-child(6) {
        animation-delay: 0.3s;
      }
      &:has(.convention-dates) {
        h2 {
          margin-block-end: 0.25lh;
        }
        .convention-dates {
          display: block;
          text-align: center;
          margin-block-end: 0.25lh;
        }
      }
    }
    h2 {
      font-size: var(--font-size-1);
      padding: 0 0.5rem;
    }
    a {
      color: hsl(var(--color-900));
      display: inline-block;
    }
    p:has(.logo) {
      position: relative;
      text-align: center;
      a {
        display: inline-block;
      }
      &::before {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 1px);
        background:
          linear-gradient(
            to right,
            hsl(var(--menu-color)),
            hsl(var(--menu-color)));
        mask:
          linear-gradient(
            to right,
            #000,
            transparent calc(50% - 100px),
            transparent calc(50% + 100px),
            #000);
        width: 100%;
        height: 1px;
        z-index: 1;
      }
      &::after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% - 1px);
        background:
          linear-gradient(
            to bottom,
            hsl(var(--color-100)),
            transparent);
        mask:
          linear-gradient(
            to right,
            #000,
            transparent calc(50% - 100px),
            transparent calc(50% + 100px),
            #000);
        width: 100%;
        height: 10px;
        z-index: 1;
      }
    }
    a {
      border: none;
      display: block;
      padding: 0.5rem;
      &:hover,
      &:focus {
        border-radius: 0.5rem;
        background: hsl(var(--color-100) / 50%);
        outline: 2px solid hsl(var(--color-900));
      }
    }
    .description {
      color: hsl(var(--color-700));
      font-size: 0.85em;
      font-style: italic;
    }
  }
  @keyframes slideIn {
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  body:has(.menu.open) {
    .banner {
      &::before {
        position: absolute;
        border-bottom: 1px solid hsl(var(--color-blue-900));
        box-shadow: inset 0 -5px 5px -5px hsl(var(--color-blue-900));
        width: 100%;
        height: 100%;
        background: hsl(var(--color-blue-100) / 75%);
        content: "";
        display: block;
        z-index: -1;
        top: 0;
        mask:
          linear-gradient(
            to right,
            #000,
            transparent calc(50% - 50px),
            transparent calc(50% + 50px),
            #000);
      }
      .logo > * {
        fill: hsl(var(--color-blue-500));
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/menu-slide.css */
@layer components {
  div:has(.menu-slide:not(.open)) {
    display: none;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in allow-discrete;
  }
  div:has(.menu-slide.open) {
    display: grid;
    transform: translateY(0);
    opacity: 1;
    ~ *:not(.banner, footer) {
      display: none;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/sponsors.css */
@layer components {
  .sponsors {
    text-align: center;
    > .flex {
      overflow: hidden;
      &:hover,
      &:focus {
        overflow-x: scroll;
        .group {
          animation-play-state: paused;
        }
      }
    }
    .flex {
      align-items: center;
    }
    .group {
      --gap: 1rem;
      will-change: transform;
      animation: scrolling 20s linear infinite;
    }
    figure {
      background: #fff;
      border-radius: 1rem;
      min-width: 250px;
      img {
        padding: 0.5rem;
      }
    }
  }
  @keyframes scrolling {
    to {
      transform: translateX(-100%);
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/stories.css */
@layer components {
  .stories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    h2 {
      margin-block-start: 0;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/story.css */
@layer components {
  .story {
    width: min(40rem, 100%);
    padding-inline: 1rem;
    margin-inline: auto;
    &::after {
      margin-inline: auto;
    }
    .subtitle {
      color: color-mix(in srgb, currentColor 75%, transparent);
      font-weight: 450;
      font-size: 1.25rem;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/tag.css */
@layer components {
  .tag {
    background: hsl(var(--color-100));
    color: hsl(var(--color-700));
    border: 1px solid;
    border-radius: 0.25em;
    font-weight: 550;
    font-size: 0.85rem;
    padding: 0.25em;
    padding: 0.25lh;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/tinymce.css */
@layer components {
  .tinymce {
    border: 1px solid #999;
    border-radius: 10px;
    &:focus {
      outline: 2px solid blue;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/toc.css */
@layer components {
  .toc {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    padding: 1em 0 0;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/components/_index.css */
@layer components;

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/utilities/colors.css */
@layer utilities {
  .green,
  .success {
    --color-h: var(--color-green-h);
    --color-s: var(--color-green-s);
    --color-l: var(--color-green-l);
    --color-100: var(--color-green-100);
    --color-300: var(--color-green-300);
    --color-500: var(--color-green-500);
    --color-700: var(--color-green-700);
    --color-900: var(--color-green-900);
  }
  .red,
  .error {
    --color-h: var(--color-red-h);
    --color-s: var(--color-red-s);
    --color-l: var(--color-red-l);
    --color-100: var(--color-red-100);
    --color-300: var(--color-red-300);
    --color-500: var(--color-red-500);
    --color-700: var(--color-red-700);
    --color-900: var(--color-red-900);
  }
  .blue {
    --color-h: var(--color-blue-h);
    --color-s: var(--color-blue-s);
    --color-l: var(--color-blue-l);
    --color-100: var(--color-blue-100);
    --color-300: var(--color-blue-300);
    --color-500: var(--color-blue-500);
    --color-700: var(--color-blue-700);
    --color-900: var(--color-blue-900);
  }
  .gold {
    --color-h: var(--color-gold-h);
    --color-s: var(--color-gold-s);
    --color-l: var(--color-gold-l);
    --color-100: var(--color-gold-100);
    --color-300: var(--color-gold-300);
    --color-500: var(--color-gold-500);
    --color-700: var(--color-gold-700);
    --color-900: var(--color-gold-900);
  }
  .slate {
    --color-h: var(--color-slate-h);
    --color-s: var(--color-slate-s);
    --color-l: var(--color-slate-l);
    --color-100: var(--color-slate-100);
    --color-300: var(--color-slate-300);
    --color-500: var(--color-slate-500);
    --color-700: var(--color-slate-700);
    --color-900: var(--color-slate-900);
  }
  .purple {
    --color-h: var(--color-purple-h);
    --color-s: var(--color-purple-s);
    --color-l: var(--color-purple-l);
    --color-100: var(--color-purple-100);
    --color-300: var(--color-purple-300);
    --color-500: var(--color-purple-500);
    --color-700: var(--color-purple-700);
    --color-900: var(--color-purple-900);
  }
  #colors {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    text-align: center;
    margin-top: 2lh;
    p {
      margin-bottom: 0;
      background: #f2f2f2cc;
      padding: 0.25rem 0.5rem;
      border-radius: 0.5rem;
      place-self: center;
      text-align: center;
      user-select: none;
    }
    div {
      width: 100%;
      height: 100%;
      aspect-ratio: 1/1;
      display: grid;
      text-align: center;
      &.color-100 {
        background: hsl(var(--color-100));
      }
      &.color-300 {
        background: hsl(var(--color-300));
      }
      &.color-500 {
        background: hsl(var(--color-500));
      }
      &.color-700 {
        background: hsl(var(--color-700));
      }
      &.color-900 {
        background: hsl(var(--color-900));
      }
      span {
        place-self: center;
        background: #f2f2f2cc;
        padding: 0.25rem 0.5rem;
        border-radius: 0.5rem;
        user-select: all;
      }
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/utilities/mobile-only.css */
@layer utilities {
  .mobile-only {
    @media screen and (min-width: 768px) {
      display: none;
      visibility: hidden;
    }
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/utilities/visually-hidden.css */
@layer utilities {
  .visually-hidden {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/utilities/_index.css */
@layer utilities;

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/vendor/pagefind.css */
@layer vendor {
  #search form {
    border: 1px solid hsl(var(--color-700));
    box-shadow: var(--shadow-elevation-low);
  }
}

/* ns-hugo-imp:/tmp/tmp.NaHEHn/themes/production/assets/styles/vendor/_index.css */
@layer vendor;

/* <stdin> */
@media (prefers-reduced-motion) {
  * {
    animation-duration: 0.01s;
  }
}
#search input {
  border: 1px solid hsl(var(--color-700));
  box-shadow: var(--shadow-elevation-medium);
  &:focus-visible {
    border: none;
  }
}