.site-shell .headline-lettering{display:none}
.site-shell .lobby-heading.has-headline-asset{padding:12px 0 0}
.site-shell .has-headline-asset>.site-eyebrow,.site-shell .has-headline-asset>#welcome-title,.site-shell .has-headline-asset>p:last-of-type{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.site-shell .has-headline-asset .headline-lettering{display:block;width:min(790px,calc(100% - 360px));height:250px;margin:0 auto;pointer-events:none}
@media(max-height:780px) and (min-width:721px){.site-shell .lobby-heading.has-headline-asset{padding-top:5px}.site-shell .has-headline-asset .headline-lettering{width:min(620px,calc(100% - 310px));height:182px}}
@media(min-width:721px) and (max-width:1100px){.site-shell .has-headline-asset .headline-lettering{width:calc(100% - 285px);height:205px}}
@media(max-height:780px) and (min-width:721px) and (max-width:1100px){.site-shell .has-headline-asset .headline-lettering{height:177px}}
@media(max-width:720px){.site-shell .lobby-heading.has-headline-asset{padding:12px 0 0}.site-shell .has-headline-asset .headline-lettering{width:calc(100% - 24px);height:167px}}
/* The moving rarity labels keep a reserved band below the headline artwork. */
@media(min-width:721px){.site-shell .has-headline-asset .headline-lettering{height:min(250px,var(--hangar-heading-height,250px))}}
@media(min-width:721px) and (max-height:780px){.site-shell .has-headline-asset .headline-lettering{height:min(182px,var(--hangar-heading-height,182px))}}