/* The studio signature is mounted inside the city architecture. */
.city-sign{position:absolute;z-index:1;right:10.8%;top:30%;width:clamp(235px,24vw,360px);pointer-events:none;--sign-yaw:0deg;--sign-pitch:0deg;--sign-highlight:50%;transform:translate3d(calc(var(--scene-x,0px)*1.12),calc(var(--scene-y,0px) + var(--scene-scroll,0px)),0) perspective(950px) rotateY(calc(-22deg + var(--sign-yaw))) rotateX(calc(4deg + var(--sign-pitch))) rotateZ(-3deg);transform-style:preserve-3d}
.city-sign-mount{position:relative;padding:22px 19px 15px;background:linear-gradient(150deg,#ffffff0c,transparent 42%),linear-gradient(90deg,#101014ed,#101014b0);border:1px solid #d9dade4f;border-left:3px solid #ff3b48;box-shadow:-7px 8px 0 #060609b3,0 24px 38px #000a,inset 0 0 0 4px #11111665;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,10px 100%,0 calc(100% - 10px))}
.city-sign-mount:before{content:'';position:absolute;left:8px;right:8px;top:8px;bottom:8px;pointer-events:none;background:radial-gradient(circle,#f1d4d96b 0 1.5px,transparent 2px) left top/3px 3px no-repeat,radial-gradient(circle,#f1d4d966 0 1.5px,transparent 2px) right bottom/3px 3px no-repeat,linear-gradient(120deg,transparent 25%,#ffffff0c 48%,transparent 72%);opacity:.8}
.city-sign-mount:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 160px 120px at var(--sign-highlight) 30%,#ffbbc92e,transparent 75%);mix-blend-mode:screen;pointer-events:none}
.city-sign-title{position:relative;display:block;white-space:nowrap;font-family:var(--display);font-size:clamp(30px,3.35vw,50px);font-weight:700;line-height:1;letter-spacing:-.075em;color:#ffe5e8;text-shadow:1px 1px 0 #882534,2px 2px 0 #6c1b2a,3px 3px 0 #581521,4px 4px 0 #410e18,5px 5px 0 #22070d,0 0 5px #ff607aaa,0 0 24px #ff314055,0 0 48px #ff243440;filter:drop-shadow(1px 5px 1px #0008)}
.city-sign-subline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ff829247;margin-top:15px;padding-top:9px;font-family:var(--mono);font-size:7px;letter-spacing:2.6px;color:#e8a3ad}
.city-sign-subline>i{display:block;width:35px;height:2px;background:#ff6574;box-shadow:0 0 10px #ff435970}
.city-sign-strut{position:absolute;z-index:-1;left:13%;right:13%;top:10%;bottom:-14%;border-left:4px solid #414148;border-right:4px solid #303036;box-shadow:3px 0 #0008,-3px 0 #0008;transform:translateZ(-20px)}
.city-sign-reflection{position:absolute;z-index:0;right:10%;bottom:12%;width:29%;font-family:var(--display);font-size:clamp(30px,4.25vw,68px);font-weight:700;letter-spacing:-.06em;line-height:1;color:#ff6c7c;pointer-events:none;opacity:.13;filter:blur(2px);transform:perspective(420px) rotateX(65deg) rotateZ(-6deg) scaleY(-1) translate3d(var(--scene-x,0px),0,0);mask-image:linear-gradient(180deg,transparent,#000 38%,transparent)}
@media(max-width:1100px) and (min-width:761px){.city-sign{top:61%;right:9%;width:235px}.city-sign-title{font-size:32px}.city-sign-reflection{right:9%;bottom:11%;width:34%;font-size:43px}}
@media(max-width:760px){.city-sign{top:56%;right:6%;width:44%;transform:perspective(600px) rotateY(-22deg) rotateX(4deg) rotateZ(-3deg)}.city-sign-mount{padding:15px 12px 10px;border-left-width:2px}.city-sign-title{font-size:6.1vw;letter-spacing:-.075em}.city-sign-subline{font-size:4px;letter-spacing:1.6px;padding-top:6px;margin-top:9px}.city-sign-subline>i{width:21px;height:1px}.city-sign-reflection{right:6%;bottom:12%;width:49%;font-size:7.5vw;opacity:.12;filter:blur(1.5px)}}
@media(prefers-reduced-motion:reduce){.city-sign{transform:perspective(950px) rotateY(-22deg) rotateX(4deg) rotateZ(-3deg)}.city-sign-reflection{transform:perspective(420px) rotateX(65deg) rotateZ(-6deg) scaleY(-1)}}