.zxsp{padding:56px 0 90px}
.zxsp__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:32px}
.zxsp__title{font-family:var(--font-accent-family);font-style:italic;font-weight:400;font-size:clamp(4.4rem,7vw,8rem);line-height:1;margin:0 0 12px;letter-spacing:0}
.zxsp__lead{margin:0;font-size:1.7rem;color:var(--mq-matt);line-height:1.5;max-width:56ch}
.zxsp__stats{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.zxsp__stats li{background:var(--mq-sand);border-radius:20px;padding:16px 22px;display:flex;flex-direction:column;min-width:110px}
.zxsp__stats strong{font-size:2.8rem;font-weight:600;letter-spacing:-.02em}
.zxsp__stats span{font-size:1.3rem;color:var(--mq-matt)}
.zxsp__chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.zxsp__chips button{border:0;background:var(--mq-sand);color:#111;border-radius:999px;padding:11px 20px;font:inherit;font-size:1.4rem;font-weight:500;cursor:pointer;transition:background .25s,color .25s}
.zxsp__chips button:hover{background:#e4e6e8}
.zxsp__chips button.is-active{background:#000;color:#fff}
.zxsp__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
.zxsp__tile{position:relative;display:block;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#dfe2e5;color:#fff;text-decoration:none}
.zxsp__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--zx-ease,ease)}
.zxsp__tile:hover img{transform:scale(1.05)}
.zxsp__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}
.zxsp__tile-text{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;flex-direction:column;gap:6px}
.zxsp__tile-text strong{font-size:2.4rem;font-weight:600;letter-spacing:-.02em}
.zxsp__tile-text em{font-style:normal;font-size:1.3rem;opacity:.9}
.zxsp__layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.zxsp__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:110px}
.zxsp__box{background:var(--mq-sand);border-radius:24px;padding:24px}
.zxsp__box--dark{background:#000;color:#fff}
.zxsp__box--dark h2{font-size:2.2rem;margin:0 0 10px}
.zxsp__box--dark p{margin:0 0 18px;font-size:1.4rem;opacity:.85;line-height:1.5}
.zxsp__label{margin:0 0 14px;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mq-matt)}
.zxsp__brands{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.zxsp__brands a{display:block;background:#fff;border-radius:14px;padding:16px 10px;text-align:center;font-size:1.4rem;font-weight:500;color:#111;text-decoration:none}
.zxsp__more{display:inline-block;margin-top:16px;font-size:1.4rem;color:#111;font-weight:500}
.zxsp__group{margin-bottom:48px}
.zxsp__group-head{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:14px;margin-bottom:20px}
.zxsp__group-head h2{margin:0;font-size:3.2rem;letter-spacing:-.02em}
.zxsp__group-head span{font-size:1.4rem;color:var(--mq-matt)}
.zxsp__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.zxsp__card{display:flex;align-items:center;gap:14px;background:var(--mq-sand);border-radius:20px;padding:12px 16px 12px 12px;color:#111;text-decoration:none;transition:transform .3s var(--zx-ease,ease),background .3s}
.zxsp__card:hover{transform:translateY(-3px);background:#eceef0}
.zxsp__card-img{flex:none;width:60px;height:60px;border-radius:14px;background:#fff;overflow:hidden;display:block}
.zxsp__card-img img{width:100%;height:100%;object-fit:cover}
.zxsp__card-body{flex:1;display:flex;flex-direction:column;gap:2px}
.zxsp__card-body strong{font-size:1.6rem;font-weight:600}
.zxsp__card-body small{font-size:1.3rem;color:var(--mq-matt)}
.zxsp__card i{font-style:normal;color:#8a8f94}
.zxsp__subs{display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 6px 0}
.zxsp__subs a{font-size:1.3rem;color:#111;text-decoration:underline;text-underline-offset:3px}
.zxsp__empty{padding:40px;border:1px dashed #ccc;border-radius:24px;text-align:center;color:var(--mq-matt)}
@media (max-width:989px){.zxsp__tiles{grid-template-columns:repeat(2,1fr)}.zxsp__layout{grid-template-columns:1fr}.zxsp__aside{position:static;order:2}.zxsp__cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:749px){.zxsp__cards{grid-template-columns:1fr}.zxsp__stats{width:100%}}
