.jdm-story{position:relative;overflow:hidden;background:#18191c;color:#ecedef;padding:0 var(--gap)}
.jdm-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 43%,#36373a60,transparent 40%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#ffffff07 calc(25% - 1px) 25%)}
.jdm-story>*{position:relative}
.jdm-story-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:72px;border-bottom:1px solid #e5e6e82d;color:#b3b5b8;font-size:10px;font-weight:700;letter-spacing:.16em}
.jdm-story-topline span:first-child{color:#e5e6e8}
.jdm-story-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.47fr);gap:clamp(30px,7vw,120px);align-items:end;padding:clamp(70px,7.5vw,132px) 0 clamp(48px,5vw,92px)}
.jdm-story-kicker{grid-column:1/-1;display:flex;align-items:center;gap:13px;color:#cccdcf;font-size:10px;font-weight:700;letter-spacing:.17em}
.jdm-story-kicker span{display:inline-block;width:26px;height:3px;background:var(--red);transform:skewX(-30deg)}
.jdm-story-intro h2{font-size:clamp(70px,8.5vw,155px);line-height:.8;letter-spacing:-.028em;margin:0;max-width:1100px}
.jdm-story-intro h2 em{color:var(--red);font-style:normal}
.jdm-story-intro p{max-width:440px;color:#d2d3d5;font-size:clamp(16px,1.2vw,20px);line-height:1.62;margin:0 0 6px}
.jdm-story-photo{position:relative;overflow:hidden;height:clamp(410px,48vw,760px);margin:0 calc(-1 * var(--gap));background:#1d1e21}
.jdm-story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.85) contrast(1.06)}
.jdm-story-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#151619d8,transparent 42%),linear-gradient(90deg,#1516198a,transparent 55%)}
.jdm-story-photo>span{position:absolute;left:var(--gap);bottom:30px;color:#e3e4e6;font-size:10px;font-weight:700;letter-spacing:.17em}
.jdm-story-chapters{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(0,1fr));gap:clamp(18px,2.7vw,55px);padding:clamp(65px,6.5vw,120px) 0 clamp(75px,7vw,125px)}
.jdm-story-chapters-lead>span,.jdm-story-chapter>span{color:#9fa1a4;font-size:10px;font-weight:700;letter-spacing:.16em}
.jdm-story-chapters-lead h3{font-size:clamp(44px,4.1vw,75px);line-height:.89;margin:25px 0 0;letter-spacing:-.02em}
.jdm-story-chapter{border-top:1px solid #989a9d85;padding-top:17px}
.jdm-story-chapter h4{font-family:var(--display);text-transform:uppercase;font-size:clamp(27px,2.2vw,40px);line-height:1.02;margin:28px 0 16px}
.jdm-story-chapter p{color:#c3c5c8;font-size:13px;line-height:1.74;max-width:280px;margin:0}
.hero-motion-poster{display:none}
.hero .hero-photo{background:#16171a}
@media(max-width:1100px){.jdm-story-intro{grid-template-columns:1fr .65fr}.jdm-story-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.jdm-story-chapters-lead{grid-column:1/-1}.jdm-story-chapters-lead h3{max-width:650px}}
@media(max-width:760px){.jdm-story-topline{min-height:60px}.jdm-story-topline span:last-child{display:none}.jdm-story-intro{grid-template-columns:1fr;gap:24px;padding:65px 0 50px}.jdm-story-kicker{grid-column:auto}.jdm-story-intro h2{font-size:clamp(62px,12vw,95px)}.jdm-story-intro p{max-width:580px;font-size:16px}.jdm-story-photo{height:470px}.jdm-story-photo img{object-position:58% center}.jdm-story-chapters{gap:35px 20px}}
@media(max-width:580px){.jdm-story-intro h2{font-size:clamp(53px,13vw,75px)}.jdm-story-photo{height:330px}.jdm-story-photo>span{bottom:18px;font-size:8px}.jdm-story-chapters{grid-template-columns:1fr;padding:62px 0 75px;gap:34px}.jdm-story-chapters-lead{grid-column:auto}.jdm-story-chapters-lead h3{font-size:53px}.jdm-story-chapter h4{font-size:31px;margin:17px 0 10px}.jdm-story-chapter p{max-width:500px}.hero .hero-photo{object-position:68% center}}
@media(prefers-reduced-motion:reduce){.hero #hero-film{display:none}.hero-motion-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}@media(max-width:760px){.hero-motion-poster{object-position:68% center;height:430px;top:auto;bottom:34px;mask-image:linear-gradient(transparent 0%,black 22%)}}}

/* A continuous editorial rhythm from search through story, guidance and reviews. */
#find-a-match,#brands,#about,#fitment,#reviews{scroll-margin-top:95px}
.jdm-live .finder-wrap{position:relative;overflow-x:clip;background:linear-gradient(180deg,#e0e1e3,#e8e9eb);border-bottom:0;padding-top:49px;padding-bottom:54px}
.finder-wrap:before{content:"";position:absolute;top:0;left:var(--gap);width:54px;height:4px;background:var(--red)}
.brands{background:linear-gradient(180deg,#232427 0%,#18191c 100%);padding-top:85px;padding-bottom:100px}
.brands-heading{border-top:1px solid #93959857;padding-top:29px}
.jdm-flow-index{display:block;margin-bottom:27px;color:#b4b6b9;font-size:10px;font-weight:700;letter-spacing:.16em}
.brand-list a span{transition:transform .3s ease,color .3s ease}
.brand-list a:hover span,.brand-list a:focus-visible span{transform:translate(3px,-3px)}
.jdm-story{background:#18191c}
.jdm-story-topline{border-top:1px solid #e5e6e823}
.jdm-live .fitment.section-light{background:linear-gradient(180deg,#e8e9eb 0%,#e0e1e3 100%);padding-top:clamp(72px,6vw,102px);padding-bottom:clamp(50px,4vw,72px)}
.jdm-live .jdm-reviews{background:#e0e1e3;padding-top:clamp(48px,4vw,72px)}
.jdm-motion-ready .jdm-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.7,.25,1)}
.jdm-motion-ready .jdm-reveal.is-visible{opacity:1;transform:none}
.jdm-motion-ready .jdm-story-chapter:nth-child(3){transition-delay:80ms}
.jdm-motion-ready .jdm-story-chapter:nth-child(4){transition-delay:160ms}
@media(max-width:760px){.jdm-live .finder-wrap{padding-top:37px;padding-bottom:39px}.brands{padding-top:57px;padding-bottom:75px}.brands-heading{padding-top:25px}.jdm-flow-index{margin-bottom:22px}.jdm-live .fitment.section-light{padding-top:62px;padding-bottom:52px}.jdm-live .jdm-reviews{padding-top:48px}.jdm-motion-ready .jdm-story-chapter{transition-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){.jdm-motion-ready .jdm-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* The cars, wheels and asphalt share one measured plane. */
.finder-drive{--drive-car-width:250px;--drive-overrun:275px;position:relative;height:132px;overflow:hidden;isolation:isolate;pointer-events:none;container-type:inline-size;background:radial-gradient(ellipse at 50% 92%,#72767d24,transparent 62%)}
.finder-drive-road{position:absolute;z-index:0;left:0;right:0;bottom:0;height:44px;background:radial-gradient(circle at 6px 9px,#363a4070 0 .6px,transparent 1.2px) 0 0/19px 15px,radial-gradient(circle at 14px 4px,#f7f8f972 0 .7px,transparent 1.3px) 0 0/24px 17px,linear-gradient(180deg,#d0d2d5 0%,#b5b8bc 32%,#85888e 76%,#232427 100%);box-shadow:inset 0 3px 3px #fff8,0 -12px 18px #73777f18}
.finder-drive-road:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(180deg,#f5f6f7b0,#888c92b0)}
.finder-drive-road:after{content:"";position:absolute;left:0;right:0;top:22px;height:3px;background:repeating-linear-gradient(90deg,#f8f9f9d8 0 45px,transparent 45px 76px);background-size:152px 100%;filter:drop-shadow(0 1px 1px #5558);animation:jdm-lane-flow 1.1s linear infinite}
.finder-drive-car{position:absolute;z-index:1;left:0;bottom:32px;width:var(--drive-car-width);animation:jdm-drive-by 16s linear infinite;will-change:transform}
.finder-drive-car:before{content:"";position:absolute;left:12%;right:9%;bottom:5px;height:12%;border-radius:50%;background:#2528306e;filter:blur(5px);transform:translateY(40%)}
.finder-drive-art{position:relative;display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 3px 2px #25272b35)}
.finder-drive-wheel-image{transform-box:view-box;animation:jdm-wheel-spin .82s linear infinite;will-change:transform}
.finder-drive-car--skyline{animation-delay:-1s}
.finder-drive-car--supra{animation-delay:-5s}
.finder-drive-car--nsx{animation-delay:-9s}
.finder-drive-car--wrx{animation-delay:-13s}
@keyframes jdm-drive-by{from{transform:translate3d(calc(-1 * var(--drive-overrun)),0,0)}to{transform:translate3d(calc(100cqw + var(--drive-overrun)),0,0)}}
@keyframes jdm-wheel-spin{to{transform:rotate(360deg)}}
@keyframes jdm-lane-flow{to{background-position:-152px 0}}
@media(max-width:760px){.finder-drive{--drive-car-width:190px;--drive-overrun:210px;height:105px}.finder-drive-road{height:33px}.finder-drive-road:after{top:17px;height:2px}.finder-drive-car{bottom:24px}}
@media(prefers-reduced-motion:reduce){.finder-drive-road:after,.finder-drive-car,.finder-drive-wheel-image{animation:none!important}.finder-drive-car{transform:none!important}.finder-drive-car--skyline{left:0}.finder-drive-car--supra{left:25%}.finder-drive-car--nsx{left:50%}.finder-drive-car--wrx{left:75%}}