.cars{display:block;padding:120px 5vw}
.cars-head{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:4vw;align-items:start;margin-bottom:64px}
.cars-head>p:not(.section-no){font-family:Georgia,serif;line-height:1.65;font-size:17px;margin:0}
.cars-count{border:1px solid;border-radius:50%;width:88px;aspect-ratio:1;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:1px}
.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.car-card{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto 1fr auto;color:var(--ink);text-decoration:none;background:var(--cream);overflow:hidden;min-width:0;transition:transform .25s ease,box-shadow .25s ease}
.car-card:hover,.car-card:focus-visible{transform:translateY(-7px);box-shadow:0 18px 35px rgba(23,52,47,.18)}
.car-card img{grid-column:1/-1;width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.car-no{grid-row:2/4;padding:25px 0 20px;text-align:center;font-size:10px;font-weight:800;border-right:1px solid var(--line)}
.car-card div{padding:22px 20px 12px}
.car-card p{font-size:9px;letter-spacing:1.5px;font-weight:800;margin:0 0 9px}
.car-card h3{font-family:Georgia,serif;font-size:25px;line-height:1.05;margin:0 0 9px}
.car-card small{line-height:1.4}
.car-card em{padding:0 20px 22px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-style:normal;text-decoration:underline}
@media(max-width:900px){.cars-head{grid-template-columns:1fr 2fr}.cars-head>p:not(.section-no){grid-column:2}.cars-count{grid-column:1;grid-row:2}.car-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cars{padding:80px 5vw}.cars-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.cars-head>p:not(.section-no),.cars-count{grid-column:1;grid-row:auto}.cars-count{width:72px}.car-grid{grid-template-columns:1fr}.car-card h3{font-size:27px}}
