.hm-online{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:100%;margin-top:15px;padding:9px 13px;border:1px solid #b9cbb3;border-radius:24px;background:#fffdf3ed;color:#254c3c;font:12px/1.5 Arial,sans-serif;box-shadow:0 2px 8px #254c3c08}.hm-online-dot{width:7px;height:7px;border-radius:50%;background:#6a7768;flex:none}.hm-online[data-state=active] .hm-online-dot{background:#2f8454;box-shadow:0 0 0 3px #2f845419}.hm-online[data-state=unavailable] .hm-online-dot{background:#937337}.hm-online strong{font-weight:700;font-variant-numeric:tabular-nums}.hm-online small{font-size:10px;color:#627365;border-left:1px solid #c8d4be;padding-left:9px}.hm-online[data-state=unavailable]{border-color:#d2c9b0}@media(max-width:600px){.hm-online{font-size:11px;padding:8px 11px;margin-top:12px}.hm-online small{font-size:9px}}

/* Persistent header; stays in document flow so the hero is not covered. */
.hm-page .hm-header{position:sticky;top:0;z-index:40;gap:22px;box-shadow:0 3px 16px #183d3b0d;padding-top:max(14px,env(safe-area-inset-top));background:#fffdf7}
html{scroll-padding-top:calc(var(--hm-header-height,90px) + 16px)}
.hm-brand-status{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0}
.hm-brand-status .hm-brand{margin:0}
.hm-header .hm-online{margin:0;padding:7px 10px;gap:7px;border-radius:8px;font-size:11px;white-space:nowrap;flex-wrap:nowrap;box-shadow:none}
.hm-header nav{gap:20px}
.hm-page .hm-skip{z-index:100}
@media(min-width:761px) and (max-width:1200px){.hm-page .hm-header{flex-wrap:wrap;gap:12px 20px;padding-left:4%;padding-right:4%}.hm-brand-status{margin-right:auto}.hm-header nav{order:4;flex-basis:100%;justify-content:center;margin:0;gap:28px}.hm-header .hm-login{margin-left:auto}}
@media(max-width:760px){.hm-page .hm-header{gap:10px 12px;padding:12px 5%}.hm-brand-status{flex-basis:100%;justify-content:space-between;gap:10px}.hm-header .hm-brand{font-size:18px}.hm-header .hm-brand small{font-size:8px;letter-spacing:1.6px}.hm-header .hm-online{font-size:10px;padding:7px 8px;gap:6px}.hm-header .hm-menu{margin-right:auto}.hm-header .hm-login{margin-left:auto}.hm-header nav.hm-open{max-height:40dvh;overflow-y:auto;overscroll-behavior:contain}html{scroll-padding-top:calc(var(--hm-header-height,128px) + 12px)}}
@media(max-width:370px){.hm-header .hm-brand{font-size:16px}.hm-brand-status{gap:6px}.hm-header .hm-online{font-size:9px;padding:6px}.hm-header .hm-brand small{font-size:7px}}

/* Supplied logo image; preserve its original aspect ratio. */
.hm-header .hm-logo-image{display:block;width:220px;height:auto;max-width:100%;object-fit:contain}
.hm-header .hm-brand{line-height:0;flex-shrink:1;min-width:0}
@media(max-width:760px){.hm-header .hm-logo-image{width:180px}.hm-header .hm-brand-status{gap:10px}}
@media(max-width:370px){.hm-header .hm-logo-image{width:156px}.hm-header .hm-brand-status{gap:6px}}

/* Compact bar: reserve horizontal space, take artwork out of header height. */
.hm-page .hm-header{min-height:64px;padding-top:0;padding-bottom:0;overflow:visible}
.hm-header .hm-brand{position:relative;display:block;width:220px;height:44px;flex:0 0 220px;isolation:isolate}
.hm-header .hm-logo-image{position:absolute;left:0;top:0;width:220px;max-width:none;height:auto;z-index:2}
@media(min-width:761px) and (max-width:1200px){.hm-page .hm-header{padding-top:6px;padding-bottom:8px;row-gap:4px}.hm-header .hm-brand{width:180px;flex-basis:180px;height:32px}.hm-header .hm-logo-image{width:180px}.hm-header nav{padding-left:190px;min-height:30px;gap:20px}}
@media(max-width:760px){.hm-page .hm-header{display:grid;grid-template-columns:140px minmax(44px,1fr) minmax(88px,1fr);grid-template-rows:24px 40px;gap:4px 6px;padding:6px 12px;min-height:80px}.hm-header .hm-brand-status{display:contents}.hm-header .hm-brand{grid-column:1;grid-row:1 / 3;align-self:start;width:140px;height:40px;margin:0;flex-basis:auto}.hm-header .hm-logo-image{width:156px;top:24px;left:-8px}.hm-header .hm-online{grid-column:2 / 4;grid-row:1;justify-self:end;font-size:10px;padding:3px 7px}.hm-header .hm-menu{grid-column:2;grid-row:2;margin:0;padding:6px;min-height:40px}.hm-header .hm-login{grid-column:3;grid-row:2;margin:0;padding:8px 6px;font-size:10px;min-height:40px;text-align:center;white-space:nowrap}.hm-header nav{grid-column:1 / -1;grid-row:3;order:initial;padding:6px 0 0 150px;gap:0}.hm-header nav.hm-open{display:flex;max-height:45dvh}.hm-page:not(.hm-js) .hm-header nav{display:flex}}
@media(max-width:350px){.hm-page .hm-header{grid-template-columns:124px minmax(40px,1fr) minmax(88px,1fr);padding-left:10px;padding-right:10px}.hm-header .hm-brand{width:124px}.hm-header .hm-logo-image{width:142px;top:28px;left:-8px}.hm-header nav{padding-left:132px}}