header .brand.dragon-wordmark{position:relative;display:flex;align-items:center;justify-content:center;width:190px;min-height:64px;flex:0 0 190px;margin:0;line-height:1;padding:0;background:none}
header .dragon-wordmark .brand-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;padding-top:3px;z-index:2;font:800 20px/1 Manrope,Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap;color:#ffda83;text-shadow:0 1px 3px #000,0 0 8px #efb34270}
header .dragon-wordmark .brand-name{ text-shadow:none;filter:drop-shadow(0 0 3px #ffb52a99) drop-shadow(0 0 7px #ff542a55)}
header .dragon-wordmark .brand-name span{color:#ffd568;background:linear-gradient(110deg,#fff09a 0%,#ffc43b 22%,#ff892e 42%,#f04435 60%,#ffb632 80%,#fff09a 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:brand-color-flow 5s ease-in-out infinite alternate}
header .dragon-wordmark .brand-name span:last-child{animation-delay:-2s}
@keyframes brand-color-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){header .dragon-wordmark .brand-name span{animation:none;background-position:45% 50%}}
header .dragon-wordmark img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 7px #efb34240);transition:filter .25s ease}
header .dragon-wordmark:hover img{filter:drop-shadow(0 0 10px #efb34270)}
@media(max-width:720px){header .brand.dragon-wordmark{width:160px;flex-basis:160px}header .dragon-wordmark .brand-name{font-size:16px;gap:3px}}
@media(min-width:1101px){header nav{justify-content:flex-start}}

/* Compact wordmark with the same moving gold/red finish on the dragon. */
header .brand.dragon-wordmark{justify-content:flex-start;gap:7px;transform:translateX(-10px)}
header .dragon-wordmark .brand-name{position:relative;inset:auto;padding:0;font-size:18px;gap:3px}
header .dragon-wordmark .brand-dragon-head{display:block;width:31px;height:36px;flex:0 0 31px;background:linear-gradient(110deg,#fff09a 0%,#ffc43b 22%,#ff892e 42%,#f04435 60%,#ffb632 80%,#fff09a 100%);background-size:250% 100%;mask:url('/images/brand-dragon-head.svg?v=2') center/contain no-repeat;-webkit-mask:url('/images/brand-dragon-head.svg?v=2') center/contain no-repeat;animation:brand-color-flow 5s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px #ffb52a99) drop-shadow(0 0 7px #ff542a55)}
@media(max-width:720px){header .brand.dragon-wordmark{width:172px;flex-basis:172px;gap:5px;transform:translateX(-4px)}header .dragon-wordmark .brand-name{font-size:15px}header .dragon-wordmark .brand-dragon-head{width:26px;height:30px;flex-basis:26px}}
@media(prefers-reduced-motion:reduce){header .dragon-wordmark .brand-dragon-head{animation:none;background-position:45% 50%}}

/* Gold profile emblem and a restrained serif wordmark. */
header .brand.dragon-wordmark{width:226px;flex-basis:226px;gap:10px;transform:none;justify-content:flex-start}
header .dragon-wordmark .brand-dragon-head{width:43px;height:48px;flex-basis:43px;background:linear-gradient(135deg,#ffe1a2 0%,#e8b960 55%,#c9923e 100%);mask:url('/images/brand-dragon-profile.svg') center/contain no-repeat;-webkit-mask:url('/images/brand-dragon-profile.svg') center/contain no-repeat;animation:none;filter:none}
header .dragon-wordmark .brand-name{font-family:Georgia,'Times New Roman',serif;font-size:19px;font-weight:400;letter-spacing:1.1px;gap:6px;filter:none;text-shadow:none;padding:0}
header .dragon-wordmark .brand-name span{background:none;-webkit-text-fill-color:currentColor;color:#f0cc85;animation:none}
header .dragon-wordmark:hover .brand-name span{color:#ffe2a6}
@media(max-width:720px){header .brand.dragon-wordmark{width:183px;flex-basis:183px;gap:7px;transform:none}header .dragon-wordmark .brand-dragon-head{width:35px;height:40px;flex-basis:35px}header .dragon-wordmark .brand-name{font-size:15px;letter-spacing:.8px;gap:4px}}

header .dragon-wordmark .brand-dragon-head{mask:none;-webkit-mask:none;background:url('/images/brand-dragon-gold-v2.png') center/contain no-repeat;width:46px;height:52px;flex-basis:46px}
@media(max-width:720px){header .dragon-wordmark .brand-dragon-head{width:36px;height:42px;flex-basis:36px}}