/* A stationary glass surface fades as one layer. Only the menu content moves;
   neither the full-screen blur nor a clipping path is animated. */
html.dd-static body[data-dd-route] #page-container .ddz-menu-panel {
  --dd-menu-glass-blur: 24px;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip-path: none !important;
  filter: none !important;
  transform: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  background: rgba(4,4,4,.97) !important;
  transition: opacity 450ms ease, visibility 450ms !important;
}
html.dd-static body.dd-menu-open[data-dd-route] #page-container .ddz-menu-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html.dd-static body.dd-menu-closing .ddz-menu-panel :is(.dd-menu-primary,.et_pb_row) { transition-delay: 0ms !important; }

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel {
    background: linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0) 38%,rgba(255,255,255,.02)),rgba(3,3,3,.72) !important;
    -webkit-backdrop-filter: blur(var(--dd-menu-glass-blur)) saturate(90%) !important;
    backdrop-filter: blur(var(--dd-menu-glass-blur)) saturate(90%) !important;
  }
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel .et_pb_row_1_tb_header {
    background: transparent !important;
    gap: 0 !important;
  }
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel .et_pb_row_1_tb_header > .et_pb_column {
    background: rgba(0,0,0,.16) !important;
  }
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel .et_pb_row_1_tb_header > .et_pb_column + .et_pb_column {
    box-shadow: inset 1px 0 0 var(--dd-table-line);
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel .et_pb_row_1_tb_header > .et_pb_column:last-child {
    box-shadow: inset 0 1px 0 var(--dd-table-line);
  }
}
@media (max-width: 767px) {
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel { --dd-menu-glass-blur: 18px; }
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel .et_pb_row_1_tb_header > .et_pb_column + .et_pb_column {
    box-shadow: inset 0 1px 0 var(--dd-table-line);
  }
}
/* Keep a fully legible, opaque alternative when transparency is reduced. */
@media (prefers-reduced-transparency: reduce) {
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel {
    background: #050505 !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
}

html.dd-static body[data-dd-route] #page-container .et-l--footer .dd-footer-directory {
  display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 40px 32px !important; align-items: start !important;
  padding-block: 48px 24px !important;
}
.dd-footer-directory > * { min-width: 0; }
.dd-footer-brand { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr); align-items: center; gap: 32px; padding-bottom: 32px; border-bottom: 1px solid #292927; }
.dd-footer-signature { display: inline-block; width: min(100%,244px); }
.dd-footer-signature img { display: block; width: 100%; height: auto; }
html.dd-static #page-container .dd-footer-brand > p { margin: 0; padding: 0; max-width: 60ch; justify-self: center; text-align: center; color: #999992; font: 400 12px/1.7 var(--dd-font-text); }
html.dd-static #page-container .dd-footer-brand .et_pb_social_media_follow { display: flex; flex-wrap: nowrap; gap: 10px; justify-self: end; padding: 0; margin: 0 !important; }
html.dd-static #page-container .dd-footer-brand .et_pb_social_media_follow li { margin: 0 !important; padding: 0 !important; }
html.dd-static #page-container .dd-footer-brand .et_pb_social_media_follow a.icon { position: relative; width: 38px !important; height: 38px !important; margin: 0 !important; }
/* Same 19px glyph and centering as the menu, not the circle's line height. */
html.dd-static #page-container .dd-footer-brand .et_pb_social_media_follow a.icon::before { position: absolute; top: 50%; left: 50%; width: 19px; height: 19px; font-size: 19px; line-height: 19px !important; transform: translate(-50%,-50%); }
html.dd-static #page-container .dd-footer-directory .dd-footer-heading { margin: 0 0 18px; padding: 0; color: #eeeee8; font: 400 14px/1.5 var(--dd-font-text); }
html.dd-static #page-container .dd-footer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
html.dd-static #page-container .dd-footer-nav a { display: flex; align-items: center; min-height: 32px; }
html.dd-static #page-container .dd-footer-directory a { color: #aaa; font: 400 14px/1.5 var(--dd-font-text); text-decoration: none; }
html.dd-static #page-container .dd-footer-directory a:hover { color: #fff; }
.dd-footer-directory a:focus-visible, .dd-signature-skip:focus-visible { outline: 1px solid #fff; outline-offset: 5px; }
html.dd-static #page-container .dd-footer-contact > :is(a,div) { display: flex; align-items: center; gap: 12px; min-height: 32px; margin: 0; padding: 0; color: #eeeee8; font: 400 14px/1.5 var(--dd-font-text); }
.dd-footer-contact svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; }
.dd-footer-contact span { display: block; min-width: 0; overflow-wrap: anywhere; }
@media(max-width:980px) {
  html.dd-static body[data-dd-route] #page-container .et-l--footer .dd-footer-directory { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dd-footer-brand { grid-template-columns: minmax(0,1fr) auto; gap: 24px 32px; }
  html.dd-static #page-container .dd-footer-brand > p { grid-column: 1 / -1; grid-row: 2; justify-self: start; text-align: left; }
  html.dd-static #page-container .dd-footer-brand .et_pb_social_media_follow { grid-column: 2; grid-row: 1; }
}
@media(max-width:600px) {
  html.dd-static body[data-dd-route] #page-container .et-l--footer .dd-footer-directory { grid-template-columns: 1fr 1fr; gap: 34px 20px !important; }
  .dd-footer-brand { grid-template-columns: minmax(0,1fr); justify-items: center; gap: 20px; }
  html.dd-static #page-container .dd-footer-brand > p { grid-row: 3; max-width: 42ch; justify-self: center; text-align: center; }
  html.dd-static #page-container .dd-footer-brand .et_pb_social_media_follow { grid-column: 1; grid-row: 2; justify-self: center; }
  html.dd-static #page-container .dd-footer-nav a { min-height: 44px; }
  html.dd-static #page-container .dd-footer-contact > :is(a,div) { min-height: 44px; gap: 8px; }
  html.dd-static #page-container .dd-footer-contact > a { font-size: 12px; }
}

/* Exact user artwork + individual centreline pen gestures. No new library.
   Nothing in the actual document is hidden, moved or made loading-dependent. */
.dd-signature-intro { place-items: center; color: #eee; isolation: isolate; }
html.dd-signature-pending .dd-signature-intro { animation: ddSignatureFade var(--pen-fade-duration,420ms) ease var(--pen-fade-at,3590ms) forwards; }
.dd-signature-mark { width: clamp(244px,43vw,550px); max-width: 80vw; }
.dd-signature-mark svg { display: block; width: 100%; height: auto; overflow: visible; }
.dd-signature-stroke { opacity: 0; stroke-dasharray: 1 2; stroke-dashoffset: 1.08; animation: ddSignatureDraw var(--pen-duration) cubic-bezier(.3,.08,.45,1) var(--pen-delay) forwards; }
.dd-signature-dot { stroke-dasharray: none; animation-name: ddSignatureDot; }
.dd-signature-glow { opacity: 0; filter: blur(2px); animation: ddSignatureGlow 450ms ease var(--pen-glow-at,3330ms) both; }
.dd-signature-skip { position: absolute; right: max(24px,env(safe-area-inset-right)); bottom: max(24px,env(safe-area-inset-bottom)); background: none; border: 0; color: #aaa; padding: 12px; min-height: 44px; font: 400 12px/1.5 var(--dd-font-text,sans-serif); cursor: pointer; }
@keyframes ddSignatureDraw { from { opacity: 1; stroke-dashoffset: 1.08; } to { opacity: 1; stroke-dashoffset: 0; } }
@keyframes ddSignatureDot { from { opacity: 0; } to { opacity: 1; } }
@keyframes ddSignatureGlow { 0%,100% { opacity: 0; } 45% { opacity: .2; } }
@keyframes ddSignatureFade { to { opacity: 0; visibility: hidden; pointer-events: none; } }
@media(prefers-reduced-motion:reduce) {
  html.dd-signature-pending .dd-signature-intro { display: none !important; }
  html.dd-static body[data-dd-route] #page-container .ddz-menu-panel { transition: none !important; transform: none !important; }
}