/* Single public contact screen; details are opened within the city. */
.contact-home #pgc .city-dock{gap:0}
.contact-home #pgc{height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.contact-home #pgc>main{min-height:0}.contact-home #pgc .hero.contact-hero{height:100%;min-height:0;max-height:none}
.contact-home #pgc .contact-top{padding:18px 32px;min-height:72px}.contact-home #pgc .contact-footer{min-height:36px;padding:10px 26px;font-size:9px;color:#9bb29b}.contact-home #pgc .contact-footer>span{display:inline}
.contact-home #pgc .city-intro{top:50%;left:5vw;right:auto;width:31%;max-width:390px;translate:0 -50%;padding:0;background:none}.contact-home #pgc .city-intro h1{font-size:clamp(27px,2.7vw,40px);line-height:1.2;letter-spacing:-1px;margin:14px 0 20px}.contact-home #pgc .city-intro .eyebrow{font-size:10px;letter-spacing:2px}.contact-home #pgc .city-intro .contact-lead{font-size:14px;line-height:1.9;max-width:320px}.contact-home #pgc .contact-primary{margin-top:24px}.contact-home #pgc .contact-address{display:block;margin:8px 0 0;font-size:12px}
.contact-home .city-world{position:absolute;left:30%;top:0;width:70%;height:100%}.contact-home .city-stage{min-height:0}.contact-home .city-dock{max-width:calc(100% - 20px);gap:0;padding:6px;bottom:18px}.contact-home .city-dock>a{padding:9px;font-size:10px}.contact-home .city-dock .city-camera{border-left:0}.contact-home .city-dock button[data-camera=pause]{font-size:9px;padding:8px}.contact-home .city-status{bottom:96px;font-size:10px}
.contact-home .contact-service-card{right:28px;top:50%;bottom:auto;translate:0 -50%;max-height:calc(100% - 28px);overflow:auto}.contact-home #pgc .contact-card-cta{margin-top:18px}
@media(max-width:1100px) and (min-width:761px){.contact-home #pgc .city-intro{left:3vw;width:32%}.contact-home #pgc .city-intro h1{font-size:31px}.contact-home .city-dock{width:calc(100% - 24px);max-width:530px}.contact-home .city-status{bottom:130px}}
@media(max-width:760px){.contact-home #pgc .contact-top{padding:15px 20px;min-height:68px}.contact-home #pgc .city-intro{top:13px;left:22px;right:22px;translate:0 0;width:auto;max-width:none}.contact-home #pgc .city-intro h1{font-size:27px;line-height:1.2;margin:7px 0 10px}.contact-home #pgc .city-intro h1 br{display:none}.contact-home #pgc .city-intro .eyebrow{font-size:9px;letter-spacing:1px}.contact-home #pgc .city-intro .contact-lead{font-size:12px;line-height:1.8;max-width:340px}.contact-home #pgc .contact-primary{margin-top:12px;padding:10px 16px;min-height:40px}.contact-home #pgc .contact-address{display:inline-block;margin:0 0 0 12px;font-size:10px}.contact-home .city-world{left:0;width:100%}.contact-home .city-stage{position:absolute;top:210px;bottom:112px;height:auto;min-height:0}.contact-home .city-dock{bottom:9px;width:calc(100% - 24px);max-width:460px;padding:4px}.contact-home .city-dock a{min-height:36px;padding:7px 9px}.contact-home .city-camera button{min-width:34px;min-height:34px;padding:5px}.contact-home .city-status{display:none}.contact-home #pgc .contact-footer{padding:9px 18px;min-height:32px;justify-content:center}.contact-home #pgc .contact-footer>span:first-child{display:none}.contact-home .contact-service-card{top:auto;bottom:112px;right:18px;translate:0 0;max-height:calc(100% - 125px);padding:24px}.contact-home #pgc .contact-service-card h2{font-size:23px}}
@media(max-width:760px) and (max-height:730px){.contact-home #pgc .contact-top{padding:10px 16px;min-height:58px}.contact-home #pgc .city-intro{top:6px;left:18px;right:18px}.contact-home #pgc .city-intro h1{font-size:23px;margin:5px 0 7px}.contact-home #pgc .city-intro .contact-lead{font-size:11px}.contact-home #pgc .contact-primary{margin-top:8px;min-height:36px;padding:8px 13px}.contact-home #pgc .contact-address{font-size:9px;margin-left:8px}.contact-home .city-stage{top:176px;bottom:104px}.contact-home .city-world .city-label{font-size:8px;min-height:30px;padding:5px 7px}.contact-home .contact-service-card{bottom:106px;max-height:calc(100% - 114px);padding:20px}}
@media(min-width:761px) and (max-height:560px){.contact-home #pgc .contact-top{padding:10px 24px;min-height:58px}.contact-home #pgc .city-intro h1{font-size:27px;margin:10px 0}.contact-home #pgc .city-intro .contact-lead{font-size:12px}.contact-home #pgc .contact-primary{margin-top:12px;padding:9px 16px}.contact-home .city-dock>a{padding:6px 8px}.contact-home .city-status{display:none}}
@media(max-width:760px){.contact-home #pgc .city-dock>a{font-size:9px;padding:6px;min-height:32px}.contact-home #pgc .city-dock .city-camera{gap:0}}
