/* Use the approved artwork itself so letters, emerald shading and gold edges match the preview. */
:root{--brand-tagline:#c7b58b}
.header .brand-title,.footer .brand-title{display:block;font:900 1em/1.15 'Barlow Condensed',sans-serif;letter-spacing:.045em;white-space:nowrap}
.header .brand-title,.footer .brand-title,#nav.nav .menu-seal>span,.opening-film .film-brand>span,.atlas-wordmark,.atlas-teaser-brand>span{background:none!important;filter:none!important;-webkit-text-stroke:0!important;text-shadow:none!important}
img.approved-brand-wordmark{display:block!important;width:8em!important;max-width:100%!important;height:auto!important;aspect-ratio:1360/250;object-fit:contain!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important}
#nav.nav .menu-seal>span>img.approved-brand-wordmark{width:8em!important;height:auto!important;flex:none}
.header .brand-word small,.footer .brand-word small,#nav.nav .menu-seal small,.opening-film .film-brand small,.atlas-wordmark small,.atlas-teaser-brand small{color:var(--brand-tagline)!important;-webkit-text-fill-color:var(--brand-tagline)!important;-webkit-text-stroke:0;text-shadow:0 1px 2px #0008!important}

/* Align the emblem with the full wordmark and tagline as one compact group. */
.header .brand,.footer .brand{display:flex!important;align-items:center!important;gap:10px!important}
.header .brand-word,.footer .brand-word{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;line-height:1}
.header .brand-title,.footer .brand-title{display:block;line-height:0!important;width:100%;margin:0!important;padding:0!important}
.header .brand-word small,.footer .brand-word small{display:block!important;margin:0!important;padding:0!important;line-height:1.2!important;align-self:flex-start;letter-spacing:.12em!important}
.header .brand-word{width:176px;flex:none}
.header .brand-word img.approved-brand-wordmark,.footer .brand-word img.approved-brand-wordmark{width:100%!important;max-width:100%!important;aspect-ratio:1360/250!important}
.footer .brand-word{width:176px}
#nav.nav .menu-seal{align-items:center!important}
#nav.nav .menu-seal>span,.opening-film .film-brand>span,.atlas-wordmark{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:0;line-height:1}
#nav.nav .menu-seal small,.opening-film .film-brand small,.atlas-wordmark small{margin:0!important;padding:0!important;line-height:1.25!important}
@media(max-width:600px){
.header .brand{gap:8px!important}
.header .brand-word{width:clamp(108px,34vw,144px);gap:3px}
.header .brand-word small{font-size:7px!important;letter-spacing:.1em!important}
.header .brand-logo{align-self:center;flex-shrink:0}
}
@media(max-width:380px){.header .brand-word{width:108px}.header .brand-word small{font-size:6px!important}}

/* Leave breathing room around mobile branding and the header actions. */
@media(max-width:600px){
.header .brand{gap:7px!important;max-width:54%;flex:0 1 auto;min-width:0}
.header .brand-word{width:clamp(100px,29vw,124px);max-width:100%;flex:0 1 auto;gap:3px}
.header .brand-logo{width:32px!important;height:38px!important;flex:0 0 32px!important}
.header .brand-word small{font-size:6px!important;letter-spacing:.08em!important;white-space:nowrap}
.header-end{flex-shrink:0}
}
@media(max-width:360px){.header .brand-word{width:96px}.header .brand-logo{width:28px!important;flex-basis:28px!important}.header .brand{gap:6px!important}}