@font-face{font-family:Inter;src:url('./fonts/inter/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Figma 20235:39221: 60px / 264px / 60px, with copy at y=69. */
body #main>:is(.page-intro,.cases-intro,.careers-intro){position:relative;display:flex;align-items:center;min-height:0;padding:60px 0;text-align:left;overflow:hidden}
body #main>:is(.page-intro,.cases-intro,.careers-intro)>:is(.wrap,.cases-wrap,.careers-wrap){position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:round(nearest,min(1280px,calc(100% - 2 * var(--page-gutter,80px))),2px);max-width:1280px;height:264px;min-height:264px;padding-top:69px;margin-inline:auto}
body #main>:is(.page-intro,.cases-intro,.careers-intro) h1{position:relative;z-index:1;width:692px;max-width:100%;margin:0;color:#FFFFFF;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:64px;font-weight:600;line-height:72px;letter-spacing:0!important;text-align:left}
body #main>:is(.page-intro,.cases-intro,.careers-intro) p{position:relative;z-index:1;width:692px;max-width:100%;margin:24px 0 0;color:rgba(255,255,255,.60);font-size:18px;font-weight:400;line-height:30px;letter-spacing:0!important;text-align:left}
.career-hero-copy{position:relative;z-index:1;width:692px;max-width:100%}
body #main>:is(.page-intro,.cases-intro,.careers-intro) h1[data-page-english]::before{content:attr(data-page-english);position:absolute;z-index:-1;left:0;top:-88px;width:max-content;max-width:calc(100vw - 40px);color:transparent;background:linear-gradient(to bottom,#FFFFFF,rgba(255,255,255,0));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.15;font:600 128px/136px Inter,sans-serif;letter-spacing:0!important;white-space:nowrap;pointer-events:none}
body.careers-page,body.page-gradient-page{position:relative}
.blue-code-flow:is(.career-header-gradient,.page-header-gradient){position:absolute;inset:0 0 auto;height:508px;z-index:0;pointer-events:none}
body.page-gradient-page #main{position:relative;isolation:isolate;background:transparent!important}
body.page-gradient-page #main>:is(.page-intro,.cases-intro){background:transparent!important}
.careers-main{position:relative;isolation:isolate;overflow:clip}
.careers-page .careers-main{background:transparent!important}
body #main>.careers-intro{overflow:hidden}
.careers-main>.careers-openings{position:relative;z-index:1;background:#0F0F0F!important}
.career-hero-art{position:absolute;z-index:0;left:auto;right:-120px;top:40px;width:round(nearest,min(1000px,70vw),2px);max-width:none;transform:none;pointer-events:none;mask-image:linear-gradient(#000 8%,rgba(0,0,0,.75) 30%,rgba(0,0,0,.30) 56%,transparent 76%);-webkit-mask-image:linear-gradient(#000 8%,rgba(0,0,0,.75) 30%,rgba(0,0,0,.30) 56%,transparent 76%)}
.career-globe{display:block;width:100%;height:auto;overflow:hidden}
.career-globe text{letter-spacing:0!important}
@media(width<1200px){body #main>:is(.page-intro,.cases-intro,.careers-intro) h1{font-size:56px;line-height:64px}body #main>:is(.page-intro,.cases-intro,.careers-intro) h1[data-page-english]::before{font-size:104px;line-height:112px;top:-72px}.career-hero-art{top:80px}}
@media(width<768px){
 body #main>:is(.page-intro,.cases-intro,.careers-intro){min-height:0;padding:40px 0}
 body #main>:is(.page-intro,.cases-intro,.careers-intro)>:is(.wrap,.cases-wrap,.careers-wrap){width:calc(100% - 40px);height:208px;min-height:208px;padding-top:40px}
 body #main>:is(.page-intro,.cases-intro,.careers-intro) h1{font-size:40px;line-height:48px}
 body #main>:is(.page-intro,.cases-intro,.careers-intro) p{margin-top:20px;font-size:16px;line-height:24px}
 .career-hero-copy{display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-height:0}
 body #main>:is(.page-intro,.cases-intro,.careers-intro) h1[data-page-english]::before{top:-40px;left:0;font-size:64px;line-height:72px}
 body #main>.page-intro h1[data-page-english="ABOUT US"]::before{font-size:56px;line-height:64px}
 .career-hero-art{top:100px;right:-180px;width:calc(100vw + 80px);max-width:640px}
}
/* Decorative marks stay inside the masthead, clear of the content below. */
.page-hero-art{position:absolute;z-index:0;right:-80px;top:-76px;display:block;width:640px;height:416px;max-width:none;pointer-events:none;opacity:.60;mask-image:linear-gradient(#000,rgba(0,0,0,.60) 45%,transparent 92%);-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.60) 45%,transparent 92%)}
@media(width<1200px){.page-hero-art{right:-120px;top:-40px;width:560px;height:364px;opacity:.45}}
@media(width<768px){.page-hero-art{right:-164px;top:0;width:440px;height:286px;opacity:.30}}

/* Match the measured career masthead from the first paint. */
.blue-code-flow.career-header-gradient{height:448px}
@media(width<768px){.blue-code-flow.career-header-gradient{height:352px}}