.careers-page{background:#fff}.careers-shell{width:1192px;max-width:calc(100% - 80px);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.careers-hero{height:360px;position:relative;overflow:hidden;background:#ebedf0}.careers-hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:12px}.careers-hero h1{width:720px;margin:0 0 24px;font-size:48px;line-height:1.16;letter-spacing:.2px;font-weight:600}.careers-hero p{width:680px;margin:0 0 24px;color:#666;font-size:16px;line-height:24px}.careers-text-link{display:flex;align-items:center;gap:12px;font-size:20px;line-height:24px;letter-spacing:1px;transition:color .22s ease}.careers-text-link span{display:inline-block;transition:transform .22s ease}.careers-text-link:hover{color:var(--purple)}.careers-text-link:hover span{transform:translateX(6px)}
.career-benefit{padding:80px 0}.career-benefit-row{display:grid;grid-template-columns:600px 512px;gap:80px;align-items:center}.career-benefit-copy{display:flex;flex-direction:column;gap:32px}.career-label{font-size:18px;line-height:normal;font-weight:500}.career-benefit-copy>div{display:flex;flex-direction:column;gap:16px}.career-benefit h2{margin:0;font-size:36px;line-height:1.18;font-weight:600}.career-benefit p{margin:0;color:#999;font-size:16px;line-height:24px}.career-benefit-media{width:512px;height:333px;border-radius:24px;background:#a2a2a2}.career-benefit-row.reverse{grid-template-columns:512px 600px}
.career-opportunities{padding:80px 0}.career-opportunities-heading{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.career-overline{color:#666;font-size:18px;line-height:normal;font-weight:500;letter-spacing:2px;text-transform:uppercase}.career-opportunities-heading>div{display:grid;grid-template-columns:512px 1fr;gap:100px;align-items:start}.career-opportunities h2{margin:0;font-size:44px;line-height:1.18;font-weight:600}.career-opportunities-heading p{margin:0;color:#999;font-size:16px;line-height:24px}.career-jobs{padding:32px;border:1px solid #eae5fa;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}.career-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:6px}.career-filters label{position:relative}.career-filters label:after{content:"";position:absolute;right:17px;top:20px;width:7px;height:7px;border-right:1.5px solid #666;border-bottom:1.5px solid #666;transform:rotate(45deg);pointer-events:none}.career-filters select{width:100%;height:52px;padding:0 46px 0 16px;border:0;border-radius:8px;background:#f5f6f9;color:#333;font-size:16px;outline:none;appearance:none;cursor:pointer}.career-filters select:focus{box-shadow:0 0 0 2px rgba(119,83,255,.22)}.career-job{min-height:81px;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) 120px 120px 24px;gap:120px;align-items:center;border-bottom:1px solid #f5f6f9;transition:color .2s ease,background .2s ease}.career-job strong{font-size:20px;line-height:normal;font-weight:500}.career-job span{color:#666;font-size:16px}.career-job i{font-size:25px;line-height:1;font-style:normal;text-align:center;transition:transform .2s ease}.career-job:hover{color:var(--purple);background:#faf9ff}.career-job:hover i{transform:translateX(5px)}.career-job[hidden]{display:none}.career-job:last-child{border-bottom:0}.career-empty{margin:40px 0 16px;text-align:center;color:#999;font-size:16px}
@media(max-width:1100px){.career-benefit-row,.career-benefit-row.reverse{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:48px}.career-benefit-media{width:100%}.career-job{gap:48px}.careers-hero{background-position:center,65% top}.careers-hero h1,.careers-hero p{width:62%}}
@media(max-width:820px){.careers-shell{max-width:calc(100% - 48px)}.careers-hero{height:500px;background-position:center,70% top}.careers-hero h1,.careers-hero p{width:72%}.career-benefit-row,.career-benefit-row.reverse{grid-template-columns:1fr}.career-benefit-row.reverse .career-benefit-media{grid-row:2}.career-benefit-media{height:auto;aspect-ratio:512/333}.career-opportunities-heading>div{grid-template-columns:1fr;gap:16px}.career-filters{grid-template-columns:1fr}.career-job{grid-template-columns:minmax(0,1fr) 100px 90px 24px;gap:20px}.career-job strong{font-size:18px}}
@media(max-width:640px){.careers-shell{max-width:calc(100% - 40px)}.careers-hero{height:620px;background-position:center,68% top;background-size:100% 100%,auto 620px}.careers-hero:after{content:"";position:absolute;inset:0;background:rgba(245,246,249,.2)}.careers-hero-content{position:relative;z-index:1;justify-content:flex-start;padding-top:56px}.careers-hero h1,.careers-hero p{width:100%}.careers-hero h1{font-size:34px}.careers-hero p{font-size:15px}.careers-text-link{font-size:18px}.career-benefit,.career-opportunities{padding:64px 0}.career-benefit-copy{gap:22px}.career-label,.career-overline{font-size:15px}.career-benefit h2{font-size:30px}.career-benefit p{font-size:15px}.career-benefit-media{border-radius:16px}.career-opportunities h2{font-size:34px}.career-jobs{padding:20px}.career-job{grid-template-columns:1fr 20px;gap:8px;padding:18px 8px}.career-job span{font-size:14px}.career-job span:first-of-type{grid-column:1}.career-job span:nth-of-type(2){grid-column:1}.career-job i{grid-column:2;grid-row:1/4}.career-filters{gap:12px;margin-bottom:12px}}

.careers-text-link span,.career-job i{display:none}

/* Job detail drawer */
body.career-drawer-open{overscroll-behavior:none}
.career-drawer-layer{position:fixed;z-index:1000;inset:0;overflow:clip;visibility:hidden;pointer-events:none;transition:visibility 0s linear .35s}
.career-drawer-layer:not(.is-open){inset:auto;width:0;height:0}
.career-drawer-layer.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}
.career-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;cursor:default;transition:opacity .3s ease}
.career-drawer-layer.is-open .career-drawer-backdrop{opacity:1}
.career-drawer{position:absolute;top:0;right:0;width:680px;max-width:100%;height:100dvh;background:#fff;box-shadow:-4px 0 30px rgba(0,0,0,.2);overflow:hidden;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);outline:0}
.career-drawer-layer.is-open .career-drawer{transform:translateX(0)}
.career-drawer-close{position:absolute;z-index:3;top:16px;right:16px;width:32px;height:32px;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}.career-drawer-close img{position:absolute;width:24px;height:24px;display:block;transition:opacity .2s ease}.career-drawer-close .close-icon-hover{opacity:0}.career-drawer-close:hover .close-icon-default,.career-drawer-close:focus-visible .close-icon-default{opacity:0}.career-drawer-close:hover .close-icon-hover,.career-drawer-close:focus-visible .close-icon-hover{opacity:1}.career-drawer-close:focus-visible{outline:2px solid rgba(119,83,255,.28);outline-offset:2px}
.career-drawer-scroll{height:100%;padding:48px 40px 116px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}
.career-drawer-scroll::-webkit-scrollbar{width:6px}.career-drawer-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.15)}
.career-drawer-header{display:flex;flex-direction:column;gap:12px}.career-drawer-header h2{margin:0;color:#333;font-size:28px;line-height:1.2;font-weight:500}.career-drawer-meta{display:flex;align-items:center;gap:16px;color:#999;font-size:16px;line-height:20px}.career-drawer-meta i{width:1px;height:14px;background:#e8e8e8}.career-drawer-rule{height:1px;margin:32px 0;background:#e8e8e8}
.career-drawer-section{margin:0 0 32px;color:#666;font-size:16px;line-height:24px}.career-drawer-section:last-child{margin-bottom:0}.career-drawer-section h3{margin:0 0 16px;color:#333;font-size:20px;line-height:24px;font-weight:500}.career-drawer-section ul{margin:0;padding-left:24px;color:#666;font-size:16px;line-height:24px}.career-drawer-section li+li{margin-top:0}.career-drawer-section p{margin:0 0 16px}.career-drawer-section p:last-child{margin-bottom:0}
.career-drawer-footer{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:92px;padding:16px 32px 32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.career-email-button{height:44px;padding:0 24px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(161.7deg,#7753ff,#a88dfb);font-size:16px;line-height:24px;font-weight:500;transition:background .2s ease}.career-email-button:hover,.career-email-button:focus-visible{background:linear-gradient(135deg,#7753ff,#a88dfb);transform:none;box-shadow:none}.career-email-button:focus-visible{outline:2px solid rgba(119,83,255,.28);outline-offset:3px}
@media(max-width:640px){.career-drawer{width:100%}.career-drawer-scroll{padding:56px 20px 112px}.career-drawer-header h2{font-size:26px}.career-drawer-meta{gap:10px;font-size:14px}.career-drawer-section h3{font-size:18px}.career-drawer-section ul,.career-drawer-section p{font-size:15px;line-height:23px}.career-drawer-footer{padding:14px 20px 24px}}
@media(prefers-reduced-motion:reduce){.career-drawer-layer,.career-drawer-backdrop,.career-drawer{transition:none}}
@media(min-width:641px){.career-overline{font-size:16px}}

/* Figma 5337:6805 — Careers refresh */
.careers-hero{height:520px;background:#f5f6f9 url("https://img1.dxycdn.com/t/s7/2026/1015/956/0650103487642650112.png") center/auto 100% no-repeat}
.careers-hero:after{display:none}
.careers-hero h1{width:720px;margin:0 0 24px;color:#333;font-size:48px;line-height:normal;letter-spacing:0;font-weight:600}
.careers-hero p{width:680px;margin:0 0 24px;color:#666;font-size:16px;line-height:24px}
.careers-hero .button.primary{height:52px;padding:0 32px;border-radius:26px;color:#fff;font-size:18px;font-weight:500;letter-spacing:0}

.career-benefit{padding:80px 0}
.career-benefit-row{grid-template-columns:520px 592px;gap:80px}
.career-benefit-row.reverse{grid-template-columns:592px 520px}
.career-benefit-copy{width:520px;max-width:100%;min-width:0;gap:32px}
.career-label{color:#333;font-size:18px;line-height:normal;font-weight:500;letter-spacing:2px;text-transform:uppercase}
.career-benefit h2{font-size:36px;line-height:normal;font-weight:500}
.career-benefit p{color:#999;font-size:16px;line-height:24px}
.career-benefit-media{width:592px;height:366px;border-radius:12px;background-color:#a2a2a2;background-position:center;background-size:cover;background-repeat:no-repeat}
.career-benefit:nth-of-type(2) .career-benefit-media{background-image:url("https://img1.dxycdn.com/t/s7/2026/0916/167/0234223229319010012.png")}
.career-benefit:nth-of-type(3) .career-benefit-media{background-image:url("https://img1.dxycdn.com/t/s7/2026/0916/153/6378055727519010012.png")}

.career-opportunities{padding:80px 0}
.career-opportunities-heading{display:grid;grid-template-columns:520px 1fr;gap:80px;align-items:start;margin-bottom:32px}
.career-opportunities-heading>div{display:flex;flex-direction:column;gap:16px}
.career-overline{color:#666;font-size:18px;line-height:normal;font-weight:500;letter-spacing:2px;text-transform:uppercase}
.career-opportunities h2{margin:0;color:#333;font-size:44px;line-height:normal;font-weight:600}
.career-opportunities-heading>p{margin:0;color:#999;font-size:16px;line-height:24px}
.career-jobs{padding:32px;display:flex;flex-direction:column;gap:46px;border-color:#ebedf0;border-radius:12px}
.career-filters{margin:0}
.career-filters label:after{right:16px;top:16px;width:20px;height:20px;border:0;background:url("/global/assets/Icon/dui_unFold_bold.svg") center/20px 20px no-repeat;transform:none}
.career-filters select{height:52px;color:#333;font-size:16px;line-height:22px}
.career-filters label:first-child select{font-size:18px}
.career-filter-custom:after{display:none}
.career-filter-custom>select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.career-filter-trigger{width:100%;height:52px;padding:0 16px;border:1px solid transparent;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5f6f9;color:#333;font:inherit;font-size:16px;line-height:22px;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.career-filter-custom:first-child .career-filter-trigger{font-size:18px}
.career-filter-trigger img{width:20px;height:20px;flex:0 0 20px;transition:transform .2s ease}
.career-filter-custom.is-open{z-index:10}
.career-filter-custom.is-open .career-filter-trigger{border-color:#7753ff;background:#fff}
.career-filter-custom.is-open .career-filter-trigger img{transform:rotate(180deg)}
.career-filter-trigger:focus-visible{outline:2px solid rgba(119,83,255,.28);outline-offset:2px}
.career-filter-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);max-height:320px;padding:6px;border-radius:12px;display:none;flex-direction:column;gap:2px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}
.career-filter-custom.is-open .career-filter-menu{display:flex}
.career-filter-option{width:100%;height:44px;padding:6px 12px;border:0;border-radius:8px;background:#fff;color:#333;font:inherit;font-size:16px;line-height:24px;text-align:left;white-space:nowrap;cursor:pointer}
.career-filter-option:hover,.career-filter-option:focus-visible,.career-filter-option.is-selected{outline:0;background:#f5f6f9;color:#7753ff}
.career-job-list{display:flex;flex-direction:column;gap:46px}
.career-empty{width:100%;height:64px;margin:0;padding-top:2.5px;color:#999;font-size:16px;line-height:normal;text-align:center}
.career-job{min-height:0;padding:0 16px 40px;position:relative;grid-template-columns:minmax(0,1fr) 120px 120px 24px;gap:120px;border:0;border-color:#f5f6f9;width:100%;margin:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none}
.career-job strong{color:#333;font-size:20px;font-weight:500}
.career-job span{color:#666;font-size:16px}
.career-job i{display:block;width:20px;height:20px;color:#999;font-size:0;background:url("/global/assets/Icon/dui_page_arrow.svg") center/20px 20px no-repeat}
.career-job::before{content:"";position:absolute;z-index:0;left:0;right:0;top:-23px;bottom:23px;border-radius:8px;background:rgba(245,246,249,.5);opacity:0;transition:opacity .2s ease;pointer-events:none}
.career-job>strong,.career-job>span,.career-job>i{position:relative;z-index:1;transform:translateY(-3px)}

@media(max-width:1100px){
  .career-benefit-row{grid-template-columns:minmax(0,520px) minmax(380px,592px);gap:48px}
  .career-benefit-row.reverse{grid-template-columns:minmax(380px,592px) minmax(0,520px)}
  .career-benefit-copy,.career-benefit-media{width:100%}
  .career-job{gap:48px}
  .careers-hero h1,.careers-hero p{width:62%}
}

/* Match the primary CTA treatment used on dxy.cn. */
.career-email-button{background:linear-gradient(117deg,#7753ff,#a88dfb)}
.career-email-button:hover,.career-email-button:focus-visible{background:linear-gradient(117deg,#8c6eee,#a88dfb);color:#fff;transform:none;box-shadow:none;filter:none}
.career-job:hover{background:transparent}
.career-job:hover::before{opacity:1}
.career-job:hover i{transform:translate(5px,-3px)}
.career-job.is-last-visible{border-bottom:0}
@media(max-width:820px){
  .careers-hero{height:500px;background-size:auto 100%}
  .careers-hero h1,.careers-hero p{width:72%}
  .career-benefit-row,.career-benefit-row.reverse{grid-template-columns:1fr}
  .career-benefit-row.reverse .career-benefit-media{grid-row:2}
  .career-benefit-media{width:100%;height:auto;aspect-ratio:592/366}
  .career-opportunities-heading{grid-template-columns:1fr;gap:16px}
  .career-filters{grid-template-columns:1fr}
  .career-filter-menu{position:relative;top:auto;margin-top:8px}
  .career-job-list{gap:0}
  .career-job{min-height:81px;padding:0 16px;grid-template-columns:minmax(0,1fr) 100px 90px 24px;gap:20px}
  .career-job>strong,.career-job>span,.career-job>i{transform:none}
  .career-job:hover i{transform:translateX(5px)}
}
@media(max-width:640px){
  .careers-hero{height:620px;background-size:auto 620px}
  .careers-hero-content{justify-content:flex-start;padding-top:56px}
  .careers-hero h1,.careers-hero p{width:100%}
  .careers-hero h1{font-size:34px}
  .careers-hero p{font-size:15px}
  .careers-text-link{font-size:18px}
  .career-benefit,.career-opportunities{padding:64px 0}
  .career-benefit-copy{gap:22px}
  .career-label,.career-overline{font-size:15px}
  .career-benefit h2{font-size:30px}
  .career-benefit p{font-size:15px}
  .career-benefit-media{border-radius:12px}
  .career-opportunities h2{font-size:34px}
  .career-jobs{padding:20px;gap:20px}
  .career-job{min-height:0;grid-template-columns:auto 1fr 20px;grid-template-rows:auto auto;gap:12px 16px;padding:18px 8px}
  .career-job strong{grid-column:1/3;grid-row:1}
  .career-job span:first-of-type{grid-column:1;grid-row:2}
  .career-job span:nth-of-type(2){grid-column:2;grid-row:2}
  .career-job i{grid-column:3;grid-row:1/3;align-self:center}
  .career-job::before{inset:0 0 1px}
}

html:has(.careers-page),
body.careers-page,
body:has(.careers-page) {
  overflow-x: clip;
  overscroll-behavior-x: none;
  touch-action: pan-y;
}
.careers-hero {
  overflow-x: clip;
  max-width: 100%;
}
.careers-hero h1,
.careers-hero p {
  max-width: 100%;
}

/* Mobile artwork hero aligned with the homepage banner treatment. */
@media(max-width:980px){
  .careers-hero{height:520px;min-height:520px;background-position:right center!important;background-size:auto 520px!important}
  .careers-hero::before{display:none}
  .careers-hero-content{width:100%;max-width:none;height:auto!important;margin:0;padding:20px!important;box-sizing:border-box;position:absolute;z-index:2;inset:auto 0 0;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;background:rgba(255,255,255,.86)}
  .careers-hero h1{width:100%;margin:0 0 20px!important;font-size:24px;line-height:normal;letter-spacing:0;text-align:left!important}
  .careers-hero p{width:100%;margin:0 0 24px!important;font-size:12px;line-height:16px;text-align:left!important}
  .careers-hero .button.primary{width:auto;max-width:100%;height:40px;padding:0 32px;font-size:16px;white-space:nowrap}
}