.cat-hero{padding-block:120px 40px}.cat-hero .crumb{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.cat-hero .crumb a{color:inherit;text-decoration:none}
.cat-hero h1{font-size:clamp(32px,4.6vw,60px);letter-spacing:.01em;line-height:1.05;margin-top:12px;max-width:16ch}
.cat-hero .intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.cat-hero .intro p{color:var(--muted);font-size:15.5px;line-height:1.8;text-transform:none;font-weight:400;margin:0}
.cat-cover{margin-top:40px;aspect-ratio:21/9;overflow:hidden;background:#e6e6e6}.cat-cover img{width:100%;height:100%;object-fit:cover;display:block}
.strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:0;border-bottom:1px solid var(--line)}.strip div{padding:26px 10px;text-align:center;font-size:17px;font-weight:600;border-right:1px solid var(--line);text-transform:none}.strip div:last-child{border-right:0}
.types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.types div{background:#fff;border:1px solid var(--line);padding:22px 24px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.spec{width:100%;border-collapse:collapse;font-size:14.5px;text-transform:none}.spec th{text-align:left;width:22%;font-weight:700;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}.spec td{padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);font-weight:400}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.how>div{border-top:2px solid var(--text);padding-top:18px}.how .no{font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--accent)}.how h3{font-size:19px;margin-top:10px;letter-spacing:.01em;line-height:1.2}.how p{margin-top:12px;color:var(--muted);font-size:14.5px;line-height:1.75;text-transform:none;font-weight:400}
@media(max-width:900px){.cat-hero .intro,.types,.how{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.strip div:nth-child(2){border-right:0}}