html,body{min-height:100%;background:#0b1b27}
#brand-animation{position:fixed;inset:0;z-index:5;display:block;border:0;width:100%;height:100%;background:#0b1b27;transition:opacity 300ms}
.contact-trigger{position:fixed;z-index:10;right:24px;top:22px;width:auto;background:#102330;color:#c8d6db;border:1px solid #40535e;font-weight:400;padding:10px 20px}
footer{position:fixed;bottom:0;left:0;right:0;pointer-events:none;font-size:11px;padding:16px;color:#738590}
dialog{color:#e2dfd4;background:#0e2330;border:1px solid #40535e;border-radius:12px;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:28px;overflow:auto}
dialog::backdrop{background:#020b13ba;backdrop-filter:blur(5px)}
dialog .contact{border:0;padding:12px 0 0;max-width:none}
.contact-close{display:block;margin-left:auto;width:auto;padding:8px 12px;min-height:40px;background:transparent;color:#c8d6db;font-weight:400}
dialog .contact-heading{text-align:left;margin:4px 0 24px}
dialog h2{font-size:24px}dialog button[type=submit]{width:100%}
@media(max-width:540px){.contact-trigger{top:14px;right:14px}dialog{padding:20px}}

.sound-trigger{position:fixed;z-index:10;left:24px;bottom:20px;width:auto;background:transparent;color:#a9b7bf;border:1px solid #40535e;font-weight:400;padding:10px 16px;font-size:12px}
@media(max-width:540px){.sound-trigger{left:14px;bottom:45px}}

#sound-status{position:fixed;z-index:11;left:24px;bottom:76px;max-width:280px;color:#e2dfd4;background:#102330;font-size:13px;padding:10px;border-radius:4px}#sound-status:empty{display:none}.sound-trigger:hover{color:#0b1b27}