/* Original event backdrop palette and city artwork, scoped to the Global hero. */
.top{background:#173970;border-bottom-color:#ffffff30}
.hero{--hero-gutter:max(32px,(100vw - 1280px)/2);background:#173970;isolation:isolate;padding-bottom:0;row-gap:36px}
.hero:before{inset:0;z-index:-1;opacity:1;background:linear-gradient(145deg,#274c7c 10%,#24527e 58%,#409084 100%);clip-path:polygon(0 0,100% 0,60% 100%)}
.hero:after{inset:0;z-index:-1;opacity:.7;background:linear-gradient(145deg,#17366b 20%,#30796f 85%,#83b597);clip-path:polygon(100% 0,100% 100%,54% 100%)}
.hero-heading,.hero-context{position:relative;z-index:1;min-width:0}
.year{opacity:.65;-webkit-text-stroke:1px #b8cadd;letter-spacing:-12px}
.hero h1{font-weight:650;text-wrap:balance;text-shadow:0 2px 20px #102b4d30}
.hero h1 .accent{color:#ffe34a}
html[lang="zh-CN"] .hero h1{font-size:clamp(36px,4.7vw,72px);line-height:1.2;letter-spacing:-1px}
html[lang="zh-CN"] .hero h1 .title-en-only{display:none}
#registration{scroll-margin-top:24px}
.hero .manifesto{max-width:none;font-size:17px;line-height:1.6;letter-spacing:.3px;display:flex;flex-wrap:wrap;align-items:baseline}
.manifesto>span:not(.theme-separator){white-space:nowrap}
.theme-separator{white-space:pre}
.hero-audience{font-size:16px;font-weight:700;line-height:1.65;color:var(--yellow);margin:24px 0 0}
.hero-audience+.hero-actions{margin-top:20px}
.hero-free{font-size:14px;line-height:1.7;letter-spacing:0;color:#f0f5fc;margin:16px 0 0}
.hero-free strong{color:var(--yellow);font-weight:600}
.hero-desc{color:#f0f5fc}
.hero .logistics{border-top:1px solid #c9e4eb66;padding-top:24px}
.hero-city{position:relative;z-index:0;grid-column:1/-1;order:3;min-width:0;height:240px;margin:-12px calc(-1 * max(32px,(100vw - 1280px)/2)) 0;background-image:url('assets/global-backdrop-reference.png');background-size:max(100%,1000px) auto;background-position:center bottom;background-repeat:no-repeat;pointer-events:none;mask-image:linear-gradient(transparent,#000 28%);-webkit-mask-image:linear-gradient(transparent,#000 28%)}
.hero-bottom{position:relative;z-index:1;order:4;margin-top:-36px;margin-inline:calc(-1 * var(--hero-gutter));padding:24px var(--hero-gutter);background:#102b51;border-color:#c9e4eb50;align-items:center;font-size:14px;line-height:1.7}
@media(min-width:761px){
 .hero-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:24px;align-content:start;align-items:center}
 .hero-heading .year{position:static;grid-column:2;grid-row:1;font-size:clamp(96px,calc(25vw - 160px),200px);line-height:1;margin-top:calc(-1 * clamp(24px,4.45vw,64px));z-index:auto}
 .hero-heading .kicker{grid-column:1;grid-row:1;margin:0;line-height:1.8;align-self:end}
 .hero-heading h1,.hero-heading .manifesto{grid-column:1/-1;margin:0}
 .hero-bottom>span:last-child{text-align:right}
}
@media(min-width:1600px){.hero-city{height:300px}}
@media(max-width:1100px){.hero{row-gap:28px}.hero-city{height:220px}.hero-bottom{margin-top:-28px}}
@media(max-width:760px){.hero{row-gap:20px}.hero:before{clip-path:polygon(0 0,100% 18%,20% 100%)}.hero:after{clip-path:polygon(100% 15%,100% 100%,0 100%)}.hero-context{padding-top:12px}.hero-city{height:200px;margin:0 -24px;background-size:1000px auto}.hero-bottom{margin-top:-20px}.year{letter-spacing:-7px}.hero h1{text-wrap:initial}.hero .logistics{padding-top:20px}}
@media(max-width:420px){.hero-city{margin-inline:-16px}}
@media(max-width:760px){html[lang="zh-CN"] .hero h1{font-size:clamp(32px,7.8vw,56px)}}
@media(max-width:760px){
 .hero{--hero-gutter:24px}
 .hero-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:20px;align-items:center}
 .hero-heading .year{position:static;grid-column:2;grid-row:1;font-size:64px;line-height:1;letter-spacing:-3px;opacity:.4;z-index:auto}
 .hero-heading .kicker{grid-column:1;grid-row:1;font-size:11px;line-height:1.7;letter-spacing:1px;margin:0}
 .hero-heading h1{grid-column:1/-1;margin:0}
 .hero .manifesto{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;margin:4px 0 0;padding-top:16px;font-size:18px;line-height:1.65}
 .manifesto .theme-separator{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .hero-bottom{font-size:12px;line-height:1.7;align-items:flex-start}
}
@media(max-width:420px){.hero{--hero-gutter:16px}}