/* Candidate-only mobile Hero. Desktop and existing animation rules are untouched. */
.tk-flag{display:none}
@media(max-width:959px){
 .tk-flag-host.hero{--heroH:calc(100vw * 1672 / 941)}
 .tk-flag-host > .hero__photo{height:var(--heroH);visibility:hidden;pointer-events:none}
 .tk-flag-host > .hero-fx{bottom:auto;height:var(--heroH)}
 .tk-flag-host .hero__copy{min-height:0;padding:28px var(--g) 26px;display:block}
 .tk-flag-host .hero__heading{left:auto;width:fit-content;max-width:100%;margin-inline:auto}
 .tk-flag-host .hero__heading::before{display:none}
 .tk-flag-host .hero__act{display:none}
 .tk-flag-host .hero__title{margin-top:8px;text-shadow:none;letter-spacing:.04em}
 .tk-flag-host .hero__cityLine{display:inline!important}
 .tk-flag-host .hero__city,.tk-flag-host .hero__no{font-size:clamp(21px,5.8vw,30px)}
 .tk-flag-host .hero__mid{margin-top:3px;font-size:clamp(21px,5.8vw,30px);white-space:normal}
 .tk-flag-host .hero__small{font-size:clamp(13px,3.6vw,18px);white-space:normal}
 .tk-flag{display:block;position:relative;width:100%;aspect-ratio:941/1672;overflow:hidden;isolation:isolate;background:#64bcfa}
 .tk-flag .tk-flag__scene{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
 .tk-flag .tk-flag__cloth{position:absolute;left:8.5%;top:17.3%;width:38%;height:53.5%;pointer-events:none}
 .tk-flag .tk-flag__hardware{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 .tk-flag .tk-flag__fallback{position:absolute;left:8.5%;top:17.3%;width:38%;height:53.5%;pointer-events:none}
 .tk-flag .tk-flag__fallback img{display:block;width:100%;height:100%;max-width:none}
 .tk-flag.is-ready .tk-flag__fallback{display:none}
 .tk-flag:not(.is-ready) .tk-flag__cloth{visibility:hidden}
 .tk-flag .tk-flag__motion{position:absolute;z-index:5;right:12px;bottom:12px;min-width:44px;min-height:44px;border:1px solid #ffffff80;border-radius:50%;background:#17334d99;color:white;backdrop-filter:blur(8px);cursor:pointer;font:16px system-ui;display:grid;place-items:center}
 .tk-flag .tk-flag__motion[hidden]{display:none}
 .tk-flag .tk-flag__motion:focus-visible{outline:3px solid #fff;outline-offset:3px}
 .tk-flag .tk-flag__motion span{pointer-events:none}
 .tk-flag .tk-flag__status{position:absolute;left:12px;bottom:14px;color:#fff;background:#16344dbb;font:12px/1.5 system-ui;padding:5px 10px;border-radius:8px}
 .tk-flag .tk-flag__status:empty{display:none}
 /* Existing FX overlay is pointer-transparent; this button remains reachable. */
 .tk-flag-host > .hero__panel{z-index:4}
}