/* usdh.money: the wordmark alone at the top of the page, no bar, no coin. It sits on the first section and scrolls away with it.
   Paper wordmark on dark pages (the homepage), ink wordmark on paper pages (body.brand-page). */
.top-logo{position:absolute;z-index:60;top:calc(env(safe-area-inset-top,0px) + 24px);left:clamp(18px,4vw,48px);pointer-events:none}
.tl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;pointer-events:auto}
.tl-coin{width:32px;height:32px;display:block;flex:none}
.tl-wm{display:block;height:17px;width:auto;max-width:none}
.tl-l{display:none}
.brand-page .tl-d{display:none}
.brand-page .tl-l{display:block}
@media (max-width:600px){ .top-logo{top:calc(env(safe-area-inset-top,0px) + 18px)} .tl-coin{width:30px;height:30px} .tl-wm{height:14px} }
/* footer: the usdh.money wordmark alone, no coin, the same width the old logo's words had */
.foot .brand img.logo.wm{height:24px}
@media (max-width:760px){.foot .brand img.logo.wm{height:20px}}