/* TW Etemo · original cyan/silver identity, confirmed 12 October 2026. */
:root{--ink:#102e3a;--paper:#fff;--lime:#bdeaf4;--muted:#506672;--line:#d9e5e9;--teal:#006b83;--deep:#064e60;--cyan:#22afd1;--mist:#edf6f8;--silver:#b8bec2}
body.public-site{--ink:#102e3a;--paper:#fff;--muted:#506672;--line:#d9e5e9;background:#fff}
body{font-synthesis:none}a:hover{color:var(--teal)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #006b83;outline-offset:4px}
body.public-site .wrap{max-width:1280px;padding-inline:44px}body.public-site h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.08;font-weight:800;letter-spacing:-.045em}body.public-site h2{font-weight:750;line-height:1.15;font-size:clamp(1.9rem,3vw,2.8rem)}body.public-site .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--teal);margin-bottom:22px}body.public-site .eyebrow:before{background:var(--cyan);border-radius:0;width:18px;height:2px;vertical-align:middle;margin-right:10px}
body.public-site header{background:#fff;border-bottom:1px solid var(--line)}body.public-site .nav{height:94px;gap:32px}body.public-site .brand,.staff-site .brand{display:inline-flex;align-items:center;gap:13px;letter-spacing:0} .brand-mark{display:block;object-fit:contain;width:38px;height:62px;flex:none}.brand-name{font-family:Manrope,Arial,sans-serif;font-size:21px;line-height:1.1;font-weight:800;letter-spacing:.035em;color:var(--ink)}.brand-tagline{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-top:8px;color:var(--muted)}body.public-site .navlinks{gap:28px}body.public-site .navlinks a{min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:600;border-bottom:2px solid transparent}body.public-site .navlinks a[aria-current]{color:var(--teal);border-bottom-color:var(--cyan)}body.public-site .return-link{font-size:12px;padding:11px 15px;border:1px solid var(--line);border-radius:7px;text-decoration:none;white-space:nowrap;min-height:44px;font-weight:600}
body.public-site .button{background:var(--teal);border-color:var(--teal);color:#fff;border-radius:7px;font-size:14px;min-height:50px;padding:14px 20px;gap:23px;font-weight:700;transition:background .15s ease,box-shadow .15s ease}body.public-site .button:hover{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 5px 14px #064e6018}body.public-site .button.outline{background:#fff;border-color:#abc5cf;color:var(--deep)}body.public-site .button.outline:hover{background:var(--mist)}body.public-site .button.light{background:#bdeaf4;color:#064e60;border-color:#bdeaf4}body.public-site .button.light:hover{background:#e0f4f8;color:#064e60}body.public-site .text-link{text-decoration-thickness:1px;text-underline-offset:5px;color:var(--deep)}body.public-site .notice{border-left:3px solid var(--teal);background:var(--mist)}body.public-site input,body.public-site select,body.public-site textarea{border-color:#abc5cf;border-radius:7px;min-height:48px}body.public-site summary{min-height:28px}body.public-site .pagehero{padding-top:56px;padding-bottom:40px}body.public-site .pagehero h1{max-width:900px}body.public-site .formbox,body.public-site .card,body.public-site .readiness-directory article{border-radius:12px}body.public-site .tag{border-color:#b4d7e1;color:var(--deep);background:#f3fafb}body.public-site .card.feature .tag{background:transparent;color:#fff}body.public-site .payment-total,body.public-site .pack-price,body.public-site .checkout-total{color:var(--deep)}body.public-site .pack-offer{background:var(--mist)}body.public-site .practice-card{border-top-color:var(--teal)}body.public-site .agency-process-section{background:var(--deep)}
.tw-opening{background:linear-gradient(120deg,#fff 45%,#edf6f8 100%);border-bottom:1px solid var(--line)}.tw-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:74px;align-items:center;padding-block:72px 60px}.tw-hero-copy{padding-block:10px}.public-site .tw-hero h1{font-size:clamp(3.4rem,5.1vw,4.55rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 28px;max-width:650px}.tw-hero h1 span{color:var(--teal)}.tw-hero .lead{font-size:20px;color:var(--ink);margin-bottom:12px}.tw-hero-description{color:var(--muted);font-size:17px;line-height:1.7;max-width:510px}.tw-hero .actions{margin-top:30px}.tw-return{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--muted);margin-top:15px;text-decoration:none}.tw-return:hover{text-decoration:underline}.tw-move-panel{background:var(--deep);color:#fff;border-radius:16px;padding:32px 34px;box-shadow:0 18px 36px #0b536018;border-top:4px solid var(--cyan)}.tw-panel-label{display:flex;align-items:center;justify-content:space-between;color:#a9e2ef;font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:24px}.tw-panel-label>span:last-child{font-size:26px;font-weight:400;line-height:1}.public-site .tw-move-panel h2{font-size:clamp(1.8rem,2.2vw,2.3rem);line-height:1.18;letter-spacing:-.035em;color:#fff;margin-bottom:25px}.tw-move-steps{margin:0;padding:0;list-style:none}.tw-move-steps li{display:grid;grid-template-columns:27px 1fr;gap:15px;border-top:1px solid #3d7887;padding:18px 0}.tw-move-steps li>span{color:#a9e2ef;font-size:11px;padding-top:3px}.tw-move-steps strong{font-size:14px;font-weight:700}.tw-move-steps p{color:#c6e1e8;font-size:12px;margin:3px 0 0;line-height:1.65}.tw-panel-contact{display:flex;gap:12px;align-items:center;padding:20px 0 0;border-top:1px solid #3d7887}.tw-contact-initials{display:flex;align-items:center;justify-content:center;flex:none;border:1px solid #76adb9;border-radius:50%;width:42px;height:42px;color:#e4f7fb;font-size:12px;font-weight:600}.tw-panel-contact strong{font-size:12px;display:block}.tw-panel-contact div>span{font-size:11px;color:#c6e1e8}.tw-panel-contact>a{margin-left:auto;text-decoration:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;background:#ffffff0d;color:#fff}.tw-panel-contact>a:hover{background:#ffffff20;color:#fff}.tw-assurance{display:flex;align-items:center;gap:36px;padding-block:20px!important;border-top:1px solid #d0e5eb;color:var(--muted);font-size:12px}.tw-assurance span:before{content:'✓';color:var(--teal);font-weight:700;margin-right:9px}
body.public-site .agency-section{padding-block:72px}body.public-site .agency-section .sectionhead{margin-bottom:32px;gap:45px}body.public-site .agency-section .sectionhead p{font-size:16px}.tw-opportunities{padding-bottom:32px!important}body.public-site .job-discovery{background:#f3f8fa;border:1px solid var(--line);border-radius:10px;padding:19px 23px;margin-bottom:25px}.job-discovery label{font-size:12px;font-weight:600}.job-discovery>div{align-items:center}.job-discovery button{margin-top:7px}.job-discovery input{border-color:#d1e1e7}body.public-site .agency-vacancies{gap:20px}body.public-site .agency-vacancies article{border-radius:12px;padding:28px;border:1px solid var(--line);box-shadow:0 3px 12px #0a445704;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}body.public-site .agency-vacancies article:hover{border-color:#85bdcc;box-shadow:0 8px 24px #0a445709}.role-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px}.role-arrow{font-size:23px;color:var(--teal)}body.public-site .role-discipline{color:var(--teal);font-size:10px;letter-spacing:.11em}.public-site .agency-vacancies .role-top+h3{margin-top:0}body.public-site .agency-vacancies h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;margin:8px 0 14px}body.public-site .agency-vacancies p{font-size:14px;line-height:1.65}body.public-site .agency-vacancies .role-location{font-size:12px;color:var(--teal);margin-bottom:16px}body.public-site .agency-vacancies .text-link{margin-top:8px;font-size:12px;min-height:36px;display:inline-flex;align-items:center}
body.public-site .profession-directory{gap:26px}body.public-site .profession-directory article{border-top:2px solid #9dd5e2;padding-top:24px}.profession-directory h3{font-size:1.2rem}.profession-directory p{font-size:14px}.profession-directory .fine{font-size:11px}.profession-directory a{font-size:12px;min-height:44px}.tw-employer-band{background:var(--deep);color:#fff}.tw-employer-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center;padding-block:65px}.public-site .tw-employer-band .eyebrow{color:#a9e2ef}.public-site .tw-employer-band h2{font-size:clamp(2rem,3.8vw,3.5rem);color:#fff;margin-bottom:0}.tw-employer-band p{font-size:16px;color:#d6ebf0;max-width:480px}.public-site .tw-employer-band .text-link{color:#d6ebf0;display:block;font-size:12px;margin-top:15px;min-height:36px}.tw-employer-band .text-link:hover{color:#fff}
body.public-site .international-route{background:#f5fafb;border:none}.international-route .journey-outline li{font-size:14px}.international-route .lead{font-size:17px}.public-site .tw-how .agency-process article{border-top:1px solid var(--line);padding-top:22px}.public-site .tw-how .step-index{color:var(--teal);font-size:24px;font-weight:500}.public-site .tw-how .agency-process h3{font-size:1.2rem;margin-top:20px}.public-site .tw-how .agency-process p{color:var(--muted);font-size:14px}.tw-support{background:#f3f8fa;border-block:1px solid var(--line)}body.public-site .agency-services{gap:22px}body.public-site .agency-services article{background:#fff;border-radius:12px;border:1px solid var(--line);padding:28px}.public-site .agency-services .eyebrow{font-size:9px}.public-site .agency-services h2{font-size:1.35rem;line-height:1.3}.public-site .agency-services p{font-size:14px}.tw-contact-card{border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:48px;box-shadow:0 10px 40px #0c526008}.tw-contact-card p{color:var(--muted);font-size:16px;max-width:460px}.tw-contact-card address{font-style:normal;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid var(--line);padding-left:50px;gap:13px;overflow-wrap:anywhere}.tw-contact-card address strong{font-size:1.25rem}.tw-contact-card address>span:not(.tw-contact-initials){color:var(--muted);font-size:12px}.tw-contact-card address a{font-size:13px;text-underline-offset:4px}.tw-contact-card .tw-contact-initials{width:60px;height:60px;color:var(--deep);background:var(--mist);border-color:#c0e0e8;font-size:17px;margin-bottom:10px}
body.public-site footer{background:#edf4f7;border-color:#d5e2e7;padding-top:55px}body.public-site .footergrid{grid-template-columns:1.4fr 1fr 1.2fr;gap:80px}body.public-site .footergrid a:not(.brand){font-size:12px;min-height:24px;margin-block:9px}body.public-site .footergrid a:hover{text-decoration:underline}body.public-site .footergrid strong{font-size:13px}body.public-site .footergrid p{font-size:13px;margin-top:25px}body.public-site .legal{font-size:10px;color:#506672;line-height:1.8}body.public-site .bottomcta{background:#dff1f6}.public-site .employer-brief,.public-site .agency-next{border-radius:12px}.public-site .visa-price-card{border-radius:12px}.public-site .visa-price-card.feature{background:var(--deep)}.public-site .visa-price-card.feature .tag{background:transparent;color:#d5f0f6;border-color:#8ebbc7}.public-site .visa-price-card.feature p{color:#d5eaf0}.public-site .visa-price-card.feature h2{color:#fff}
@media(min-width:1400px){.tw-hero{gap:90px}.tw-move-panel{padding:36px 38px}.public-site .tw-hero h1{font-size:4.55rem}}
@media(max-width:1100px){body.public-site .nav{gap:22px}body.public-site .navlinks{gap:18px}.brand-name{font-size:19px}.brand-tagline{font-size:8px}.tw-hero{gap:40px}.public-site .tw-hero h1{font-size:3.6rem}.tw-move-panel{padding:28px}.tw-employer-layout{gap:45px}body.public-site .footergrid{gap:40px}}
@media(max-width:900px){body.public-site .wrap{padding-inline:28px}body.public-site .navlinks{gap:13px}body.public-site .navlinks a{font-size:12px}.brand-name{font-size:17px}.brand-mark{width:30px;height:50px}body.public-site .nav{gap:16px}body.public-site .return-link{font-size:11px;padding-inline:10px}.tw-hero{gap:25px;padding-block:54px 40px}.public-site .tw-hero h1{font-size:3.2rem}.tw-move-panel{padding:24px}.tw-contact-card{gap:30px;padding:34px}.tw-contact-card address{padding-left:30px}}
@media(max-width:850px){body.public-site .nav{height:82px;flex-wrap:nowrap;gap:12px}.brand-mark{width:31px;height:51px}.brand-name{font-size:17px}.brand-tagline{font-size:7px;letter-spacing:.1em}.brand{gap:10px!important}body.public-site .menu{display:block;margin-left:auto;font-size:12px;border:1px solid #a9c7d1;border-radius:7px;padding:10px;min-height:44px;color:var(--deep)}body.public-site .navlinks{display:none;position:absolute;top:82px;left:0;right:0;padding:18px 28px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 16px #064e600b;flex-direction:column;align-items:stretch;gap:3px;z-index:5}body.public-site .navlinks.open{display:flex}body.public-site .navlinks a{font-size:15px;min-height:48px;border-bottom:1px solid var(--line)}body.public-site .return-link{font-size:10px;padding:10px;min-height:44px}.tw-hero{grid-template-columns:1fr;gap:32px;padding-block:42px 36px}.public-site .tw-hero h1{font-size:clamp(2.5rem,8.5vw,3.6rem);margin-bottom:22px}.tw-hero .lead{font-size:18px}.tw-hero-description{font-size:16px;max-width:570px}.tw-hero .actions{gap:10px;margin-top:24px}.tw-hero .button{font-size:12px;gap:16px;padding-inline:17px}.tw-return{font-size:11px;margin-top:10px}.tw-move-panel{padding:28px;border-radius:12px;max-width:none}.public-site .tw-move-panel h2{font-size:1.8rem}.tw-move-steps li{padding-block:15px}.tw-move-steps p{font-size:12px}.tw-assurance{gap:9px;flex-wrap:wrap;padding-block:17px!important;font-size:10px}.tw-assurance span{width:100%}.public-site .eyebrow{font-size:9px;margin-bottom:19px}body.public-site .agency-section{padding-block:46px}body.public-site .agency-section .sectionhead{display:block;margin-bottom:26px}body.public-site .agency-section .sectionhead h2{margin-bottom:18px}.public-site .sectionhead .text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center}body.public-site .agency-vacancies{grid-template-columns:1fr;gap:16px}body.public-site .agency-vacancies article{padding:24px}.public-site .tw-opportunities{padding-bottom:16px!important}.job-discovery>div{display:block}body.public-site .job-discovery{padding:18px}.job-discovery button{width:100%;margin-top:12px}.profession-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.profession-directory h3{font-size:1.05rem}.profession-directory p{font-size:12px}.profession-directory a{font-size:11px}.tw-employer-layout{grid-template-columns:1fr;gap:24px;padding-block:42px}.public-site .tw-employer-band h2{font-size:2.3rem}.tw-employer-band p{font-size:15px}.public-site .tw-how .agency-process{grid-template-columns:1fr;gap:24px}.public-site .tw-how .agency-process article{padding-top:17px}.tw-contact-card{grid-template-columns:1fr;gap:28px;padding:25px}.public-site .tw-contact-card h2{font-size:1.9rem}.tw-contact-card address{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px}.tw-contact-card p{font-size:14px}body.public-site .footergrid{grid-template-columns:1fr 1fr;gap:25px}body.public-site .footergrid>div:first-child{grid-column:1/-1}body.public-site .pagehero{padding-top:36px;padding-bottom:28px}body.public-site .pagehero h1{font-size:2.4rem}body.public-site .pagehero p{font-size:16px}.public-site .agency-services{grid-template-columns:1fr}.public-site .visa-price-card .tag{color:var(--deep)}.public-site .visa-price-card.feature .tag{color:#d5f0f6}}
@media(max-width:380px){body.public-site .wrap{padding-inline:18px}.brand-name{font-size:15px}.brand-mark{width:26px;height:43px}.brand-tagline{font-size:6px;letter-spacing:.06em}.brand{gap:8px!important}body.public-site .nav{gap:8px}body.public-site .return-link{font-size:9px;padding-inline:7px}body.public-site .menu{font-size:11px;padding-inline:8px}.tw-hero .actions{display:grid;grid-template-columns:1fr}.tw-move-panel{padding:23px}.profession-directory{grid-template-columns:1fr!important}body.public-site .footergrid{grid-template-columns:1fr}body.public-site .footergrid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){body.public-site .button,body.public-site .agency-vacancies article{transition:none}}
@media print{.tw-move-panel,.tw-assurance{display:none}.tw-opening{background:#fff}.tw-hero,.tw-contact-card{display:block;box-shadow:none}.brand-mark{max-height:50px}}

/* Live role details take precedence over historical campaign poster artwork. */
body.public-site .job{border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:18px;background:#fff}body.public-site .job h2 a{text-decoration:none}body.public-site .job .job-copy{width:100%}body.public-site .job .tag{margin-bottom:18px}body.public-site .job p{max-width:880px}body.public-site [data-job-detail] li{padding-block:7px}body.public-site [data-job-detail] .actions{padding-top:20px;border-top:1px solid var(--line)}@media(max-width:700px){body.public-site .job{padding:22px}body.public-site .job h2{font-size:1.5rem}}
