/* One shared 1672:941 scene: lettering cannot drift relative to the buildings. */
.hero.hero--poster{--scene-width:max(100vw,177.6833156svh);--scene-height:max(100svh,56.2799043vw)}
.hero--poster .hero-picture,.hero.hero--poster h1,.hero--poster .hero-foreground{position:absolute;inset:0 auto auto 0;width:var(--scene-width);height:var(--scene-height);transform:none}
.hero--poster .hero-picture img{width:100%;height:100%;object-fit:fill;transform:none;animation:none}
.hero.hero--poster .poster-word{left:25%;top:17%;font-size:calc(var(--scene-width)*.125);line-height:1;letter-spacing:-.035em;white-space:nowrap}
.hero.hero--poster .poster-number{left:68%;right:auto;top:34%;bottom:auto;font-size:calc(var(--scene-width)*.14);line-height:.9;padding:0;margin:0;color:#fff0df;background:none;text-shadow:none}
.hero.hero--poster .poster-number::after{width:72%;margin-top:18px;background:#e86750;height:3px}
.hero--poster .hero-foreground{background-image:url('assets/hero-left-v5.webp');background-size:100% 100%;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1672 941'%3E%3Cpath fill='white' d='M217 121L274 115L332 159L333 330L341 342L341 387L351 401L351 450L365 466L365 513L378 529L378 575L390 596L401 664L432 660L432 650L493 650L493 639L546 630L558 595L570 553L583 514L594 489L598 311L650 300L685 329L687 831L602 849L220 834Z'/%3E%3C/svg%3E");mask-size:100% 100%}
@media(max-width:700px){
 .hero.hero--poster{--scene-width:100%;--scene-height:100%}
 .hero--poster .hero-picture img{width:125%;object-fit:cover;object-position:42% center}
 .hero.hero--poster .poster-word{left:4%;top:15%;font-size:17.8vw;letter-spacing:-.04em}
 .hero.hero--poster .poster-number{left:auto;right:8%;top:24%;font-size:25vw;line-height:1}
 .hero.hero--poster .poster-number::after{height:2px;margin-top:4px}
 .hero--poster .hero-foreground{display:none}
}
@media(min-width:701px){
 .hero.hero--poster .poster-word{font-size:min(calc(var(--scene-width)*.125),calc((96vw - var(--scene-width)*.25)/4.65))}
 .hero.hero--poster .poster-number{font-size:min(calc(var(--scene-width)*.14),18vw);left:auto;right:calc(var(--scene-width) - 94.5vw)}
}
@media(min-width:701px){.hero.hero--poster .poster-number{top:40%}}
@media(min-width:701px){.hero.hero--poster .poster-number{right:calc(var(--scene-width) - min(var(--scene-width)*.83,94.5vw))}}