header.hero.hx6.hail{position:relative;overflow:hidden;background:#0f171a;isolation:isolate;min-height:min(760px,92svh);display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vw,120px) 0 64px}
.hail .hx-bg{position:absolute;inset:0;z-index:-2}
.hail .hx-bg img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block}
.hail::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(15,23,26,.88) 0%,rgba(15,23,26,.72) 34%,rgba(15,23,26,.15) 70%,rgba(15,23,26,0) 100%),linear-gradient(0deg,rgba(15,23,26,.55),transparent 30%)}
.hail .wrap{position:relative;max-width:1200px;width:100%}
.hail .wrap>*{max-width:640px}
.hail h1{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hail .sub,.hail .micro{color:#d5dde3}
.hail .pill{position:static!important;display:inline-flex;margin:0 0 18px;background:rgba(17,24,28,.72);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.hail .hzip{background:rgba(17,24,28,.72);backdrop-filter:blur(8px);border-radius:12px;padding:6px}
.hail-feed{position:absolute;right:48px;bottom:48px;top:auto;z-index:2;width:310px;background:rgba(17,24,28,.74)}
.hail-feed .tx b{font-size:13px}
@media (max-width:1100px){.hail-feed{position:relative;right:auto;bottom:auto;margin:28px auto 0;width:auto;max-width:calc(100% - 40px)}.hail .wrap>*{max-width:none}}
@media (max-width:700px){header.hero.hx6.hail{min-height:0;padding:40px 0 28px;justify-content:flex-start}
 .hail .hx-bg img{object-position:center 30%}
 .hail::before{background:linear-gradient(180deg,rgba(15,23,26,.82) 0%,rgba(15,23,26,.72) 60%,rgba(15,23,26,.5) 100%)}
 .hail-feed{margin:22px 20px 0;max-width:none}}
@media (min-width:1101px){
 html body header.hero.hx6.hail .wrap{display:block!important;position:static;grid-template-columns:none}
 html body header.hero.hx6.hail .wrap>.pill,html body header.hero.hx6.hail h1,html body header.hero.hx6.hail .rt{max-width:620px;margin-left:0}
 html body header.hero.hx6.hail .rt{margin-top:22px;padding:0;border:0}
 .hail-feed{right:max(48px,calc((100vw - 1200px)/2))}}
.hail .micro,.hail .micro span{color:#e2e8ec!important}
@media (max-width:700px){.hail::before{background:linear-gradient(180deg,rgba(15,23,26,.84) 0%,rgba(15,23,26,.78) 55%,rgba(15,23,26,.86) 100%)}}
.hail .hx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,22,.9) 0%,rgba(12,18,22,.78) 36%,rgba(12,18,22,.2) 72%,rgba(12,18,22,.05) 100%),linear-gradient(0deg,rgba(12,18,22,.6),transparent 35%)}
@media (max-width:700px){.hail .hx-bg::after{background:linear-gradient(180deg,rgba(12,18,22,.85),rgba(12,18,22,.78) 55%,rgba(12,18,22,.88))}}
.hail .hx-bg{overflow:hidden}
.hail::before{display:none}
@media (min-width:701px){.hail .hx-bg::after{background:linear-gradient(90deg,rgba(12,18,22,.86) 0%,rgba(12,18,22,.66) 38%,rgba(12,18,22,.08) 70%,transparent 100%),linear-gradient(0deg,rgba(12,18,22,.45),transparent 30%)}}
@font-face{font-family:"InterFB";src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}
header.hero.hx6.hail,header.hero.hx6.hail *{font-family:Inter,InterFB,system-ui,sans-serif}
@media (min-width:1101px){header.hero.hx6.hail{justify-content:flex-start;height:min(760px,92svh)}}
/* parallax */
.hail .hx-bg{perspective:900px}
.hail .hx-bg .hx-city,.hail .hx-sky{position:absolute;inset:-4%;width:108%;height:108%;will-change:transform;transform:translate3d(0,0,0)}
.hail .hx-sky{background:url(assets/hero-hail-1920.webp) 60% center/cover;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 58%);mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 58%);animation:hxdrift 60s ease-in-out infinite alternate}
@media (max-width:700px){.hail .hx-sky{background-image:url(assets/hero-hail-1080.webp);background-position:center 30%}}
@keyframes hxdrift{from{background-position:56% center}to{background-position:66% center}}
.hail .hx-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 62% 22%,rgba(220,230,255,.55),rgba(200,210,255,.12) 40%,transparent 65%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.hail .hx-flash.on{animation:hxflash .9s ease-out}
@keyframes hxflash{0%{opacity:0}8%{opacity:.9}16%{opacity:.15}26%{opacity:.6}100%{opacity:0}}
.hail .hx-bg::after{z-index:3}
@media (prefers-reduced-motion:reduce){.hail .hx-sky{animation:none}.hail .hx-flash{display:none}}
@media (min-width:1101px){header.hero.hx6.hail{padding-top:104px!important}}