.city-hero{--ease:cubic-bezier(.22,1,.36,1);--ink:#1d1d1f;--muted:#6e6e73;--dim:#a1a1a6;height:100vh;position:relative;overflow:hidden}.city-hero-sticky{background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.city-hero-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.city-hero-copy{text-align:center;z-index:5;will-change:opacity,transform;padding:0 24px;position:absolute;top:16vh;left:0;right:0}.city-hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:26px;font-size:.8rem;font-weight:600;display:inline-block}.city-hero-h1{letter-spacing:-.04em;color:var(--ink);max-width:16ch;margin:0 auto;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:800;line-height:1.04}.city-hero-copy p{color:var(--muted);max-width:620px;margin:22px auto 0;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:450;line-height:1.5}.city-hero .grad-text{background:linear-gradient(120deg,var(--accent),var(--accent-light));color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.05em}.city-hero .split .w{vertical-align:bottom;margin:-.1em 0 -.28em;padding:.1em 0 .28em;display:inline-block;overflow:hidden}.city-hero .split .w>span{transition:transform 1s var(--ease);display:inline-block;transform:translateY(130%)}.city-hero .split.in .w>span{transform:none}.city-hero-hint{z-index:5;color:var(--dim);letter-spacing:.22em;text-transform:uppercase;will-change:opacity;flex-direction:column;align-items:center;gap:10px;font-size:.75rem;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.city-hero-hint:after{content:"";background:linear-gradient(180deg,var(--ink),transparent);width:1px;height:40px;animation:city-drip 2s var(--ease)infinite}@keyframes city-drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.city-hero-end{z-index:4;text-align:center;color:#fff;opacity:0;pointer-events:none;will-change:opacity,transform;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.city-hero-end h2{letter-spacing:-.04em;color:#fff;text-shadow:0 6px 60px #0006;font-size:clamp(2.4rem,6vw,5rem);font-weight:800}.city-hero-end p{color:#ffffffeb;text-shadow:0 2px 24px #00000059;margin-top:14px;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:450}.city-hero-end-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.city-hero-btn{cursor:pointer;pointer-events:auto;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s,border-color .3s;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;display:inline-flex}.city-hero-btn-dark{color:var(--ink);background:#fff}.city-hero-btn-dark:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 16px 40px -10px #fff6}.city-hero-btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-color:#ffffff80}.city-hero-btn-ghost:hover{background:#ffffff3d;border-color:#fff;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.city-hero .split .w>span{transition:none;transform:none}.city-hero-hint:after{animation:none}}@media (max-width:767px){.city-hero-copy{top:12vh}.city-hero-h1{font-size:clamp(2rem,9vw,3rem)}.city-hero-copy p{font-size:1rem}}