/* Dnipro hero art direction */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;padding:72px 68px 86px;border-radius:32px;background-color:#0a2522;background-image:linear-gradient(90deg,rgba(7,31,29,.94) 0%,rgba(7,31,29,.78) 46%,rgba(7,31,29,.52) 100%),linear-gradient(0deg,rgba(7,31,29,.48),transparent 58%),url('/assets/dnipro-skyline.jpg'),url('https://commons.wikimedia.org/wiki/Special:FilePath/Dnipro_City_skyline.jpg?width=2200');background-position:center;background-size:cover;color:#fff}.hero:before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:radial-gradient(760px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(230,248,117,.14),transparent 43%);transition:opacity .35s ease}.hero:hover:before{opacity:1}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(10,35,33,.72),transparent 48%,rgba(10,35,33,.18))}.hero-backdrop{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.hero-word{position:absolute;left:3%;bottom:-5%;color:rgba(255,255,255,.11);font-size:clamp(100px,19vw,260px);font-weight:800;letter-spacing:-.1em;line-height:.8;white-space:nowrap;transform:translateX(var(--word-x,0px));transition:transform .18s ease-out}.hero-coordinate{transition:color .25s ease,transform .25s ease}.hero:hover .coordinate-one{color:#e6f875;transform:translateX(4px)}.hero:hover .coordinate-two{color:#e6f875;transform:translateX(-4px)}.hero-coordinate{position:absolute;color:rgba(255,255,255,.68);font:10px 'DM Mono',monospace;letter-spacing:.1em}.coordinate-one{top:14%;left:5%}.coordinate-two{right:4%;bottom:13%}.hero-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.12) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.1) 50%,transparent 50.1%);background-size:25% 100%,100% 25%;opacity:.28}.hero-copy,.hero-visual{position:relative;z-index:1}.hero .eyebrow{color:#e6f875}.hero .status-dot{background:#e6f875;box-shadow:0 0 0 5px rgba(230,248,117,.2)}.hero h1{color:#fff}.hero h1 em{color:#d8f052}.hero .hero-lede{color:rgba(255,255,255,.8)}.hero .hero-note{color:rgba(255,255,255,.72)}.hero .hero-note span,.hero .text-link span{color:#e6f875}.hero .text-link{color:#fff;border-color:rgba(255,255,255,.55)}.hero .button-primary{background:#d8f052;color:#183b34}.hero .button-primary:hover{background:#e8ff86}.hero .button-primary span{color:#183b34}.hero-visual{min-height:440px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:22px 24px;background:rgba(15,48,43,.42);border:1px solid rgba(255,255,255,.35);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.25);backdrop-filter:blur(9px);transform:translate(var(--panel-x,0px),var(--panel-y,0px));transition:transform .18s ease-out}.hero-visual:before,.hero-visual:after{display:none}.hero-panel-header,.hero-panel-footer{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.7);font:10px 'DM Mono',monospace;letter-spacing:.08em}.live-pill{display:flex;align-items:center;gap:7px;color:#e6f875}.live-pill i{width:6px;height:6px;border-radius:50%;background:#e6f875;box-shadow:0 0 10px #e6f875}.hero-panel-main{padding:62px 0 40px;border-block:1px solid rgba(255,255,255,.2)}.panel-label{display:block;margin-bottom:18px;color:#e6f875;font:10px 'DM Mono',monospace;letter-spacing:.08em}.hero-panel-main strong{font-size:clamp(42px,5vw,67px);line-height:.9;letter-spacing:-.08em;color:#fff}.hero-panel-main em{font-family:var(--serif);font-weight:400;color:#e6f875}.hero-panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:19px 0}.hero-panel-stats div{display:flex;flex-direction:column;gap:5px}.hero-panel-stats span{color:rgba(255,255,255,.58);font:9px 'DM Mono',monospace;letter-spacing:.08em}.hero-panel-stats b{color:#fff;font-size:13px}.hero-panel-footer{padding-top:17px;border-top:1px solid rgba(255,255,255,.2)}.hero-panel-footer span:last-child{color:#e6f875;font-size:20px}.photo-credit{position:absolute;z-index:3;right:22px;bottom:10px;color:rgba(255,255,255,.55);font:9px 'DM Mono',monospace}.photo-credit span{color:#e6f875;margin-left:5px}.marquee-band{position:relative;z-index:2}
@media(max-width:900px){.hero{min-height:0;padding:46px 34px 62px;border-radius:24px}.hero-visual{min-height:380px}.hero-word{bottom:4%;left:0}.photo-credit{bottom:7px;right:14px}.coordinate-one{top:8%;left:5%}.coordinate-two{bottom:8%;right:5%}}
@media(max-width:560px){.hero{padding:34px 20px 48px;border-radius:20px;background-position:62% center}.hero-word{font-size:95px;bottom:17%;left:-5%}.hero-visual{min-height:340px;padding:18px 17px;border-radius:18px}.hero-panel-main{padding:45px 0 32px}.hero-panel-stats b{font-size:11px}.photo-credit{font-size:8px;right:12px;bottom:5px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{margin-top:29px}}
@media(prefers-reduced-motion:reduce){.hero-word,.hero-visual,.hero:before{transition:none}.hero:hover:before{opacity:0}}
@media(max-width:380px){.hero{padding-inline:16px}.hero h1{font-size:42px}.hero-visual{min-height:310px}.hero-panel-main strong{font-size:39px}.hero-panel-stats{gap:8px}.hero-panel-stats b{font-size:10px}}