.hero.hero-cities{background:#111917;color:#ecf0eb;}
.hero.hero-cities{min-height:calc(100svh - var(--masthead-height,96px));padding-top:64px;padding-bottom:35px;gap:80px}
.hero.hero-cities .city-scene{position:absolute;inset:0;z-index:-3;background:#24302b;overflow:hidden}
.hero.hero-cities .city-scene img{height:100%;width:100%;object-fit:cover;object-position:50% 67%;filter:saturate(.58) brightness(.7);transform:scale(1.06);animation:hero-cities-duration 36s ease-in-out infinite alternate}
.hero.hero-cities .city-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101917ee 0%,#101917a8 25%,#10191716 57%,#10191775 77%,#101917f5 100%)}
.hero.hero-cities .copy{max-width:1000px}
.hero.hero-cities .copy h1{font-size:clamp(61px,7.7vw,115px);letter-spacing:-.065em;max-width:1000px;line-height:1.01}
.hero.hero-cities .copy p{max-width:385px;color:#e3e7db;font-size:14px;line-height:1.9}
.hero.hero-cities .hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}
.hero.hero-cities .hero-city-thesis{position:relative;font-size:clamp(20px,2.2vw,31px);line-height:1.3;letter-spacing:-.035em;max-width:420px}
.hero.hero-cities .hero-city-thesis:before{content:'';display:block;width:44px;height:1px;background:#dce6db8a;margin-bottom:22px}
.hero.hero-cities .city-links{justify-self:end;width:300px;max-width:100%}
.hero.hero-cities .hero-link{width:100%;font-size:12px;color:#e2e9df;border-color:#c8d9c64a}
.hero.hero-cities .hero-link+.hero-link{margin-top:10px;color:#b5c3b6}
.hero.hero-cities .city-coordinate{position:absolute;width:1px;height:58px;bottom:28%;left:50%;background:#f0e7c85a}
.hero.hero-cities .city-coordinate:after{content:'';position:absolute;height:1px;width:100vw;left:-50vw;top:29px;background:#f0e7c81c}
.hero.hero-cities .scene-credit{position:absolute;bottom:12px;left:50%;font-size:9px;color:#d2dac17a;letter-spacing:.015em;transform:translateX(-50%);white-space:nowrap}
.hero.hero-cities .hero-link:hover{color:#fff;border-color:#fff9}
@keyframes hero-cities-duration{to{transform:scale(1.13) translateX(-1.3%)}}
@media(max-width:650px){.hero.hero-cities{padding-top:62px;padding-bottom:50px;min-height:calc(100svh - var(--masthead-height,96px));gap:110px}
.hero.hero-cities .copy h1{font-size:clamp(51px,12vw,73px)}
.hero.hero-cities .copy p{max-width:290px;font-size:13px}
.hero.hero-cities .hero-bottom{grid-template-columns:1fr;gap:30px}
.hero.hero-cities .hero-city-thesis{max-width:260px;font-size:23px}
.hero.hero-cities .city-links{justify-self:start;width:100%}
.hero.hero-cities .city-scene img{object-position:57% 50%;filter:saturate(.58) brightness(.62)}
.hero.hero-cities .city-scene:after{background:linear-gradient(180deg,#101917eb,#10191780 37%,#1019171c 57%,#101917ef)}
.hero.hero-cities .city-coordinate{bottom:38%;left:70%}
.hero.hero-cities .scene-credit{font-size:8px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.hero.hero-cities .city-scene img{animation:none;transform:none}
}
@media(max-width:650px){.hero.hero-cities{min-height:calc(100svh - var(--masthead-height,78px));}}
body.motion-paused .hero.hero-cities *,body.motion-paused .hero.hero-cities *::before,body.motion-paused .hero.hero-cities *::after{animation-play-state:paused!important;transition:none!important;}