/* Dao Quan premium UI. No original dimensions, fonts or DOM nodes are changed. */
.dq-glass-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  transition: background-color .3s, box-shadow .3s, backdrop-filter .3s;
}
.dq-glass-header.dq-glass-on {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, .85);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}
.dq-glass-header.dq-glass-on .brand,
.dq-glass-header.dq-glass-on .brand strong,
.dq-glass-header.dq-glass-on .brand span,
.dq-glass-header.dq-glass-on .main-nav a {
  color: #173043;
  text-shadow: none;
}
.dq-glass-header.dq-glass-on .main-nav a[aria-current="page"],
.dq-glass-header.dq-glass-on .main-nav a:hover { color: #80500b; }
.dq-glass-header.dq-glass-on .brand img { mix-blend-mode: normal; }
.dq-glass-header.dq-glass-on .header-search input {
  color: #173043;
  background: rgba(255, 255, 255, .72);
}
.dq-glass-header.dq-glass-on .header-search input::placeholder { color: #506575; }
.dq-glass-header.dq-glass-on .header-search button .icon { color: #173043; }
.dq-glass-header.dq-glass-on .menu-toggle { color: #fff3ce; }
.dq-enhanced .skip-link { z-index: 10001; }
.dq-hover {
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
  transform-origin: center;
}
@media (hover: hover) and (pointer: fine) {
  .dq-hover:hover,
  .dq-hover:focus-visible {
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  }
}
/* The default is readable. Only a working JS observer enables hiding. */
.reveal-on-scroll { opacity: 1; }
.dq-motion-ready .reveal-on-scroll:not(.is-visible) {
  opacity: 0;
  transform: translateY(40px);
}
.dq-motion-ready .reveal-on-scroll {
  transition: opacity .65s cubic-bezier(.25, .8, .25, 1),
              transform .65s cubic-bezier(.25, .8, .25, 1);
}
.dq-motion-ready .reveal-on-scroll.is-visible,
.dq-motion-ready .reveal-on-scroll:focus-within {
  opacity: 1;
  transform: translateY(0);
}
/* Avoid a second reveal on elements animated by the existing motion.js. */
.dq-motion-ready .reveal-on-scroll.motion-item:not(.is-visible) {
  opacity: 1;
  transform: none;
}
.dq-motion-ready .dq-parallax-layer { will-change: transform; }
@media (max-width: 1100px) {
  .dq-glass-header.dq-glass-on[data-menu-open="true"] .main-nav {
    background: rgba(255, 255, 255, .97);
    color: #173043;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dq-glass-header, .dq-hover, .reveal-on-scroll { transition: none !important; }
  .dq-hover:hover, .dq-hover:focus-visible { transform: none !important; }
  .dq-motion-ready .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
  .dq-parallax-layer { will-change: auto; }
}
@media print {
  .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
  .dq-glass-header { position: static; }
}

/* DQ_FOOTER_STATIC: footer stays readable and has no reveal, hover or light orbit. */
:where(footer, .site-footer, [role="contentinfo"]),
:where(footer, .site-footer, [role="contentinfo"]) *,
:where(footer, .site-footer, [role="contentinfo"])::before,
:where(footer, .site-footer, [role="contentinfo"])::after,
:where(footer, .site-footer, [role="contentinfo"]) *::before,
:where(footer, .site-footer, [role="contentinfo"]) *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
  will-change: auto !important;
}
:where(footer, .site-footer, [role="contentinfo"]),
:where(footer, .site-footer, [role="contentinfo"]) :is(.motion-item, .reveal-on-scroll, .dq-hover, a, button) {
  transform: none !important;
}
:where(footer, .site-footer, [role="contentinfo"]) :is(.motion-item, .reveal-on-scroll) {
  opacity: 1 !important;
}
:where(footer, .site-footer, [role="contentinfo"]) .ambient-frame,
:where(footer, .site-footer, [role="contentinfo"]) .button.gold::before {
  display: none !important;
}
:where(footer, .site-footer, [role="contentinfo"]) :is(.dq-hover, .button):is(:hover, :focus-visible) {
  transform: none !important;
  box-shadow: none !important;
}
:where(footer, .site-footer, [role="contentinfo"]) a:hover { color: inherit !important; }
:where(footer, .site-footer, [role="contentinfo"]) .footer-grid > div > a:not(.brand):hover {
  color: #edf2e9 !important;
}
:where(footer, .site-footer, [role="contentinfo"]) .social-links > a:hover {
  color: var(--gold) !important;
}
:where(footer, .site-footer, [role="contentinfo"]) .button.gold:is(:hover, :focus-visible) {
  color: #173043 !important;
  background: linear-gradient(180deg, #fff3c4, #ffdb85 55%, #eab65b) !important;
  box-shadow: inset 0 1px #fff7e1, 0 2px 8px #efc46b26 !important;
}