/* INSTALL LAST, after all section styles. Fonts are relative to this file.
   First five heroes are fixed automatically. Earlier content sections opt in
   through data-zinga-standard on their parent/main. No reset of image colors. */




:root{--zinga-display:Anton,Impact,sans-serif;--zinga-body:Barlow,Arial,sans-serif;--zinga-h1:clamp(34px,3.65vw,56px);--zinga-h2:clamp(28px,3vw,44px);--zinga-h3:clamp(20px,1.8vw,26px);--zinga-text:clamp(16px,1.22vw,18px);--zinga-blue:#0062ff;--zinga-cyan:#63d8ff;--zinga-navy:#031529;--zinga-ease:cubic-bezier(.2,.7,.2,1);--zinga-fast:220ms;--zinga-slow:600ms}
/* First approved hero set: removes 78px headings, 840px min-height and extra-wide titles. */
.zh-hero[data-zh-hero]{font-family:var(--zinga-body);font-size:var(--zinga-text);min-height:clamp(550px,43.5vw,660px);height:auto;padding:44px clamp(24px,4vw,70px)}
.zh-hero[data-zh-hero] h1{font-family:var(--ds-display);font-size:var(--ds-hero);line-height:1.05;width:100%;font-weight:400;margin-bottom:20px;font-style:normal;}
.zh-hero[data-zh-hero] .zh-content{max-width:620px}
.zh-hero[data-zh-hero] .zh-copy{font:400 var(--ds-lead)/1.5 var(--ds-body);margin-bottom:22px;}
.zh-hero[data-zh-hero] .zh-eyebrow{font:600 var(--ds-eyebrow)/1.25 var(--ds-ui);letter-spacing:.14em;margin-bottom:14px;}
.zh-hero[data-zh-hero] .zh-actions{margin-bottom:20px;gap:12px}
.zh-hero[data-zh-hero] .zh-cta{font:600 15px/1.35 var(--zinga-body);min-height:48px;padding:13px 18px}
.zh-hero[data-zh-hero] .zh-tile{min-height:102px;padding:12px 10px}
.zh-hero[data-zh-hero] .zh-tile span{font:600 14px/1.35 var(--zinga-body)}
.zh-hero[data-zh-hero] .zh-benefits{width:100%;gap:10px}
.zh-hero[data-zh-hero] .zh-icon{width:40px;height:40px}
@media(min-width:901px){
 .zh-hero[data-zh-hero] .zh-canvas{width:auto;height:100%;aspect-ratio:1660/948;left:auto;right:0;mask-image:linear-gradient(90deg,transparent,#000 12%)}
 .zh-hero[data-zh-hero] .zh-scene{object-fit:contain;object-position:center}
}
/* Existing authored sections: opt-in typography, preserving decorative outline words and score digits. */
[data-zinga-standard] :is(.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section,.zs-section){font-family:var(--zinga-body);font-size:var(--zinga-text);--heading:var(--zinga-display);--body:var(--zinga-body);--zc-heading:var(--zinga-display);--zc-body:var(--zinga-body)}
[data-zinga-standard] :is(.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section,.zs-section) :is(h2,.zc-title,.zt-title){font-family:var(--zinga-display);font-size:var(--zinga-h2);line-height:1.14;font-weight:400}
[data-zinga-standard] :is(.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section,.zs-section) h3{font-family:var(--ds-display);font-size:var(--ds-card);line-height:1.15;font-weight:400;}
[data-zinga-standard] :is(.zgo-copy,.zcl-copy,.zc-copy,.zsa-copy) > p:not([class*="eyebrow"]),[data-zinga-standard] :is(.zc-intro,.zt-body,.zc-support){font:400 var(--zinga-text)/1.5 var(--zinga-body)}
[data-zinga-standard] :is(.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section) :is(button,a){font-family:var(--zinga-body)}
[data-zinga-standard] :is(.zgo-eyebrow,.zcl-eyebrow,.zc-eyebrow,.zt-eyebrow,.zsa-eyebrow){font:600 var(--ds-eyebrow)/1.25 var(--ds-ui);letter-spacing:.14em;white-space:normal;}
/* Geometry stays section-specific: fixed-aspect stages must not be globally collapsed. */
[data-zinga-standard] .zgo-shell{padding-top:44px;padding-bottom:44px}
[data-zinga-standard] .zsa-section[data-zsa-section]{padding-top:40px;padding-bottom:40px}
[data-zinga-standard] :is(.zcl-membership,.zc-membership) :is(.zcl-inner,.zc-inner){min-height:580px;padding-top:44px;padding-bottom:44px}
[data-zinga-standard] :is(.zcl-management,.zc-management) :is(.zcl-inner,.zc-inner){min-height:560px;padding-top:44px;padding-bottom:44px}
/* Explicit interface-only color hooks. Do not recolor trophies, skin, wood or photography. */
[data-zinga-ui="accent"]{color:var(--zinga-blue)!important}
[data-zinga-ui="button"]{background:var(--zinga-blue)!important;border-color:#39b5ff!important;color:#fff!important}
[data-zinga-ui="navy"]{background-color:var(--zinga-navy)!important;color:#fff}
[data-zinga-ui="panel"]{background:linear-gradient(135deg,#092846,#031529)!important;border-color:#258fdd!important;color:#fff}
/* General site prose can adopt the same scale explicitly, without corrupting scoreboard art. */
[data-zinga-type="hero"]{font:400 var(--zinga-h1)/1.12 var(--zinga-display)!important}
[data-zinga-type="section"]{font:400 var(--zinga-h2)/1.14 var(--zinga-display)!important}
[data-zinga-type="body"]{font:400 var(--zinga-text)/1.55 var(--zinga-body)!important}
[data-zinga-motion-paused] :is(.zh-hero,.znh-hero,.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section) *,[data-zinga-motion-paused] :is(.zh-hero,.znh-hero,.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section) *::before,[data-zinga-motion-paused] :is(.zh-hero,.znh-hero,.zc-section,.zcl-section,.zgo,.zt-section,.zsa-section) *::after{animation-play-state:paused!important;transition-duration:0s!important}
@media(max-width:900px){
 :root{--zinga-h1:clamp(32px,5.6vw,44px);--zinga-h2:clamp(28px,4.6vw,36px);--zinga-text:16px}
 .zh-hero[data-zh-hero]{min-height:0;padding:0}
 .zh-hero[data-zh-hero] .zh-art{height:clamp(225px,48vw,390px)}
 .zh-hero[data-zh-hero] .zh-content{max-width:none;padding:8px clamp(20px,5vw,40px) 44px}
 .zh-hero[data-zh-hero] h1{font-size:var(--ds-hero);margin-bottom:16px;}
 .zh-hero[data-zh-hero] .zh-copy{font-size:var(--ds-lead);margin-bottom:20px;}
 .zh-hero[data-zh-hero] .zh-tile span{font-size:13px}
 .zh-hero[data-zh-hero] .zh-cta{font-size:14px;min-height:46px}
 [data-zinga-standard] :is(.zcl-membership,.zc-membership,.zcl-management,.zc-management) :is(.zcl-inner,.zc-inner){min-height:0;padding-top:36px;padding-bottom:44px}
 [data-zinga-standard] .zgo-shell{padding-top:36px;padding-bottom:36px}
}
@media(prefers-reduced-motion:reduce){[data-zinga-standard] *,[data-zinga-standard] *::before,[data-zinga-standard] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}