/* v6: city banner on top (50%), text block below (50%) */
header.hero.hx6{padding:0!important;text-align:left;display:flex;flex-direction:column}
header.hero.hx6:before,header.hero.hx6:after{display:none}
.hx-ban{position:relative;width:100%;height:calc(50svh - 36px);min-height:300px;overflow:hidden;pointer-events:none;border-bottom:1px solid rgba(242,105,105,.14)}
.hx-ban canvas{position:absolute;inset:0;width:100%;height:100%}
.hx-fade{position:absolute;inset:auto 0 0 0;height:40px;background:linear-gradient(transparent,rgba(9,9,19,.75))}
.hx-layer{position:absolute;inset:0}
header.hero.hx6>.wrap{width:100%;min-height:calc(50svh - 36px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:56px;align-content:center;padding-top:30px;padding-bottom:34px;box-sizing:border-box}
header.hero.hx6 .pill{grid-column:1/-1;justify-self:start;margin:0}
header.hero.hx6 h1{grid-column:1;grid-row:2;align-self:center;max-width:none!important;margin:14px 0 0!important;font-size:clamp(34px,3.3vw,50px);text-wrap:balance}
header.hero.hx6 .rt{grid-column:2;grid-row:2;align-self:center;margin-top:14px}
header.hero.hx6 .sub{margin:0!important;max-width:none}
header.hero.hx6 .tog{margin:20px 0 0!important;justify-content:flex-start}
header.hero.hx6 .ctas{margin-top:18px!important;justify-content:flex-start}
header.hero.hx6 .note{margin-top:10px!important}
@media (max-width:900px){header.hero.hx6>.wrap{grid-template-columns:1fr;column-gap:0}header.hero.hx6 .rt{grid-column:1;grid-row:3}}
@media (max-width:700px){.hx-ban{height:calc(46svh - 36px);min-height:260px}header.hero.hx6>.wrap{min-height:calc(54svh - 36px);padding-top:20px;padding-bottom:30px}header.hero.hx6 h1{font-size:clamp(28px,8vw,34px);margin-top:12px!important}header.hero.hx6 .sub{font-size:15.5px}header.hero.hx6 .tog{margin-top:16px!important}}
/* markers */
.hx-m{position:absolute;width:0;height:0;opacity:0;transition:opacity .9s ease;z-index:1}
.hx-m.on{opacity:1}
.hx-m .mk{position:absolute;opacity:0}
.hx-m .rp{position:absolute;left:-55px;top:-55px;width:110px;height:110px;border-radius:50%;border:1.25px solid rgba(242,105,105,.7);opacity:0}
.hx-m.on .rp{animation:hx6r 2.4s cubic-bezier(.2,.7,.3,1) forwards}
.hx-m.on .rp:nth-of-type(2){animation-delay:.4s;border-color:rgba(242,105,105,.45)}.hx-m.on .rp:nth-of-type(3){animation-delay:.8s;border-color:rgba(242,105,105,.3)}
@keyframes hx6r{0%{transform:scale(.25,.1);opacity:.9}100%{transform:scale(1.5,.6);opacity:0}}
.hx-m.nolbl .rp{display:none}
.hx-m .lock{left:-18px;top:-18px;width:36px;height:36px}
.hx-m.on .lock{animation:hxlock .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes hxlock{0%{opacity:0;transform:scale(2.1) rotate(45deg)}100%{opacity:1;transform:none}}
.hx-m .tear{left:-11px;top:-30px;width:22px;height:30px;filter:drop-shadow(0 5px 9px rgba(255,255,255,.22))}
.hx-m.on .tear{animation:hxdrop .75s cubic-bezier(.3,1.35,.5,1) forwards}
@keyframes hxdrop{0%{opacity:0;transform:translateY(-26px)}60%{opacity:1}100%{opacity:1;transform:none}}
.hx-m.m12 .rp{border-color:rgba(255,255,255,.55)}
.hx-m.m12:before{content:"";position:absolute;left:-8px;top:-2px;width:16px;height:5px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(2px)}
.hx-m .pl{position:absolute;left:22px;top:-46px;white-space:nowrap;font:600 12px/1 Inter,system-ui,sans-serif;padding:8px 11px;border-radius:999px;background:rgba(14,14,30,.9);border:1px solid rgba(242,105,105,.35);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.45);opacity:0;transform:translateY(4px);transition:opacity .6s ease .45s,transform .7s cubic-bezier(.2,.8,.2,1) .45s}
.hx-m.l .pl{left:auto;right:22px}
.hx-m.on .pl{opacity:1;transform:none}
.hx-m.nolbl .pl{opacity:0!important;transition-delay:0s}
.hx-m .pl em{font-style:normal;color:#F69898;margin-left:4px}.hx-m .pl i{font-style:normal;color:#9a9dc4}
.hx-m .pl .pin{width:9px;height:12px;margin-right:6px;vertical-align:-1px;color:#F26969}
/* feed */
.hx-feed{position:absolute;right:28px;top:22px;z-index:2;width:300px;padding:12px 12px 9px;border-radius:14px;background:rgba(15,15,32,.78);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12.5px;color:#d9dbf0;box-shadow:0 20px 50px rgba(0,0,0,.4);text-align:left}
.hx-feed .fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.hx-feed .fh b{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.hx-feed .dot{width:7px;height:7px;border-radius:50%;background:#EF4444;animation:hxlive 1.8s infinite}
@keyframes hxlive{0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}70%,100%{box-shadow:0 0 0 7px rgba(239,68,68,0)}}
.hx-feed .ct{font-size:11px;color:#9a9dc4}.hx-feed .ct em{font-style:normal;color:#fff;font-weight:700;display:inline-block;font-variant-numeric:tabular-nums}
.hx-feed .ct.bump em{animation:hxbump .6s ease}
@keyframes hxbump{40%{transform:translateY(-2px);color:#F69898}}
.hx-feed ul{list-style:none;margin:0;padding:0}
.hx-feed li{display:flex;align-items:center;gap:10px;padding:7px 6px;margin:0 -6px;border-radius:8px;border-top:1px solid rgba(255,255,255,.05);animation:hxrow .7s cubic-bezier(.2,.8,.2,1) both;transition:background 1.6s ease}
.hx-feed li:first-child{border-top-color:transparent}
.hx-feed li.new{background:rgba(242,105,105,.13)}
.hx-feed .ic{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(242,105,105,.14);color:#F69898}
.hx-feed .k-h .ic{background:rgba(34,211,238,.12);color:#67E8F9}.hx-feed .k-f .ic{background:rgba(251,146,60,.13);color:#FDBA74}
.hx-feed .ic svg{width:14px;height:14px}
.hx-feed .tx{flex:1;min-width:0;line-height:1.25}.hx-feed .tx b{display:block;color:#fff;font-weight:600;font-size:12.5px}.hx-feed .tx i{display:block;font-style:normal;color:#8c8fb0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-feed .sc{flex:none;font-weight:700;color:#F69898;font-size:12px;padding:3px 7px;border-radius:999px;background:rgba(242,105,105,.1)}
.hx-feed small{display:block;margin-top:5px;color:#7d80a3;font-size:10px}
@keyframes hxrow{from{opacity:0;transform:translateY(-10px)}}
@media (max-width:700px){.hx-feed{left:12px;right:12px;top:auto;bottom:10px;width:auto;padding:8px 10px}.hx-feed small{display:none}.hx-feed .fh{margin-bottom:2px}.hx-feed li{padding:4px 6px}}
@media (prefers-reduced-motion:reduce){.hx-m,.hx-m *,.hx-feed *{animation:none!important;transition:none!important}.hx-m .mk{opacity:1}.hx-m .rp{display:none}}
.hx-m[style*="transition: none"] *{animation-duration:0s!important;animation-delay:0s!important;transition:none!important}
@media (max-width:700px){header.hero.hx6 .pill{font-size:12px;padding:6px 11px;white-space:nowrap}}

/* marker 04: minimal dot + concentric */
.hx-m .dot{left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.25),0 0 18px rgba(239,68,68,.8)}
.hx-m.on .dot{animation:hxpop4 .6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes hxpop4{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}
.hx-m.m04 .rp{left:-40px;top:-40px;width:80px;height:80px;border-color:rgba(242,105,105,.75)}
.hx-m.m04.on .rp{animation:hx4r 2.4s cubic-bezier(.2,.7,.3,1) forwards}
.hx-m.m04.on .rp:nth-of-type(2){animation-delay:.45s}.hx-m.m04.on .rp:nth-of-type(3){animation-delay:.9s}
@keyframes hx4r{0%{transform:scale(.2,.08);opacity:.9}100%{transform:scale(1.4,.56);opacity:0}}
.hx-m.m04 .pl{top:-40px;left:16px}.hx-m.m04.l .pl{left:auto;right:16px}