/* Homepage only: keep search contracts and the existing country copy intact. */
.jg-ui .jg-home .jg-hero{position:relative;isolation:isolate;overflow:hidden;min-height:0;background:#fffcf6}
.jg-ui .jg-home .jg-hero::after{content:"";position:absolute;inset:0 0 0 42%;z-index:0;background:url(../images/refresh/hero.webp) right center/auto 100% no-repeat;pointer-events:none}
.jg-ui .jg-home .jg-hero-wrap{position:relative;z-index:1;width:calc(100% - 96px);max-width:1280px;margin:0 auto;padding:76px 0 62px}
.jg-ui .jg-home .jg-hero h1{max-width:64%;margin:0;font-size:clamp(44px,4.4vw,64px);line-height:1.12;font-weight:800;letter-spacing:-.045em;text-wrap:balance}
.jg-ui .jg-home .jg-hero h1::before{display:none}
.jg-ui .jg-home .jg-hero-intro{max-width:55%;margin:22px 0 28px;font-size:20px;line-height:1.6;color:#46616e}
.jg-ui .jg-home .jg-search{width:58%;max-width:620px;margin:0}
.jg-ui .jg-home .jg-search-field{gap:12px;padding:6px;background:#fff;border:1px solid #c5d4da;border-radius:12px;box-shadow:0 8px 24px #07394d0b}
.jg-ui .jg-home .jg-search-field>i{margin-left:12px;font-size:20px}
.jg-ui .jg-home .jg-search-field input{min-height:52px;font-size:17px}
.jg-ui .jg-home .jg-search-field input::placeholder{font-size:16px}
.jg-ui .jg-home .jg-search-field button{min-width:154px;min-height:52px;font-size:16px;border-radius:8px;padding:12px 20px}
.jg-ui .jg-home .jg-search-options{gap:4px 22px;margin-top:10px}
.jg-ui .jg-home .jg-search-options a,.jg-ui .jg-home .jg-search-options #geo_search{min-height:44px;font-size:13px;line-height:1.5;text-align:left}
.jg-ui .jg-home .jg-search-options a{gap:7px}
.jg-ui .jg-home .jg-roles{width:calc(100% - 96px);max-width:1280px;margin:32px auto 56px;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.jg-ui .jg-home .jg-role{min-width:0;min-height:252px;padding:24px 28px;gap:22px;grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:center;border:1px solid #07394d0a;border-radius:18px;overflow:hidden}
.jg-ui .jg-home .jg-role>img{width:100%;height:auto;max-height:230px;object-fit:contain;object-position:center;align-self:center}
.jg-ui .jg-home .jg-role>div{min-width:0;transform:none}
.jg-ui .jg-home .jg-role h2{margin:0 0 18px;font-size:clamp(24px,2.1vw,30px);letter-spacing:-.025em;line-height:1.22}
.jg-ui .jg-home .jg-cta{min-width:0;min-height:54px;padding:12px 16px;gap:12px;font-size:16px;line-height:1.45;white-space:normal;border-radius:9px}
.jg-ui .jg-home .jg-cta i{flex-shrink:0;font-size:15px}
@media(max-width:1100px) and (min-width:901px){
 .jg-ui .jg-home .jg-hero-wrap{width:calc(100% - 64px);padding:60px 0 48px}
 .jg-ui .jg-home .jg-hero h1{max-width:68%;font-size:48px}
 .jg-ui .jg-home .jg-search{width:66%}
 .jg-ui .jg-home .jg-roles{width:calc(100% - 64px);gap:18px}
 .jg-ui .jg-home .jg-role{padding:20px;gap:16px;grid-template-columns:30% minmax(0,1fr);min-height:220px}
}
@media(max-width:900px){
 .jg-ui .jg-home .jg-hero::after{position:relative;display:block;inset:auto;width:100%;height:clamp(168px,30vw,220px);background-position:right center;background-size:auto 100%}
 .jg-ui .jg-home .jg-hero-wrap{width:calc(100% - 48px);max-width:620px;padding:36px 0 20px}
 .jg-ui .jg-home .jg-hero h1{max-width:100%;font-size:clamp(32px,5.8vw,44px);line-height:1.16;letter-spacing:-.035em}
 .jg-ui .jg-home .jg-hero-intro{max-width:100%;margin:16px 0 22px;font-size:17px;line-height:1.6}
 .jg-ui .jg-home .jg-search{width:100%;max-width:none}
 .jg-ui .jg-home .jg-search-field{display:flex;flex-wrap:nowrap}
 .jg-ui .jg-home .jg-search-field button{width:auto;min-width:140px}
 .jg-ui .jg-home .jg-roles{width:calc(100% - 48px);max-width:620px;grid-template-columns:1fr;gap:16px;margin:24px auto 40px}
 .jg-ui .jg-home .jg-role{grid-template-columns:118px minmax(0,1fr);min-height:184px;padding:20px 24px;gap:24px}
 .jg-ui .jg-home .jg-role>img{height:auto;max-height:160px}
 .jg-ui .jg-home .jg-role h2{font-size:26px;margin-bottom:14px}
}
@media(max-width:480px){
 .jg-ui .jg-home .jg-hero-wrap{width:calc(100% - 40px);padding:32px 0 16px}
 .jg-ui .jg-home .jg-hero h1{font-size:clamp(30px,8.5vw,38px);line-height:1.16;letter-spacing:-.035em}
 .jg-ui .jg-home .jg-hero-intro{margin:14px 0 20px;font-size:16px}
 .jg-ui .jg-home .jg-search-field{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 8px;padding:8px;border-radius:12px}
 .jg-ui .jg-home .jg-search-field>i{margin:0;text-align:center;font-size:19px}
 .jg-ui .jg-home .jg-search-field input{width:100%;min-height:40px;font-size:16px}
 .jg-ui .jg-home .jg-search-field button{grid-column:1/-1;width:100%;min-height:48px;margin-top:4px;font-size:16px}
 .jg-ui .jg-home .jg-search-options{gap:0 16px;margin-top:8px}
 .jg-ui .jg-home .jg-search-options a,.jg-ui .jg-home .jg-search-options #geo_search{font-size:12px;min-height:44px}
 .jg-ui .jg-home .jg-roles{width:calc(100% - 32px);gap:14px;margin-top:20px}
 .jg-ui .jg-home .jg-role{grid-template-columns:96px minmax(0,1fr);gap:16px;min-height:164px;padding:18px 16px;border-radius:16px}
 .jg-ui .jg-home .jg-role h2{font-size:23px;margin-bottom:12px}
 .jg-ui .jg-home .jg-cta{min-height:48px;padding:10px 12px;font-size:14px;gap:8px}
}

@media(max-width:480px){.jg-ui:lang(vi) .jg-home .jg-hero h1{font-size:clamp(29px,7.8vw,36px)}}