/* Uses the approved original illustrated wordmark, not a redrawn SVG. */
.site-header .logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:0 0 auto;min-width:0;line-height:1;text-decoration:none}
.site-header .brand-wordmark{display:block;width:clamp(152px,15vw,230px);height:auto;aspect-ratio:1900/495;object-fit:contain}
.site-header .brand-localized-name{display:block;margin-top:1px;color:#f3dfb2;font-weight:700;letter-spacing:.11em;font-size:10px;line-height:1.1;text-shadow:0 1px 3px #0a172a;white-space:nowrap}
@media(max-width:1080px){.site-header .brand-wordmark{width:169px}.site-header .brand-localized-name{font-size:9px}}
@media(max-width:600px){.site-header .brand-wordmark{width:146px}.site-header .brand-localized-name{font-size:8px;letter-spacing:.06em}}

/* Match artwork to dark header without visible rectangular edges. */
html{color-scheme:dark}
.site-header .brand-wordmark{mix-blend-mode:screen;filter:brightness(1.12) contrast(1.26);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}