.painted-gallery{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
/* Text labels sit below the image bounds and remain normal selectable HTML. */
.w-quest{min-width:150px}.w-quest-list{min-width:240px}
.w-quest-list a{white-space:normal;line-height:1.55}
.no-webgl .w-stage{background:#07121c url('../assets/painted/city-cinematic.webp') center/cover no-repeat}
.w-title-panel .w-company-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;margin:0 0 25px;color:var(--ink);font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:.1em;line-height:1.7}
.w-title-panel .w-company-reading{font-size:11px;font-weight:400;letter-spacing:.12em;color:var(--gold)}
.w-live-domain{display:inline-flex;align-items:center;gap:8px;color:#bcd6ba;font-size:9px;letter-spacing:.06em;margin:8px 0 0;overflow-wrap:anywhere}
.w-live-dot{display:inline-block;flex:none;width:5px;height:5px;background:#bad9ac;border-radius:50%;box-shadow:0 0 10px #bad9ac55}
.w-live-site{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #bad9ac35;background:#bad9ac08;margin:0 0 24px;color:#dce9d4;max-width:100%}.w-live-site b{font-size:clamp(13px,2vw,19px);font-weight:500;letter-spacing:.015em;overflow-wrap:anywhere}.w-live-site>span:last-child{margin-left:auto}
@media(max-width:640px){.w-title-panel .w-company-name{font-size:20px;gap:6px 14px;margin-bottom:20px}.w-title-panel .w-company-reading{font-size:10px}}