.hero__image{background-image:url("/heidelberg-golden-hour.jpg");background-position:center 47%}
.hero__shade{background:linear-gradient(180deg,rgba(9,13,7,.48) 0%,rgba(12,18,8,.16) 40%,rgba(7,12,7,.62) 100%),linear-gradient(90deg,rgba(7,11,7,.43),transparent 64%)}
.hero h1{max-width:1120px}
.city--soon{position:relative}
.city--soon:hover,.city--soon:focus-visible{padding-inline:17px;border-radius:999px;border-bottom-color:transparent;background:var(--cream);color:var(--ink);outline:none}
.city--soon::after{content:'bald';position:absolute;left:50%;top:-9px;transform:translateX(-50%);font:650 8px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;opacity:0;transition:opacity .2s ease}
.city--soon:hover::after,.city--soon:focus-visible::after{opacity:1}
@media(max-width:590px){.city--soon{display:block}.cities span:has(+.city--soon),.city--soon+span{display:block}}