.featured{background:#fff;padding:88px 0 0}.ft-card{border:1px solid var(--zz-line);background:#fff;border-radius:20px;grid-template-columns:1.05fr 1fr;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid;overflow:hidden}.ft-card:hover{border-color:var(--zz-blue-pale);transform:translateY(-5px);box-shadow:0 30px 66px #003f6e24}.ft-pic{min-height:400px;position:relative;overflow:hidden}.ft-pic img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.6,.2,1);position:absolute;inset:0}.ft-card:hover .ft-pic img{transform:scale(1.05)}.ft-pic .flag{z-index:2;background:var(--zz-blue);color:#fff;letter-spacing:2.5px;padding:8px 18px;font-size:11.5px;font-weight:800;position:absolute;top:22px;left:22px}.ft-body{flex-direction:column;padding:52px 54px 48px;display:flex}.ft-meta{letter-spacing:2px;color:var(--zz-grey);align-items:center;gap:16px;font-size:12px;display:flex}.ft-meta .cat{background:var(--zz-blue-bg);border:1px solid var(--zz-blue-pale);color:var(--zz-blue-dark);letter-spacing:1.5px;border-radius:999px;padding:5px 14px;font-weight:800}.ft-body h3{letter-spacing:1.5px;margin-top:22px;font-size:30px;font-weight:900;line-height:1.45;transition:color .3s}.ft-card:hover .ft-body h3{color:var(--zz-blue)}.ft-body p{color:var(--zz-grey);letter-spacing:.5px;margin-top:20px;font-size:15px;line-height:2}.ft-go{letter-spacing:2px;color:var(--zz-blue);align-items:center;gap:10px;margin-top:auto;padding-top:30px;font-size:13px;font-weight:800;display:inline-flex}.ft-go .arr{transition:transform .3s}.ft-card:hover .ft-go .arr{transform:translate(5px)}.filterbar{border-bottom:1px solid var(--zz-line);z-index:90;background:#fff;margin-top:0;position:sticky;top:78px}.filterbar .wrap{flex-wrap:wrap;align-items:center;gap:14px;padding-top:20px;padding-bottom:20px;display:flex}.filterbar .fl-label{letter-spacing:3px;color:var(--zz-grey);text-transform:uppercase;align-items:center;gap:10px;margin-right:8px;font-size:12px;font-weight:800;display:flex}.filterbar .fl-label:before{content:"";background:var(--zz-blue);width:24px;height:2px}.fbtn{border:1px solid var(--zz-line);letter-spacing:1.5px;color:var(--zz-ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:10px 22px;font-family:inherit;font-size:13.5px;transition:all .3s;display:inline-flex}.fbtn b{color:var(--zz-grey);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;transition:all .3s}.fbtn:hover{border-color:var(--zz-blue);color:var(--zz-blue)}.fbtn.on{background:var(--zz-blue);border-color:var(--zz-blue);color:#fff;font-weight:700}.fbtn.on b{color:var(--zz-blue-pale)}.news-sec{background:#f5f9fc;padding:72px 0 104px}.news-list{flex-direction:column;gap:22px;display:flex}.ncard{border:1px solid var(--zz-line);background:#fff;border-radius:16px;grid-template-columns:118px 1fr auto;align-items:center;gap:34px;padding:30px 36px 30px 30px;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid}.ncard:hover{border-color:var(--zz-blue-pale);transform:translateY(-4px);box-shadow:0 20px 48px #003f6e1c}.ncard.hide{display:none}.n-date{text-align:center;border-right:1px solid var(--zz-line);padding-right:30px}.n-date .d{font-family:var(--font-archivo),sans-serif;color:var(--zz-blue);font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:44px;font-weight:900;line-height:1;display:block}.n-date .ym{letter-spacing:2px;color:var(--zz-grey);white-space:nowrap;margin-top:8px;font-size:12px;display:block}.n-main{min-width:0}.n-tag{letter-spacing:2px;color:var(--zz-blue-dark);background:var(--zz-blue-bg);border:1px solid var(--zz-blue-pale);border-radius:999px;margin-bottom:12px;padding:4px 13px;font-size:11px;font-weight:800;display:inline-block}.n-tag.ind{color:var(--zz-green-deep);background:#e7f7f2;border-color:#b7e8da}.n-main h3{letter-spacing:1px;font-size:19px;font-weight:900;line-height:1.55;transition:color .3s}.ncard:hover .n-main h3{color:var(--zz-blue)}.n-main p{color:var(--zz-grey);letter-spacing:.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:13.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.n-side{align-items:center;gap:26px;display:flex}.n-thumb{border-radius:10px;flex-shrink:0;width:172px;height:112px;overflow:hidden}.n-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.ncard:hover .n-thumb img{transform:scale(1.07)}.n-arr{border:1px solid var(--zz-line);width:44px;height:44px;color:var(--zz-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition:all .3s;display:flex}.ncard:hover .n-arr{background:var(--zz-blue);border-color:var(--zz-blue);color:#fff;transform:translate(4px)}.empty{text-align:center;color:var(--zz-grey);padding:90px 0;display:none}.empty.show{display:block}.empty .big{letter-spacing:2px;font-size:19px;font-weight:800}.empty .sm{letter-spacing:1.5px;margin-top:12px;font-size:13px}.pager{justify-content:center;gap:12px;margin-top:56px;display:flex}.pager a,.pager span{border:1px solid var(--zz-line);min-width:46px;height:46px;color:var(--zz-ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.pager a:hover{border-color:var(--zz-blue);color:var(--zz-blue)}.pager span.on{background:var(--zz-blue);border-color:var(--zz-blue);color:#fff}@media (max-width:1100px){.ft-card{grid-template-columns:1fr}.ft-pic{min-height:300px}.ncard{grid-template-columns:96px 1fr auto;gap:22px}.n-thumb{display:none}}@media (max-width:760px){.wrap{padding:0 24px}nav{display:none}.featured{padding:56px 0 0}.ft-body{padding:34px 26px}.ft-body h3{font-size:22px}.filterbar{margin-top:0;position:static;top:0}.ncard{grid-template-columns:1fr;gap:14px;padding:26px 24px}.n-date{border-right:none;border-bottom:1px solid var(--zz-line);text-align:left;align-items:baseline;gap:14px;padding:0 0 14px;display:flex}.n-date .d{font-size:34px}.n-side{display:none}.news-sec{padding:56px 0 72px}}.page-hero{padding-bottom:76px}@media (max-width:900px){.page-hero{padding:64px 0 56px}}
