/* Original MHP numerals: a living timing display, drawn as moving nodes. */
.footer-clock-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0 23px;margin-top:36px;border-top:1px solid var(--line)}
.footer-clock-statement{font-size:clamp(20px,2vw,30px);letter-spacing:-.045em;font-weight:400}
.clock-trigger{display:block;position:relative;width:262px;max-width:65%;padding:4px 0;touch-action:manipulation}
.clock-trigger canvas{width:100%;height:auto;aspect-ratio:464/120;display:block;transition:transform .35s ease}
.clock-trigger:hover canvas{transform:translateY(-3px)}
.clock-trigger:after{content:"↗";position:absolute;right:-15px;top:1px;font-size:15px;opacity:0;transition:opacity .2s}
.clock-trigger:hover:after,.clock-trigger:focus-visible:after{opacity:1}
.clock-trigger time{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.clock-location{display:block;font-family:monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--muted);margin-top:3px;padding-right:5px}
.footer-clock-row+.footer-bottom{margin-top:0}
.motion-clock-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;margin:0;border:0;padding:0;color:var(--ink);background:rgba(249,247,243,.93);overflow:hidden}
.motion-clock-dialog::backdrop{background:rgba(249,247,243,.26);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.motion-clock-dialog[open]{display:flex;flex-direction:column;animation:clock-reveal .6s cubic-bezier(.2,.7,.3,1) both}
.clock-dialog-top,.clock-dialog-bottom{width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex:none}
.clock-dialog-top{padding-top:26px;font-size:13px}
.clock-wordmark{font-weight:500;letter-spacing:-.03em;font-size:18px}
.clock-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:30px;line-height:1;font-weight:300}
.clock-close:focus-visible{outline:1px solid var(--muted);outline-offset:1px}
.clock-billboard{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px var(--gutter)}
.clock-billboard canvas{display:block;width:min(100%,1600px);height:auto;aspect-ratio:464/120;max-height:100%;object-fit:contain}
.clock-dialog-bottom{align-items:flex-end;padding-bottom:36px}
.clock-dialog-bottom h2{font-weight:400;font-size:clamp(26px,3.8vw,62px);letter-spacing:-.055em;line-height:1.04}
.clock-dialog-note{text-align:right;font-size:12px;line-height:1.6;color:var(--muted)}
.clock-dialog-note .clock-zone{display:block;font-family:monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:8px}
body.clock-is-open{overflow:hidden}
html{scrollbar-gutter:stable}
@keyframes clock-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:680px){.footer-clock-row{gap:20px;align-items:flex-end;padding-top:22px;margin-top:28px}.footer-clock-statement{font-size:20px;max-width:120px;line-height:1.15}.clock-trigger{width:230px;max-width:62%}.clock-location{font-size:9px}.clock-trigger:after{display:none}.clock-dialog-top{padding-top:14px}.clock-wordmark{font-size:16px}.clock-billboard{padding:16px 40px}.clock-billboard canvas{width:auto;max-width:100%;height:100%;aspect-ratio:174/332}.clock-dialog-bottom{padding-bottom:max(24px,env(safe-area-inset-bottom));gap:22px;align-items:flex-start}.clock-dialog-bottom h2{max-width:190px;font-size:32px}.clock-dialog-note{font-size:10px;max-width:140px}.clock-dialog-note .clock-zone{font-size:11px}}
@media(max-height:500px) and (min-width:681px){.clock-dialog-top{padding-top:8px}.clock-dialog-bottom{padding-bottom:15px}.clock-dialog-bottom h2{font-size:30px}.clock-billboard{padding-block:8px}}
@media(prefers-reduced-motion:reduce){.motion-clock-dialog[open]{animation:none}.clock-trigger canvas{transition:none}}