/* /kei-cars/ commercial landing. Scoped to the Kei page. */
.tsg-kei-page{overflow:hidden}
.tsg-heading-kei{position:relative;isolation:isolate;display:flex;align-items:center;min-height:560px;padding:132px 0 72px;background:#111719;overflow:hidden}
.tsg-heading-kei:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#0d1215 0%,#0d1215f3 39%,#0d121575 67%,#0d121526 100%),linear-gradient(0deg,#0d1215d9,transparent 54%),var(--tsg-kei-image,linear-gradient(120deg,#344247,#111719)) 78% center/cover no-repeat;filter:saturate(.88) contrast(1.08)}
.tsg-heading-kei:after{content:"KEI";position:absolute;z-index:-1;right:-.02em;bottom:-.2em;color:#ffffff0a;font-size:clamp(190px,28vw,440px);font-weight:900;line-height:1;letter-spacing:-.08em}
.tsg-heading-kei .container{width:min(calc(100% - 80px),1320px)}
.tsg-heading-kei h1{max-width:830px;margin:18px 0 24px;font-size:clamp(44px,5.5vw,76px);line-height:1;letter-spacing:-.05em;text-transform:uppercase}
.tsg-heading-kei p:not(.eyebrow){max-width:700px;font-size:17px}
.tsg-heading-kei .tsg-hero-actions .jdm-button{margin-top:0}
.tsg-heading-kei .jdm-button-outline{background:#0d1113a8;border-color:#ffffff80}
.tsg-kei-intro{padding:68px 0;background:#fff;border-bottom:1px solid #d8dad7}
.tsg-kei-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}
.tsg-kei-intro h2,.tsg-kei-block h2,.tsg-kei-contact h2{margin:12px 0;font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase}
.tsg-kei-intro-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.tsg-kei-intro p:not(.eyebrow),.tsg-kei-block p{color:#5e6566;line-height:1.72}
.tsg-kei-choice{margin-bottom:0;background:#253237}
.tsg-kei-block{padding:80px 0;border-top:1px solid #d7d9d5}
.tsg-kei-standard{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center}
.tsg-kei-standard em{font-style:normal;font-weight:800;color:#252b2e}
.tsg-kei-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tsg-kei-numbers span{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:24px;background:#fff;border:1px solid #dce0dc;border-top:4px solid #b51118}
.tsg-kei-numbers b{font-size:clamp(31px,4vw,52px);line-height:1;letter-spacing:-.04em}
.tsg-kei-numbers i{color:#697174;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tsg-kei-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tsg-kei-use-grid article{min-height:220px;padding:25px;background:#fff;border:1px solid #dfe1dd;border-top:4px solid #b51118}
.tsg-kei-use-grid span{color:#b51118;font-size:11px;font-weight:800;letter-spacing:.1em}
.tsg-kei-use-grid h3{margin:32px 0 10px;font-size:18px;text-transform:uppercase}
.tsg-kei-use-grid p{margin:0;font-size:13px}
.tsg-kei-process{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.tsg-kei-process:before{content:"";position:absolute;top:29px;left:9%;right:9%;height:2px;background:#c7cac7}
.tsg-kei-process article{position:relative;padding:0 13px;text-align:center}
.tsg-kei-process span{display:grid;place-items:center;position:relative;width:58px;height:58px;margin:auto;border:7px solid #f4f4f1;border-radius:50%;background:#253237;color:#fff;font-size:11px;font-weight:800}
.tsg-kei-process h3{margin:17px 0 7px;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.tsg-kei-process p{margin:0;font-size:12px;line-height:1.55}
.tsg-kei-check{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2);padding-right:max(40px,calc((100vw - 1320px)/2));padding-left:max(40px,calc((100vw - 1320px)/2));background:#172126;color:#fff}
.tsg-kei-check>div>p{color:#bac1c3}
.tsg-kei-check .jdm-button{margin-top:15px}
.tsg-kei-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
.tsg-kei-spec-grid span{display:grid;gap:7px;min-height:105px;padding:20px;background:#243137;border-left:3px solid #bd171d}
.tsg-kei-spec-grid b{font-size:13px;text-transform:uppercase}
.tsg-kei-spec-grid i{color:#bdc4c6;font-size:11px;font-style:normal;line-height:1.5}
.tsg-kei-global{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:#fff;margin-right:calc((100vw - 100%)/-2);margin-left:calc((100vw - 100%)/-2);padding-right:max(40px,calc((100vw - 1320px)/2));padding-left:max(40px,calc((100vw - 1320px)/2))}
.tsg-kei-global>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tsg-kei-global p{margin-top:0}
.tsg-kei-contact{margin-bottom:-70px;background:#9e171c;box-shadow:0 0 0 100vmax #9e171c}

@media(max-width:980px){
  .tsg-kei-intro-grid,.tsg-kei-standard,.tsg-kei-check,.tsg-kei-global{grid-template-columns:1fr;gap:34px}
  .tsg-kei-use-grid{grid-template-columns:1fr 1fr}
  .tsg-kei-process{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .tsg-kei-process:before{display:none}
}
@media(max-width:600px){
  .tsg-heading-kei{min-height:690px;padding:124px 0 48px;align-items:flex-end}
  .tsg-heading-kei:before{background:linear-gradient(0deg,#0d1215 7%,#0d1215f6 48%,#0d121542 78%),var(--tsg-kei-image,linear-gradient(120deg,#344247,#111719)) 60% top/auto 54% no-repeat;background-color:#0d1215}
  .tsg-heading-kei:after{right:-.03em;bottom:.55em;font-size:58vw}
  .tsg-heading-kei .container{width:calc(100% - 30px)}
  .tsg-heading-kei h1{max-width:355px;margin:14px 0 16px;font-size:clamp(33px,9.5vw,43px);line-height:.98}
  .tsg-heading-kei p:not(.eyebrow){font-size:13px;line-height:1.55}
  .tsg-kei-intro{padding:46px 0}
  .tsg-kei-intro-grid,.tsg-kei-intro-grid>div:last-child,.tsg-kei-numbers,.tsg-kei-use-grid,.tsg-kei-spec-grid,.tsg-kei-global>div:last-child{grid-template-columns:1fr}
  .tsg-kei-intro-grid{gap:18px}
  .tsg-kei-intro h2,.tsg-kei-block h2,.tsg-kei-contact h2{font-size:30px}
  .tsg-kei-block{padding:54px 0}
  .tsg-kei-numbers span{min-height:120px}
  .tsg-kei-use-grid article{min-height:170px;padding:21px}
  .tsg-kei-use-grid h3{margin-top:21px}
  .tsg-kei-process{grid-template-columns:1fr 1fr;gap:24px 0}
  .tsg-kei-process p{font-size:11px}
  .tsg-kei-check,.tsg-kei-global{margin-right:-15px;margin-left:-15px;padding:54px 15px}
  .tsg-kei-spec-grid span{min-height:0}
  .tsg-kei-contact{padding-bottom:54px}
}