/* GENERATED by scratchpad/design-2026/build-home-merge.py from C:/Users/jack/design/home-merge.html. Do not edit: change the mock or the builder. */
.hm-strip{--cask:#392916;--on-dark:#F1EDE8;--bracken:#C08C3D;--edge:clamp(16px,5.4vw,78px);--face:"larken","Larken",Georgia,serif;--sans:"Jost",system-ui,sans-serif}
@keyframes hm-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hm-strip{position:fixed;z-index:40;top:0;left:0;right:0;height:40px;display:flex;align-items:center;gap:26px;padding:0 var(--edge);
  background:var(--cask);color:var(--on-dark);font-family:var(--sans);font-size:12.5px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;
  transform:translateY(-100%);transition:transform .35s ease}
.hm-strip.on{transform:none}
.hm-strip b{font-family:var(--face);font-weight:400;font-size:15px;margin-left:5px}
.hm-strip .dot{width:7px;height:7px;border-radius:50%;background:var(--bracken);display:inline-block;margin-right:8px;animation:hm-pulse 2.4s ease-in-out infinite}
.hm-strip a{margin-left:auto;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;border-bottom:1px solid rgba(241,237,232,.5);padding-bottom:2px}
@media (max-width:820px){
  .hm-strip{gap:16px}
  .hm-strip .opt{display:none}
}
/* the site: under the sticky bar, not over it; its words start on the logo's edge (--edge), as the mock has it */
.hm-strip{top:var(--bar,76px);z-index:99}
.hm-strip a{color:inherit;text-decoration:none}