/* HT mark: transparent original artwork, framed by a warm brand surface so all
   three colored faces remain legible against the existing dark olive theme. */
.ht-brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:56px;height:56px;padding:5px;border-radius:14px;border:1px solid #e5c68170;background:linear-gradient(145deg,#f4eacf,#d9cfab);box-shadow:0 3px 14px #10180f28;font-size:0;line-height:0;overflow:hidden}
.ht-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.logo-mark.ht-brand-mark{width:56px;height:56px;letter-spacing:0;font-size:0;font-weight:normal}
.mobile-logo.ht-brand-mark{width:44px;height:44px;padding:4px;border-radius:11px;font-size:0;letter-spacing:0}
.modal-logo.ht-brand-mark{width:64px;height:64px;font-size:0}
.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand .ht-footer-mark{width:43px;height:43px;padding:4px;border-radius:11px}.footer-brand>span:last-child{display:flex;flex-direction:column;gap:4px}.footer-brand small{display:block}
.admin-login .mobile-logo.ht-brand-mark{width:66px;height:66px;padding:6px;border-radius:17px}
.timeline-bottom{justify-content:flex-end}.timeline-bottom .step-dots{margin-left:auto}
@media(max-width:1200px){.logo-mark.ht-brand-mark{width:47px;height:47px;padding:4px;border-radius:12px}.logo{gap:10px}.logo-word{font-size:11px;letter-spacing:1.1px}.logo-word small{font-size:11px}}
@media(max-width:760px){.mobile-logo.ht-brand-mark{width:42px;height:42px}.footer-brand{gap:9px}.footer-brand .ht-footer-mark{width:37px;height:37px}.topbar{gap:10px}}
@media(min-width:761px){.topbar>.mobile-logo.ht-brand-mark{display:none}}