/* GlossLot wordmark B "Emblem Lockup" (Elias picked 2026-10-29). Free, code-only.
   Needs: Michroma via assets/fonts.css (self-hosted)
   Name + mark are swappable: text comes from the brand config, mark is any transparent square image. */
.gl-lockup{display:inline-flex;align-items:center;gap:.48em;font-size:48px}          /* set font-size to scale everything */
.gl-lockup .gl-mark{width:2.4em;height:auto;filter:drop-shadow(0 .2em .36em rgba(0,0,0,.7))}
.gl-lockup .gl-bar{width:1px;align-self:stretch;margin-block:.3em;background:linear-gradient(180deg,transparent,#d2b47a,transparent)}
.gl-lockup .gl-stack{display:grid;gap:.16em}
.gl-lockup .gl-word{font-family:"Michroma","Saira",sans-serif;font-size:1em;letter-spacing:.12em;line-height:1.05;text-transform:uppercase;
  background:linear-gradient(180deg,#fff 0%,#e9ecf0 30%,#b8bec7 46%,#3a3f47 50%,#59606a 56%,#c9ced5 74%,#f4f6f8 88%,#8c939c 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.012em rgba(255,255,255,.28);
  filter:drop-shadow(0 .04em 0 rgba(0,0,0,.55)) drop-shadow(0 .2em .36em rgba(0,0,0,.65))}
.gl-lockup .gl-tag{font-family:"Saira",sans-serif;font-size:.24em;letter-spacing:.38em;text-transform:uppercase;color:#d2b47a}
/* Small header: no bar, no tagline */
.gl-lockup.gl-sm{font-size:15px;gap:.6em}.gl-lockup.gl-sm .gl-bar,.gl-lockup.gl-sm .gl-tag{display:none}.gl-lockup.gl-sm .gl-mark{width:2.6em}
/* Light backgrounds (brushed silver / white): dark chrome */
.gl-lockup.gl-onlight .gl-word{background:linear-gradient(180deg,#5d636c 0%,#2a2e34 46%,#0e1013 50%,#3b4048 60%,#7a818b 86%,#30343a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.008em rgba(0,0,0,.35);filter:drop-shadow(0 .02em 0 rgba(255,255,255,.8))}
.gl-lockup.gl-onlight .gl-tag{color:#9c7a3c}