/* Tamer's Oath brand: logo lockups, shared by the game, the website and the social art. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@600;800;900&display=swap');

.wordmark { font-family: 'Cinzel Decorative', 'Cinzel', Georgia, serif; font-weight: 900; line-height: .9; text-transform: none; }
.wordmark span { display: block; background: linear-gradient(180deg, #fff6cf 0%, #f6d06a 38%, #d08f2c 62%, #8a5a1c 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 2px 0 #3b2408) drop-shadow(0 6px 14px rgba(0,0,0,.65)); }
.wordmark .w1 { font-size: .52em; letter-spacing: .08em; margin-left: .06em; }
.wordmark .w2 { font-size: 1em; letter-spacing: .04em; }

.logo-lockup { display: inline-flex; align-items: center; gap: .28em; font-size: 64px; }
.logo-lockup img { height: 1.9em; filter: drop-shadow(0 8px 18px rgba(0,0,0,.6)); }
.logo-lockup.big { font-size: 96px; }

.logo-stacked { display: inline-flex; flex-direction: column; align-items: center; text-align: center; font-size: 84px; }
.logo-stacked img { height: 2.4em; margin-bottom: .1em; filter: drop-shadow(0 10px 24px rgba(0,0,0,.65)); }
.logo-stacked .tag { font: 800 .2em 'Cinzel', Georgia, serif; letter-spacing: .5em; color: #e9d3a0; margin-top: .55em; text-shadow: 0 2px 8px #000; }