/* Armadai's ribbon mark as a moving 3D wire sculpture, behind a steady wordmark. */
.footer-emblem { position:relative; isolation:isolate; height:clamp(390px,48vw,660px); margin:55px -10px 0; }
.emblem-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.footer-emblem.is-interactive .emblem-canvas { pointer-events:auto; cursor:default; touch-action:auto; user-select:none; -webkit-user-select:none; }
.footer-emblem.is-interactive .emblem-canvas:focus-visible { outline:1px solid #71dac8; outline-offset:-6px; }
.emblem-register,.emblem-bottom { position:absolute; z-index:2; left:0; right:0; display:flex; justify-content:space-between; align-items:center; gap:18px; color:#76968e; font-size:10px; letter-spacing:.065em; text-align:left; }
.emblem-register { top:8px; pointer-events:none; }
.emblem-bottom { bottom:7px; }
.emblem-bottom>span { font-size:9px; color:#607c75; }
.footer-emblem.is-interactive .emblem-bottom>span { font-size:11px; color:#8ea99f; line-height:1.6; }
.emblem-bottom>.motion-toggle { font-size:12px; min-height:40px; white-space:nowrap; padding:8px 0 8px 12px; }
.footer-emblem .footer-wordmark { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; gap:0; opacity:1; white-space:nowrap; pointer-events:none; }
.footer-emblem .footer-wordmark img { width:clamp(85px,10vw,145px); height:clamp(85px,10vw,145px); filter:brightness(0) invert(1); opacity:.92; }
.footer-emblem .footer-wordmark span { color:#f0f4f0; font-size:clamp(64px,9.5vw,136px); line-height:1; letter-spacing:-.075em; text-shadow:0 3px 28px #080a0cf2; }
.footer-emblem:before,.footer-emblem:after { content:""; position:absolute; top:48px; bottom:40px; width:9px; border-block:1px solid #49635b; pointer-events:none; opacity:.65; }
.footer-emblem:before { left:0; border-left:1px solid #49635b; }
.footer-emblem:after { right:0; border-right:1px solid #49635b; }
@media(max-width:700px) {
  .footer-emblem { margin:38px 0 0; height:410px; }
  .emblem-register { font-size:8px; gap:12px; }
  .emblem-register>span:last-child { text-align:right; }
  .emblem-bottom { align-items:end; gap:12px; }
  .emblem-bottom>span { max-width:160px; font-size:8px; line-height:1.6; }
  .emblem-bottom>.motion-toggle { font-size:12px; }
  .footer-emblem .footer-wordmark img { width:65px; height:65px; }
  .footer-emblem .footer-wordmark span { font-size:clamp(49px,10.5vw,74px); }
}