

.cpx .cpx-g{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:repeat(2,clamp(260px,22vw,300px));gap:14px}
.cpx .cpx-g.g3{grid-template-columns:repeat(3,1fr);grid-template-rows:clamp(340px,30vw,400px)}
.cpx .cpx-c{position:relative;display:block;overflow:hidden;background:#1d1d1d;color:#fff;text-decoration:none;isolation:isolate;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.cpx .cpx-c.lg{grid-row:span 2}
.cpx .cpx-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cpx .cpx-c:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,0) 26%,rgba(10,10,10,.2) 42%,rgba(10,10,10,.9) 100%)}
.cpx .cpx-k{position:absolute;left:22px;top:20px;right:64px;font:600 11px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.cpx .cpx-a{position:absolute;right:18px;top:16px;width:34px;height:34px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px;transition:background .3s,border-color .3s,transform .3s}
.cpx .cpx-b{position:absolute;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:6px}
.cpx .cpx-n{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cpx .cpx-n strong{font:400 clamp(46px,4.4vw,64px)/.9 'Bebas Neue',Impact,sans-serif;color:#fff}
.cpx .cpx-c.lg .cpx-n strong{font-size:clamp(54px,5.6vw,84px)}
.cpx .cpx-n span{font:600 12.5px/1.3 Inter,sans-serif;color:#e4e7ea;max-width:190px}
.cpx .cpx-b b{font:400 clamp(24px,2vw,30px)/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.01em;color:#fff}
.cpx .cpx-b em{font-style:normal;font-size:14px;line-height:1.5;color:#d6dadf;max-width:440px}
.cpx .cpx-c:hover,.cpx .cpx-c:focus-visible{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.cpx .cpx-c:hover img,.cpx .cpx-c:focus-visible img{transform:scale(1.03)}
.cpx .cpx-c:hover .cpx-a,.cpx .cpx-c:focus-visible .cpx-a{background:var(--blue);border-color:var(--blue);transform:translateX(2px)}
.cpx .cpx-c:focus-visible{outline:2px solid #8fbbe6;outline-offset:3px}
.cpx img.cpx-lift{filter:brightness(1.35) saturate(1.05)}
.cpx:not(.dark) .cpx-g{margin-top:0}
@media(max-width:1000px){
.cpx .cpx-g,.cpx .cpx-g.g3{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto}
.cpx .cpx-c{height:280px}
.cpx .cpx-c.lg{grid-row:auto;grid-column:1/-1;height:360px}
.cpx .cpx-g.g3 .cpx-c:first-child{grid-column:1/-1;height:340px}
}
@media(max-width:600px){
.cpx .cpx-g,.cpx .cpx-g.g3{grid-template-columns:1fr;gap:12px}
.cpx .cpx-c,.cpx .cpx-g.g3 .cpx-c:first-child{height:290px;grid-column:auto}
.cpx .cpx-c.lg{height:330px}
.cpx .cpx-k{left:18px;top:16px}.cpx .cpx-b{left:18px;right:18px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.cpx .cpx-c,.cpx .cpx-c img,.cpx .cpx-a{transition:none}.cpx .cpx-c:hover,.cpx .cpx-c:focus-visible{transform:none}.cpx .cpx-c:hover img{transform:none}}



@media(max-width:900px){.enq .enq-pic{min-height:0;height:clamp(340px,110vw,520px)}}


.cpx .cq-g{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px}
.cpx .cq-g.cq-3{grid-template-columns:repeat(3,1fr)}
.cpx .cq-c{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--cq-bg);border:1px solid var(--cq-ln);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.cpx .cq-i{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#1d1d1d}
.cpx .cq-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cpx .cq-i img.cq-lift{filter:brightness(1.32) saturate(1.05)}
.cpx .cq-b{position:relative;display:flex;flex-direction:column;flex:1;padding:24px 24px 22px}
.cpx .cq-k{font:600 11px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cq-k);padding-right:48px}
.cpx .cq-t{font:400 clamp(26px,2.1vw,30px)/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.01em;color:var(--cq-h);margin:14px 0 10px}
.cpx .cq-d{font-size:14.5px;line-height:1.55;color:var(--cq-tx)}
.cpx .cq-n{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding-top:20px}
.cpx .cq-n:before{content:'';position:absolute;left:24px;right:24px;margin-top:-20px;border-top:1px solid var(--cq-ln)}
.cpx .cq-n strong{font:400 34px/1 'Bebas Neue',Impact,sans-serif;color:var(--cq-num)}
.cpx .cq-n span{font:600 12.5px/1.3 Inter,sans-serif;color:var(--cq-tx)}
.cpx .cq-d+.cq-n{margin-top:auto}
.cpx .cq-b .cq-d{margin-bottom:22px}
.cpx .cq-a{position:absolute;right:20px;top:18px;width:34px;height:34px;border:1.5px solid var(--cq-ln2);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px;color:var(--cq-h);transition:background .3s,border-color .3s,color .3s,transform .3s}
.cpx .cq-c:hover,.cpx .cq-c:focus-visible{transform:translateY(-3px);box-shadow:var(--cq-sh);border-color:var(--cq-ln2)}
.cpx .cq-c:hover img,.cpx .cq-c:focus-visible img{transform:scale(1.03)}
.cpx .cq-c:hover .cq-a,.cpx .cq-c:focus-visible .cq-a{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateX(2px)}
.cpx .cq-c:focus-visible{outline:2px solid #8fbbe6;outline-offset:3px}
.cpx .cq-lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.cpx .cq-lead .cq-b{padding:clamp(28px,3.4vw,52px);justify-content:center}
.cpx .cq-lead .cq-a{right:clamp(22px,3vw,40px);top:clamp(24px,3vw,40px)}
.cpx .cq-lead .cq-t{font-size:clamp(34px,3.4vw,50px);margin:18px 0 14px}
.cpx .cq-lead .cq-d{font-size:16px;max-width:440px}
.cpx .cq-lead .cq-n{margin-top:0;padding-top:24px}
.cpx .cq-lead .cq-n:before{left:auto;right:auto;width:min(440px,100%);margin-top:-24px}
.cpx .cq-lead .cq-n strong{font-size:48px}
.cpx .cq-lead .cq-b .cq-d{margin-bottom:28px}
.cpx.dark{--cq-bg:#191919;--cq-ln:rgba(255,255,255,.09);--cq-ln2:rgba(255,255,255,.45);--cq-k:#8fbbe6;--cq-h:#fff;--cq-tx:#c9ced3;--cq-num:#fff;--cq-sh:0 18px 40px rgba(0,0,0,.45)}
.cpx:not(.dark){--cq-bg:var(--soft);--cq-ln:rgba(20,20,20,.08);--cq-ln2:rgba(20,20,20,.35);--cq-k:var(--blue);--cq-h:var(--ink);--cq-tx:#5c5751;--cq-num:var(--blue);--cq-sh:0 16px 34px rgba(20,20,20,.12)}
@media(max-width:1100px){.cpx .cq-g{grid-template-columns:repeat(2,1fr)}.cpx .cq-g.cq-3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cpx .cq-g.cq-3{grid-template-columns:repeat(2,1fr)}.cpx .cq-g.cq-3 .cq-c:first-child{grid-column:1/-1}.cpx .cq-g.cq-3 .cq-c:first-child .cq-i{aspect-ratio:16/9}
.cpx .cq-lead{grid-template-columns:1fr}.cpx .cq-lead .cq-i{aspect-ratio:16/10}}
@media(max-width:600px){.cpx .cq-g,.cpx .cq-g.cq-3{grid-template-columns:1fr;gap:18px}.cpx .cq-g.cq-3 .cq-c:first-child .cq-i,.cpx .cq-lead .cq-i{aspect-ratio:4/3}
.cpx .cq-b,.cpx .cq-lead .cq-b{padding:22px 20px 20px}.cpx .cq-n:before,.cpx .cq-lead .cq-n:before{left:20px;right:20px;width:auto}.cpx .cq-a,.cpx .cq-lead .cq-a{right:16px;top:16px}
.cpx .cq-lead .cq-t{font-size:32px;margin:14px 0 10px}.cpx .cq-lead .cq-d{font-size:14.5px}.cpx .cq-lead .cq-n strong{font-size:40px}}
@media(prefers-reduced-motion:reduce){.cpx .cq-c,.cpx .cq-i img,.cpx .cq-a{transition:none}.cpx .cq-c:hover,.cpx .cq-c:focus-visible{transform:none}.cpx .cq-c:hover img,.cpx .cq-c:focus-visible img{transform:none}}
