/* Shared desktop hero geometry. Background continues behind navigation;
   only the copy reserves header space. Content may grow at enlarged text. */
@media(min-width:1024px){
 html body main :is(.zh-hero[data-zh-hero],.znh-hero,.page-hero.mh-hero){
  min-height:calc(var(--ds-header) + min(var(--ds-hero-height),var(--ds-available)));
  height:auto;max-height:none;margin:0;padding:calc(var(--ds-header) + 40px) var(--ds-gutter) 40px;
  overflow:visible;box-sizing:border-box;display:grid;align-items:center;
 }
 html body main .znh-hero .znh-inner{padding:0;max-width:1360px;width:100%;margin:auto}
 html body main :is(.zh-hero .zh-content,.znh-hero .znh-content){width:48%;max-width:600px;padding:0;min-width:0}
 html body main :is(.zh-hero,.znh-hero) h1{width:100%;max-width:100%;font:400 var(--ds-hero)/1.05 var(--ds-display);letter-spacing:0;overflow-wrap:normal}
 html body main :is(.zh-copy,.znh-copy){font:400 var(--ds-lead)/1.5 var(--ds-body);max-width:100%}
 html body main :is(.zh-benefits,.znh-benefits){width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
 html body main .zh-hero--clubs .zh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body main :is(.zh-tile,.znh-tile){min-width:0;min-height:88px;padding:12px 8px;gap:8px;flex-direction:column;text-align:center;justify-content:center}
 html body main :is(.zh-tile,.znh-tile) span{font:600 .875rem/1.4 var(--ds-body);max-width:100%}
 html body main :is(.zh-icon,.znh-icon){width:32px;height:32px}
}
/* Preserve image proportions in the source package itself. */
.znh-scene img{object-fit:cover}