.ething-header.about-copy-header { --about-ink:#0c1222; --about-navy:#132347; --about-violet:#8b5cf6; font:16px/1.5 Inter,system-ui,"Segoe UI",sans-serif; letter-spacing:normal; -webkit-font-smoothing:antialiased; }
.ething-header *, .ething-header *::before, .ething-header *::after { box-sizing:border-box; }
.ething-header a { text-decoration:none; color:inherit; }
.ething-header img { display:block; max-width:100%; }
.ething-header button { font-family:inherit; cursor:pointer; }
.ething-header button:hover { transform:none; }
.ething-header [hidden] { display:none!important; }
.ething-header a:focus-visible,.ething-header button:focus-visible,.ething-header summary:focus-visible { outline:2px solid var(--about-violet); outline-offset:4px; }
.ething-header.about-copy-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: block;
  height: auto;
  padding: 0;
  color: var(--about-ink);
  background: rgb(250 250 250 / 95%);
  border: 0;
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 6%);
  backdrop-filter: blur(12px);
}
.ething-header .about-copy-header-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  margin-inline: auto;
  padding: 10px 16px;
}
.ething-header .about-copy-logo {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  height: 36px;
  width: auto;
  max-width: 200px;
}
.ething-header .about-copy-header-brand { flex-shrink: 0; }
.ething-header .about-copy-logo img {
  width: auto;
  height: 36px;
  object-fit: contain;
  object-position: left;
}
.ething-header .about-copy-nav {
  position: relative;
  z-index: 60;
  display: none;
  min-width: 0;
  flex: 1;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-block: 1px;
  overflow: visible;
}
.ething-header .about-copy-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 10px;
  color: #52525b;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -.025em;
  white-space: nowrap;
  cursor: pointer;
  transition: color .15s, background .15s;
}
.ething-header .about-copy-nav-link:hover { color: var(--about-ink); }
.ething-header .about-copy-nav-link[aria-current="page"] { color: var(--about-ink); background: rgb(19 35 71 / 8%); }
.ething-header .about-copy-nav-dropdown { position: relative; flex-shrink: 0; }
.ething-header .about-copy-nav-dropdown > summary { list-style: none; }
.ething-header .about-copy-nav-dropdown > summary::-webkit-details-marker { display: none; }
.ething-header .about-copy-nav-dropdown > summary svg { width: 12px; height: 12px; flex-shrink: 0; opacity: .6; }
.ething-header .about-copy-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 70;
  width: max-content;
  min-width: 220px;
  max-width: 300px;
  margin: 8px 0 0;
  padding: 6px;
  list-style: none;
  overflow: hidden;
  border: 1px solid rgb(19 35 71 / 10%);
  border-radius: 16px;
  background: rgb(255 255 255 / 95%);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
  backdrop-filter: blur(12px);
}
.ething-header .about-copy-dropdown-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  color: #3f3f46;
  font-size: 14px;
  line-height: 1.375;
  white-space: normal;
}
.ething-header .about-copy-dropdown-menu a:hover { background: rgb(19 35 71 / 5%); color: var(--about-ink); }
.ething-header .about-copy-contact-button {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: var(--about-navy);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 6%);
}
.ething-header .about-copy-contact-button:hover { background: #253354; }
.ething-header .about-copy-mobile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-left: auto;
  padding: 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--about-ink);
  box-shadow: none;
  cursor: pointer;
}
.ething-header .about-copy-mobile-toggle:hover { background: rgb(19 35 71 / 5%); }
.ething-header .about-copy-mobile-toggle svg { width: 24px; height: 24px; }
.ething-header .about-copy-mobile-nav {
  max-height: 70vh;
  padding: 12px 16px;
  overflow-y: auto;
  border-top: 1px solid rgb(19 35 71 / 10%);
  background: rgb(250 250 250 / 95%);
}
.ething-header .about-copy-mobile-nav .about-copy-nav-link { display: flex; justify-content: flex-start; padding: 8px; border-radius: 8px; font-size: 14px; }
.ething-header .about-copy-mobile-nav > div { padding-block: 2px; }
.ething-header .about-copy-mobile-nav > div > a,
.ething-header .about-copy-mobile-nav > div > span { display: block; padding: 6px 8px; border-radius: 8px; color: #52525b; font-size: 14px; }
.ething-header .about-copy-mobile-nav > div > :first-child { padding-block: 8px; color: var(--about-ink); font-weight: 500; }
.ething-header .about-copy-mobile-nav > div > a:not(:first-child) { margin-left: 8px; }
.ething-header .about-copy-mobile-nav > div > a:hover { background: rgb(19 35 71 / 5%); }
.ething-header .about-copy-mobile-nav .about-copy-dropdown-menu { position: static; min-width: 0; width: auto; max-width: none; margin: 0 0 0 8px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ething-header .about-copy-mobile-nav .about-copy-dropdown-menu a { padding: 6px 8px; color: #52525b; }
.ething-header .about-copy-mobile-nav .about-copy-contact-button { display: flex; margin-top: 8px; padding-block: 10px; }

@media (min-width: 640px) {
  .ething-header .about-copy-header-inner { gap: 16px; padding-inline: 24px; }
  .ething-header .about-copy-logo,
  .ething-header .about-copy-logo img { height: 44px; }
}
@media (min-width: 1024px) {
  .ething-header .about-copy-header-inner { gap: 20px; padding-inline: 32px; }
  .ething-header .about-copy-nav { display: flex; }
  .ething-header .about-copy-header-inner > .about-copy-contact-button { display: inline-flex; }
  .ething-header .about-copy-mobile-toggle,
  .ething-header .about-copy-mobile-nav { display: none; }
}
@media (min-width: 1280px) {
  .ething-header .about-copy-header-inner { padding-block: 12px; }
  .ething-header .about-copy-nav { gap: 6px; }
  .ething-header .about-copy-nav-link { padding-inline: 12px; font-size: 14px; }
  .ething-header .about-copy-header-inner > .about-copy-contact-button { padding-inline: 20px; }
}
.ething-header .about-copy-logo.brand-logo { height:60px; max-width:none; }
.ething-header .about-copy-logo.brand-logo img { width:60px; height:60px; object-fit:contain; }
@media(max-width:639px){.ething-header .about-copy-logo.brand-logo{height:48px}.ething-header .about-copy-logo.brand-logo img{width:48px;height:48px}}

/* Homepage scroll colors change without changing the shared header geometry. */
.ething-header[data-home-transition="true"] { transition:background-color .5s ease-out,color .3s ease-out,box-shadow .5s ease-out; }
.ething-header[data-surface="dark"] { background:transparent; color:#fff; box-shadow:none; backdrop-filter:none; }
.ething-header[data-surface="dark"] .about-copy-nav-link { color:#e4e4e7; }
.ething-header[data-surface="dark"] .about-copy-nav-link:hover { color:#fff; }
.ething-header[data-surface="dark"] .about-copy-nav-link[aria-current="page"] { color:#fff; background:rgb(255 255 255 / 10%); }
.ething-header[data-surface="dark"] .about-copy-dropdown-menu { background:rgb(19 35 71 / 98%); border-color:rgb(255 255 255 / 15%); }
.ething-header[data-surface="dark"] .about-copy-dropdown-menu a { color:#e4e4e7; }
.ething-header[data-surface="dark"] .about-copy-dropdown-menu a:hover { background:rgb(255 255 255 / 10%); color:#fff; }
.ething-header[data-surface="dark"] .about-copy-contact-button { background:#fff; color:#132347; }
.ething-header[data-surface="dark"] .about-copy-contact-button:hover { background:#e2e8f0; }
.ething-header[data-surface="dark"] .about-copy-mobile-toggle { color:#fff; }
.ething-header[data-surface="dark"] .about-copy-mobile-toggle:hover { background:rgb(255 255 255 / 10%); }
.ething-header[data-surface="dark"] .about-copy-mobile-nav { background:rgb(12 18 34 / 98%); border-color:rgb(255 255 255 / 15%); }
.ething-header[data-surface="dark"] .about-copy-mobile-nav > div > a,
.ething-header[data-surface="dark"] .about-copy-mobile-nav > div > span { color:#e4e4e7; }
.ething-header[data-surface="dark"] .about-copy-mobile-nav > div > a:hover { background:rgb(255 255 255 / 10%); color:#fff; }
@media(prefers-reduced-motion:reduce) { .ething-header[data-home-transition="true"] { transition:none; } }
