/* Automotive-led corporate presentation. */
.site-header nav{grid-gap:28px;gap:28px}
.hero{min-height:740px;background:#101112}
.hero-image{background-image:url('/assets/automotive-hero.png');background-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(9,14,17,.92),rgba(9,14,17,.55) 37%,rgba(9,14,17,.06) 75%),linear-gradient(0deg,rgba(9,14,17,.68),transparent 25%)}
.hero-content{padding-top:72px;padding-bottom:128px}
.hero h1{font-size:2.8rem;font-size:clamp(2.8rem,4.7vw,4.25rem);line-height:1.32;letter-spacing:0}
.hero .eyebrow{letter-spacing:2px}
.hero-coordinate{right:25px;font-size:12px;letter-spacing:2px;top:32%}
.hero-description{max-width:600px}
.film-panel{margin-top:0;background:#142b36}
.film-top{padding:52px 52px 46px}
.film-top h3{font-size:1.75rem;font-size:clamp(1.75rem,3.5vw,2.7rem);letter-spacing:0;font-weight:550}
.film-top h3>span{font-size:30px;letter-spacing:0;line-height:1.5;margin-top:18px}
.film-intro{padding-top:48px;font-size:16px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 52px;padding:32px 0 38px;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;grid-gap:36px;gap:36px}
.service-grid article+article{border-left:1px solid #ffffff29;padding-left:30px}
.service-grid article>span{font-size:12px;letter-spacing:1.4px;color:#b9c9d1}
.service-grid h4{font-size:23px;font-weight:500;line-height:1.5;margin:14px 0 12px}
.service-grid p{font-size:16px;color:#c4d1d7;line-height:1.9}
.film-locations{padding-top:34px;padding-bottom:38px}
.film-locations p{font-size:14px}
.global-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:68px;gap:68px}
.current-market{background:#edf2f3;padding:38px 40px;display:flex;flex-direction:column;align-items:flex-start}
.market-status{font-size:14px;font-weight:600;letter-spacing:1px}
.current-market .market-status{color:#365562}
.market-code{font-size:12px;letter-spacing:2px;color:#697b84;margin-top:45px}
.current-market h3{font-size:38px;font-weight:500;margin-top:8px}
.current-cities{font-size:22px;line-height:2.1;margin-top:22px}
.current-cities span{font-size:12px;letter-spacing:1.4px;margin-left:14px;color:#627983}
.market-description{font-size:16px;line-height:1.9;color:#64717a;margin-top:28px;border-top:1px solid #cbd7dc;padding-top:25px}
.future-heading .market-status{color:#a54821}
.future-heading>p{color:var(--muted);font-size:16px;line-height:1.9;margin:12px 0 19px;max-width:510px}
.market-list{list-style:none;padding:0;margin:0}
.market-list li{display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:20px;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.market-list li:last-child{border-bottom:1px solid var(--line)}
.country-code{font-size:25px;font-weight:400;letter-spacing:1px;color:#778a95}
.market-list strong{font-size:22px;font-weight:500}
.market-list li>span:last-child{font-size:12px;letter-spacing:1.1px;color:#6e818b}
.commerce-foundation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:68px;gap:68px;border-top:1px solid var(--line);margin-top:65px;padding-top:34px}
.commerce-foundation .business-english{margin:0;display:block;font-size:12px}
.commerce-foundation h3{font-size:25px;font-weight:500;line-height:1.6;margin-top:12px}
.commerce-foundation p{font-size:16px;color:var(--muted);line-height:1.95}
.commerce-foundation .business-tags{margin-top:18px;font-size:14px}
.team{border-top:1px solid var(--line)}
.team-values p,.about-copy p,.careers-heading p{font-size:16px}
.careers-heading h2{font-size:2rem;font-size:clamp(2rem,3.3vw,3rem)}
.careers-heading>div{max-width:540px}
.contact-label{font-size:14px}
.role-content{font-size:16px}
@media(min-width:1600px){.hero{min-height:780px}}
@media(max-width:1100px){
  .site-header nav{grid-gap:18px;gap:18px}
  .hero{min-height:700px}
  .hero h1{font-size:2.7rem;font-size:clamp(2.7rem,5.2vw,3.7rem)}
  .film-top{padding:38px;grid-gap:35px;gap:35px}
  .service-grid{margin-left:38px;margin-right:38px;grid-gap:22px;gap:22px}
  .service-grid article+article{padding-left:22px}
  .service-grid article>span{letter-spacing:.8px}
  .global-layout,.commerce-foundation{grid-gap:38px;gap:38px}
  .current-market{padding:30px}
  .market-list li{grid-template-columns:45px 1fr auto;grid-gap:12px;gap:12px}
  .market-list li>span:last-child{letter-spacing:.3px}
  .careers-heading{align-items:flex-start}
  .careers-heading h2{min-width:360px}
}
@media(max-width:900px) and (min-width:761px){
  .site-header .brand-cn{display:none}
  .site-header nav{grid-gap:20px;gap:20px}
  .careers-heading{flex-direction:column;grid-gap:24px;gap:24px}
  .careers-heading h2{min-width:0}
}
@media(max-width:760px){
  .site-header nav{grid-gap:0;gap:0}
  .hero{min-height:660px}
  .hero-image{background-position:61% center}
  .hero-shade{background:linear-gradient(90deg,rgba(9,14,17,.87),rgba(9,14,17,.42)),linear-gradient(0deg,rgba(9,14,17,.8),transparent 40%)}
  .hero-content{padding-top:61px;padding-bottom:110px}
  .hero .eyebrow{font-size:12px;letter-spacing:1px;grid-gap:10px;gap:10px;flex-wrap:wrap}
  .hero h1{font-size:2.4rem;font-size:clamp(2.4rem,10.4vw,3.4rem);line-height:1.42}
  .hero-description{font-size:16px;max-width:420px}
  .hero-actions{grid-gap:18px 24px;gap:18px 24px}
  .film-panel{margin-top:0}
  .film-top{padding:30px 25px;grid-gap:25px;gap:25px}
  .film-top h3{font-size:28px;letter-spacing:0}
  .film-top h3>span{font-size:26px;margin-top:16px}
  .film-intro{padding-top:0;font-size:16px}
  .service-grid{grid-template-columns:1fr;margin-left:25px;margin-right:25px;grid-gap:0;gap:0;padding:4px 0 8px}
  .service-grid article{padding:25px 0}
  .service-grid article+article{border-left:0;border-top:1px solid #ffffff29;padding:25px 0}
  .service-grid h4{font-size:23px;margin:10px 0}
  .film-locations{padding:26px 25px}
  .global-layout,.commerce-foundation{grid-template-columns:1fr;grid-gap:30px;gap:30px}
  .current-market{padding:28px}
  .market-code{margin-top:26px}
  .current-market h3{font-size:32px}
  .current-cities{margin-top:15px}
  .market-description{margin-top:24px;padding-top:20px}
  .market-list li{grid-template-columns:42px 1fr auto;grid-gap:12px;gap:12px;padding:16px 0}
  .market-list strong{font-size:20px}
  .country-code{font-size:22px}
  .market-list li>span:last-child{font-size:12px;letter-spacing:0}
  .commerce-foundation{margin-top:40px;padding-top:28px;grid-gap:18px;gap:18px}
  .commerce-foundation h3{font-size:24px}
  .careers-heading h2{min-width:0;font-size:30px}
  .role-name{font-size:19px}
  .role-content{font-size:16px}
}

/* Give the core commerce business a complete, equally legible section. */
.commerce-section{border-top:1px solid var(--line)}
.commerce-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:58px;gap:58px;align-items:start}
.commerce-strategy{background:var(--mist);padding:40px}
.commerce-strategy .business-english{margin-top:24px;margin-bottom:17px;font-size:12px}
.commerce-strategy h3{font-size:30px;font-weight:500;line-height:1.5}
.commerce-strategy>p:last-of-type{font-size:16px;line-height:1.95;color:var(--muted);margin-top:20px}
.commerce-products{border-top:1px solid #cbd6dc;margin-top:30px;padding-top:23px}
.commerce-products>span{font-size:14px;color:var(--muted)}
.commerce-products strong{display:block;font-size:20px;font-weight:500;line-height:1.7;margin-top:5px}
.commerce-products p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:10px}
.commerce-capabilities article{display:flex;grid-gap:23px;gap:23px;padding:29px 0;border-top:1px solid var(--line)}
.commerce-capabilities article:first-child{padding-top:5px;border-top:0}
.commerce-capabilities article:last-child{padding-bottom:0}
.commerce-capabilities article>span{font-size:13px;color:#a54821;padding-top:5px}
.commerce-capabilities h3{font-size:23px;font-weight:500;line-height:1.5;margin-bottom:12px}
.commerce-capabilities p{font-size:16px;line-height:1.95;color:var(--muted)}
@media(max-width:1100px){
  .commerce-feature{grid-gap:36px;gap:36px}
  .commerce-strategy{padding:30px}
  .commerce-strategy h3{font-size:27px}
  .commerce-capabilities h3{font-size:22px}
  .commerce-capabilities article{grid-gap:18px;gap:18px;padding-top:25px;padding-bottom:25px}
}
@media(max-width:760px){
  .commerce-feature{grid-template-columns:1fr;grid-gap:32px;gap:32px}
  .commerce-strategy{padding:28px 25px}
  .commerce-strategy h3{font-size:26px}
  .commerce-products strong{font-size:19px}
  .commerce-capabilities h3{font-size:22px}
  .commerce-capabilities article{padding-top:25px;padding-bottom:25px}
}