/* The illustration is a background layer; its fade finishes INSIDE the box. */
.city-scene{position:absolute;right:0;top:0;width:100%;aspect-ratio:2/1;margin:0;border:0;border-radius:0;background:none;box-shadow:none;z-index:0;pointer-events:none;user-select:none}
.city-scene-art{position:absolute;inset:0;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 72%,transparent 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 72%,transparent 95%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.city-scene-art img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.city-scene-art img[hidden]{display:none}
.city-scene-neutral img{position:absolute;right:10%;top:22%;width:min(22%,220px);height:auto;opacity:.7}
.hero.city-home-hero{position:relative;isolation:isolate;align-items:start;column-gap:36px;row-gap:32px;padding-top:22px;min-height:0}
.city-home-hero .hero-copy{position:relative;z-index:3;min-width:0;max-width:640px}
.city-home-hero h1{font-size:clamp(42px,5.1vw,62px);line-height:1.04}
.city-home-hero .hero-copy>p{font-size:16px;margin-top:20px;line-height:1.6;max-width:52ch}
.city-home-hero .hero-actions{margin-top:18px}
.city-home-hero .hero-proof{margin-top:22px}
.city-home-hero .hero-copy .city-global-proof-note{font-size:12px;color:#91aabb;margin:10px 0 0;line-height:1.5}
.city-home-hero .city-home-visual.hero-visual,.city-home-hero .city-home-visual.hero-visual.home-nearby-visual-v1{display:flex;flex-direction:column;position:relative;z-index:2;grid-column:1/-1;gap:0;width:100%;max-width:none;min-width:0;min-height:0;height:auto;overflow:visible;align-self:auto;justify-self:stretch;margin-top:0}
.city-home-visual.hero-visual::before,.city-home-visual.hero-visual::after{content:none}
.city-home-visual .map-stage,.city-home-visual .home-nearby-ambient-v1{display:none}
.city-catalog-hero,.events-page .events-intro.city-catalog-hero{position:relative;isolation:isolate;display:block;min-height:220px;padding:18px 0 16px;margin-bottom:8px}
.city-catalog-copy{position:relative;z-index:2;min-width:0;max-width:62%}
.city-catalog-copy .page-title{font-size:clamp(30px,3.4vw,44px);line-height:1.12;text-wrap:balance;margin:12px 0}
.city-catalog-copy .page-subtitle{max-width:52ch;line-height:1.6}
.city-catalog-copy>a.button{margin-top:18px}
.city-catalog-hero>.city-scene{width:min(820px,72%);height:100%;aspect-ratio:auto;opacity:.92}
/* Fill the masked frame: contain used to letterbox the picture and leave a
   visible dark edge inside the fade. Keep the city and mascots to the right. */
.city-catalog-hero .city-scene-art{overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 72% 50% at 64% 50%,#000 30%,#000 60%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 24%,#000 88%,transparent 100%);mask-image:radial-gradient(ellipse 72% 50% at 64% 50%,#000 30%,#000 60%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 24%,#000 88%,transparent 100%)}
.city-catalog-hero .city-scene-art img{object-fit:cover;object-position:right center}
.city-catalog-hero .city-scene-neutral{display:flex;align-items:center;justify-content:flex-end;-webkit-mask-image:none;mask-image:none}
.city-catalog-hero .city-scene-neutral img{position:static;width:auto;height:80%;max-width:50%;margin-right:8%;object-fit:contain;opacity:.6}
@media(max-width:980px){
  .hero.city-home-hero{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-top:16px}
  .city-home-hero .hero-copy{max-width:680px}
  .city-home-hero>.city-scene{opacity:.55}
  .city-home-hero .city-home-visual.hero-visual,.city-home-hero .city-home-visual.hero-visual.home-nearby-visual-v1{max-width:none;margin-top:0;align-self:auto;justify-self:stretch}
  .city-catalog-copy{max-width:66%}
  .city-catalog-copy .page-subtitle{max-width:34ch}
  .city-catalog-hero>.city-scene{opacity:.82}
}
@media(max-width:760px){
  .hero.city-home-hero{gap:20px;padding-top:12px}
  .city-home-hero h1{font-size:clamp(36px,9.7vw,46px);line-height:1.05}
  .city-home-hero .hero-copy>p{font-size:15px;margin-top:18px}
  .city-home-hero>.city-scene{opacity:.32}
  .city-home-hero .hero-proof{margin-top:20px}
  .city-home-hero .hero-copy{max-width:100%}
  .city-catalog-hero,.events-page .events-intro.city-catalog-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;padding:12px 0 0;margin-bottom:0}
  .city-catalog-copy{max-width:100%}
  .city-catalog-copy .page-title{font-size:32px}
  .city-catalog-copy .page-subtitle{max-width:100%;font-size:14px;margin-bottom:0}
  .city-catalog-hero>.city-scene{position:relative;inset:auto;width:100%;height:clamp(96px,28vw,116px);opacity:.94}
  .city-catalog-hero>.city-scene[data-city-image-state="error"]{display:none}
  .city-catalog-hero .city-scene-neutral{-webkit-mask-image:none;mask-image:none}
  .city-catalog-copy>a.button{margin-top:12px}
}