/* /jdm-klassiker/ landing styles. Scoped so catalog cards and filters keep their logic. */
.tsg-jdm-page{overflow:hidden}
.tsg-heading-jdm{position:relative;isolation:isolate;display:flex;align-items:center;min-height:500px;padding:126px 0 68px;background:#101518;overflow:hidden}
.tsg-heading-jdm:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 77% 42%,#ab151c80 0 1px,transparent 2px),linear-gradient(118deg,#101518 0 56%,#161d21 56% 72%,#a7131a 72% 73%,#171d20 73%);background-size:28px 28px,auto}
.tsg-heading-jdm:after{content:"JDM";position:absolute;z-index:-1;right:-.035em;bottom:-.2em;color:#ffffff08;font-size:clamp(190px,29vw,470px);font-weight:900;line-height:1;letter-spacing:-.09em}
.tsg-heading-jdm .container{width:min(calc(100% - 80px),1320px)}
.tsg-heading-jdm h1{max-width:790px;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;text-transform:uppercase}
.tsg-heading-jdm p:not(.eyebrow){max-width:660px;font-size:17px}
.tsg-heading-jdm .tsg-hero-actions .jdm-button{margin-top:0}
.tsg-heading-jdm .jdm-button-outline{background:#0d1113a8;border-color:#ffffff80}
.tsg-jdm-intro{padding:68px 0;background:#fff;border-bottom:1px solid #d8dad7}
.tsg-jdm-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}
.tsg-jdm-intro h2,.tsg-jdm-block h2,.tsg-jdm-contact h2{margin:12px 0;font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.045em;text-transform:uppercase}
.tsg-jdm-intro-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.tsg-jdm-intro p:not(.eyebrow),.tsg-jdm-block p{color:#5e6566;line-height:1.72}
.tsg-jdm-choice{margin-bottom:0}
.tsg-jdm-block{padding:80px 0;border-top:1px solid #d7d9d5}
.tsg-jdm-about{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}
.tsg-jdm-about-copy{position:sticky;top:110px}
.tsg-jdm-about-copy em{font-style:normal;font-weight:750;color:#202529}
.tsg-jdm-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tsg-jdm-intent-grid article{min-height:210px;padding:26px;background:#fff;border:1px solid #dfe1dd;border-top:4px solid #b51118}
.tsg-jdm-intent-grid span{color:#b51118;font-size:11px;font-weight:800;letter-spacing:.1em}
.tsg-jdm-intent-grid h3{margin:28px 0 9px;font-size:19px;text-transform:uppercase}
.tsg-jdm-intent-grid p{margin:0;font-size:13px}
.tsg-jdm-process{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.tsg-jdm-process:before{content:"";position:absolute;top:29px;left:9%;right:9%;height:2px;background:#c7cac7}
.tsg-jdm-process article{position:relative;padding:0 13px;text-align:center}
.tsg-jdm-process span{display:grid;place-items:center;position:relative;width:58px;height:58px;margin:auto;border:7px solid #f4f4f1;border-radius:50%;background:#171c1f;color:#fff;font-size:11px;font-weight:800}
.tsg-jdm-process h3{margin:17px 0 7px;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.tsg-jdm-process p{margin:0;font-size:12px;line-height:1.55}
.tsg-jdm-check{display:grid;grid-template-columns:.83fr 1.17fr;gap:68px;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:#171c1f;color:#fff}
.tsg-jdm-check>div>p{color:#b8bec0}
.tsg-jdm-check .jdm-button{margin-top:14px}
.tsg-jdm-check-bars{display:grid;gap:12px;align-content:center}
.tsg-jdm-check-bars span{position:relative;isolation:isolate;display:flex;justify-content:space-between;gap:20px;padding:16px 18px;background:#293034;overflow:hidden}
.tsg-jdm-check-bars span:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--score);background:linear-gradient(90deg,#8d1116,#bd171d)}
.tsg-jdm-check-bars b{font-size:12px;text-transform:uppercase}
.tsg-jdm-check-bars i{color:#f0d9da;font-size:11px;font-style:normal;text-align:right}
.tsg-jdm-contact{margin-bottom:-70px}

@media(max-width:980px){
  .tsg-jdm-intro-grid,.tsg-jdm-about,.tsg-jdm-check{grid-template-columns:1fr;gap:34px}
  .tsg-jdm-about-copy{position:static}
  .tsg-jdm-process{grid-template-columns:repeat(3,1fr);gap:24px 0}
  .tsg-jdm-process:before{display:none}
}
@media(max-width:600px){
  .tsg-heading-jdm{min-height:610px;padding:122px 0 48px;align-items:flex-end}
  .tsg-heading-jdm:before{background:radial-gradient(circle at 74% 22%,#ab151c80 0 1px,transparent 2px),linear-gradient(150deg,#101518 0 61%,#9f151b 61% 62%,#171d20 62%);background-size:24px 24px,auto}
  .tsg-heading-jdm:after{right:-.02em;bottom:.51em;font-size:57vw}
  .tsg-heading-jdm .container{width:calc(100% - 30px)}
  .tsg-heading-jdm h1{max-width:350px;margin:14px 0 16px;font-size:clamp(35px,10.4vw,46px);line-height:.98}
  .tsg-heading-jdm p:not(.eyebrow){font-size:13px;line-height:1.55}
  .tsg-jdm-intro{padding:46px 0}
  .tsg-jdm-intro-grid,.tsg-jdm-intro-grid>div:last-child,.tsg-jdm-intent-grid{grid-template-columns:1fr}
  .tsg-jdm-intro-grid{gap:18px}
  .tsg-jdm-intro h2,.tsg-jdm-block h2,.tsg-jdm-contact h2{font-size:30px}
  .tsg-jdm-block{padding:54px 0}
  .tsg-jdm-intent-grid article{min-height:165px;padding:21px}
  .tsg-jdm-intent-grid h3{margin-top:20px}
  .tsg-jdm-process{grid-template-columns:1fr 1fr;gap:24px 0}
  .tsg-jdm-process p{font-size:11px}
  .tsg-jdm-check{margin-right:-15px;margin-left:-15px;padding:54px 15px}
  .tsg-jdm-check-bars span{display:grid;gap:5px}
  .tsg-jdm-check-bars i{text-align:left}
  .tsg-jdm-contact{padding-bottom:54px}
}