/* v49x60: one shared bar, derived from approved jfhead-home-v3/v4 geometry. Home itself is untouched. */
@font-face{font-family:H60Mono;src:url('/assets/fonts/SpaceMono-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:H60Mono;src:url('/assets/fonts/SpaceMono-Bold.ttf');font-weight:700;font-display:swap}
:root{--h60-disc:44px;--h60-gap:8px;--h60-height:90px;--h60-pad:12px;--h60-bottom:12px;--h60-clockw:90.05px;--h60-clockh:43.2px;--h60-contacth:19.2px;--h60-clockfont:8.8px;--h60-contactfont:8px;--h60-overlap:.8px;--h60-ckpad:6.4px}
@media(max-width:760px){:root{--h60-disc:34px;--h60-gap:3px;--h60-height:84px;--h60-pad:8px;--h60-bottom:10px;--h60-clockw:69.58px;--h60-clockh:36px;--h60-contacth:17.28px;--h60-clockfont:7.92px;--h60-contactfont:7.2px;--h60-overlap:.72px;--h60-ckpad:2.88px}}
@media(max-width:400px){:root{--h60-disc:30px}}
@media(min-width:1024px) and (max-width:1439px) and (orientation:landscape){:root{--h60-height:92.39px;--h60-clockw:143.38px;--h60-clockh:52px;--h60-contacth:28.39px;--h60-clockfont:13px;--h60-contactfont:12px;--h60-overlap:1px;--h60-ckpad:12px}}
html body.hdr60-page{display:block!important;margin:0!important;padding:0!important;min-width:0!important}
html body.hdr60-page [data-hdr60-retired],html body.hdr60-page a.jf-back-circle,html body.hdr60-page>.jf-moon,html body.hdr60-page .masthead-min::before{display:none!important}
html body.hdr60-page .jf-moon{display:none!important}
html body.hdr60-page .h60-page-intro{position:static!important;padding:28px 16px!important;margin:0 auto!important;max-width:1200px;background:none!important;border:0!important}
html body.hdr60-page .h60-page-intro .mast,html body.hdr60-page .h60-page-intro>a.jfw{display:none!important}
html body.hdr60-page nav.mb{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;background:none!important;border:0!important;box-shadow:none!important;margin:20px auto!important;padding:0 16px!important}
html body.hdr60-page>main,html body.hdr60-page>.p,html body.hdr60-page>.rig{margin-left:auto;margin-right:auto}
html body #jf-hdr60{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:end!important;justify-content:normal!important;gap:0!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:var(--h60-height)!important;min-height:var(--h60-height)!important;padding:0 var(--h60-pad) var(--h60-bottom)!important;margin:0!important;background:#fff!important;color:#111!important;border:0!important;border-bottom:1px solid #e4e4e2!important;z-index:1000!important;overflow:visible!important;flex-wrap:nowrap!important;font-family:H60Mono,monospace!important;text-align:left!important}
html body #jf-hdr60 .h60-left,html body #jf-hdr60 .h60-right{position:static!important;display:flex!important;align-items:flex-end!important;gap:var(--h60-gap)!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;background:none!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;transform:none!important}
html body #jf-hdr60 .h60-left{grid-column:1;justify-self:start!important;justify-content:flex-start!important}
html body #jf-hdr60 .h60-right{grid-column:3;justify-self:end!important;justify-content:flex-end!important}
html body #jf-hdr60 .h60-center{grid-column:2;display:flex!important;justify-content:center!important;align-items:flex-end!important;justify-self:center!important;margin:0!important;padding:0!important;min-width:0!important}
html body #jf-hdr60 .h60-center>a.ct-mark{display:inline-flex!important;--fs:22px;font-family:H60Mono,monospace!important;white-space:nowrap!important}
@media(max-width:1000px){html body #jf-hdr60 .h60-center>a.ct-mark{--fs:16px!important}}
html body #jf-hdr60 .h60-sign{display:none!important;text-decoration:none!important;border:0!important;padding:0!important;background:none!important;margin:0!important}
html body #jf-hdr60 .h60-sign img{display:block!important;height:30px!important;width:auto!important;max-width:none!important;border-radius:0!important;margin:0!important;transform:none!important}
@media(max-width:600px) and (orientation:portrait){html body #jf-hdr60 .h60-center>a.ct-mark{display:none!important}html body #jf-hdr60 .h60-sign{display:block!important}}
html body #jf-hdr60 .h60-disc,html body #jf-hdr60 .srf,html body #jf-hdr60 .srf-btn{position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--h60-disc)!important;height:var(--h60-disc)!important;min-width:var(--h60-disc)!important;min-height:var(--h60-disc)!important;max-width:var(--h60-disc)!important;max-height:var(--h60-disc)!important;box-sizing:border-box!important;flex:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#000!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important;transform:none!important;cursor:pointer!important}
html body #jf-hdr60 .h60-disc svg{display:block!important;width:55%!important;height:55%!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body #jf-hdr60 .h60-colour{background:var(--h60-page-colour,#fff)!important;border:1px solid #111!important}
html body #jf-hdr60 .h60-radio{display:block!important;width:var(--h60-disc)!important;height:var(--h60-disc)!important;margin:0!important;padding:0!important}
html body #jf-hdr60 .np-r{display:contents!important}
html body #jf-hdr60 .srf{background:none!important}
html body #jf-hdr60 .srf-disc{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important;margin:0!important}
html body #jf-hdr60 .srf-lbl{display:none!important}
html body #jf-hdr60 .srf-pp{position:absolute!important;right:-2px!important;bottom:-2px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#111!important;box-shadow:0 0 0 2px #fff!important}
html body #jf-hdr60 .srf-pp::before{content:'';position:absolute;left:6px;top:4px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
html body #jf-hdr60 .srf.is-on .srf-disc{animation:h60Spin 1.8s linear infinite}@keyframes h60Spin{to{transform:rotate(360deg)}}
html body #jf-hdr60 .jf-moon{position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;padding:2px!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;color:#111!important;transform:translateY(-7px)!important;cursor:pointer!important;box-shadow:none!important}
html body #jf-hdr60 .jf-moon::before,html body #jf-hdr60 .jf-moon-lb{display:none!important;content:none!important}
html body #jf-hdr60 .mv2{display:block!important;width:20px!important;height:20px!important;flex:none!important;margin:0!important;transform:none!important}
html body #jf-hdr60 .mph-l{position:absolute!important;top:calc(100% + 5px)!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important;white-space:nowrap!important;font:400 8px/1 H60Mono,monospace!important;letter-spacing:.1em!important;color:#111!important;text-transform:lowercase!important}
html body #jf-hdr60 .oc-ckwrap{display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important;width:var(--h60-clockw)!important;flex:none!important;transform:none!important;margin:0!important;padding:0!important}
html body #jf-hdr60 .np-clock{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:var(--h60-clockh)!important;min-height:0!important;gap:1.6px!important;border:.8px solid #111!important;padding:0 var(--h60-ckpad)!important;margin:0!important;background:#fff!important;color:#111!important;font:400 var(--h60-clockfont)/1.2 H60Mono,monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important}
html body #jf-hdr60 .np-clock span{display:block!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important;padding:0!important;margin:0!important;border:0!important}
html body #jf-hdr60 .oc-cbar{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:var(--h60-contacth)!important;min-height:0!important;padding:0!important;margin:calc(-1 * var(--h60-overlap)) 0 0!important;border:.8px solid #111!important;background:#111!important;color:#fff!important;font:700 var(--h60-contactfont)/1.2 H60Mono,monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important}
html[data-theme=dark] body #jf-hdr60 .oc-cbar{background:#fff!important;color:#111!important;border-color:#fff!important}
html body #jf-hdr60 a:focus-visible,html body #jf-hdr60 button:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
@media(max-width:760px){html body #jf-hdr60 .np-clock{letter-spacing:.02em!important;gap:1.44px!important}}
@media(min-width:1024px) and (max-width:1439px) and (orientation:landscape){html body #jf-hdr60 .np-clock{border-width:1px!important;gap:2px!important;letter-spacing:.78px!important}html body #jf-hdr60 .np-clock span{font-size:14px!important;line-height:1.2!important;letter-spacing:.78px!important}html body #jf-hdr60 .oc-cbar{border-width:1px!important}}
/* Inner pages retain an always-reachable exit even when a media viewer focuses/scolls its content. */
html body #jf-hdr60{position:sticky!important;top:0!important}
html:has(body.hdr60-page){scroll-padding-top:var(--h60-height)}
/* The monochrome name plate follows the page inversion, like the full-name mark. */
html body #jf-hdr60 .h60-sign img{filter:none!important}
