.z4-gallery{--navy:#071a3d;--blue:#0b65d8;--cyan:#56d8ee;--red:#ff4d47;position:relative;overflow:hidden;padding:clamp(70px,8vw,128px) 0;background:#f5f8fc;color:var(--navy)}
.z4-gallery *{box-sizing:border-box}.z4-gallery__glow{position:absolute;width:520px;height:520px;right:-190px;top:-230px;border-radius:50%;background:radial-gradient(circle,rgba(86,216,238,.2),transparent 68%);pointer-events:none}
.z4-gallery__container{position:relative;width:min(1480px,calc(100% - 48px));margin:auto}.z4-gallery__header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.z4-gallery__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#28758d;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.z4-gallery__eyebrow i{width:24px;height:2px;background:var(--red)}
.z4-gallery h2{margin:0;color:var(--navy);font-size:clamp(34px,4.7vw,72px);font-weight:800;line-height:.98;letter-spacing:-.045em}.z4-gallery__intro{display:flex;align-items:flex-end;gap:34px}.z4-gallery__intro p{width:min(330px,28vw);margin:0;color:#657087;font-size:16px;line-height:1.65}.z4-gallery__controls{display:flex;gap:10px}.z4-gallery__controls button{display:grid;width:58px;height:58px;padding:0;border:1px solid #d7deea;border-radius:18px;background:#fff;color:var(--navy);place-items:center;cursor:pointer;transition:.25s ease}.z4-gallery__controls button:hover,.z4-gallery__controls button:focus-visible{border-color:var(--navy);background:var(--navy);color:#fff;transform:translateY(-3px);outline:none}
.z4-gallery__viewport{overflow:hidden;border-radius:30px;outline:none}.z4-gallery__viewport:focus-visible{box-shadow:0 0 0 4px rgba(11,101,216,.18)}.z4-gallery__track{display:flex;gap:22px;transition:transform .65s cubic-bezier(.22,.8,.25,1);will-change:transform;touch-action:pan-y}.z4-gallery-card{flex:0 0 min(76%,1050px);height:clamp(390px,47vw,670px);overflow:hidden;border-radius:30px;background:#0d1932;box-shadow:0 22px 60px rgba(7,26,61,.13);opacity:.58;transform:scale(.96);transform-origin:center left;transition:opacity .5s,transform .5s}.z4-gallery-card.is-active{opacity:1;transform:scale(1)}.z4-gallery-card__link{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:#fff!important;text-decoration:none!important}.z4-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.z4-gallery-card:hover img{transform:scale(1.035)}.z4-gallery-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,15,39,.02) 28%,rgba(3,15,39,.9) 100%)}
.z4-gallery-card__count{position:absolute;top:28px;right:28px;display:flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid rgba(255,255,255,.28);border-radius:99px;background:rgba(7,26,61,.48);font-size:13px;font-weight:700;backdrop-filter:blur(12px)}.z4-gallery-card__content{position:absolute;right:0;bottom:0;left:0;display:block;padding:clamp(25px,4vw,54px)}.z4-gallery-card__meta{display:flex;gap:18px;align-items:center;margin-bottom:13px;color:#aeeefa;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.z4-gallery-card__meta time{color:#d6deec}.z4-gallery-card__content>strong{display:block;max-width:820px;color:#fff;font-size:clamp(25px,3vw,45px);font-weight:800;line-height:1.12;letter-spacing:-.025em}.z4-gallery-card__open{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:800}.z4-gallery-card__open i{display:grid;width:36px;height:36px;border-radius:50%;background:var(--red);place-items:center;transform:rotate(45deg);transition:transform .25s}.z4-gallery-card:hover .z4-gallery-card__open i{transform:rotate(90deg)}
.z4-gallery__footer{display:flex;align-items:center;gap:24px;margin-top:28px}.z4-gallery__number{display:flex;align-items:baseline;gap:7px;min-width:78px}.z4-gallery__number strong{font-size:22px}.z4-gallery__number span,.z4-gallery__number small{color:#8993a7;font-size:12px}.z4-gallery__progress{height:2px;flex:1;overflow:hidden;background:#dce3ee}.z4-gallery__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--cyan));transition:width .45s ease}.z4-gallery__hint{display:flex;align-items:center;gap:8px;color:#7b869b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:767px){.z4-gallery{padding:58px 0}.z4-gallery__container{width:calc(100% - 32px)}.z4-gallery__header{align-items:flex-start;margin-bottom:26px}.z4-gallery__intro p{display:none}.z4-gallery__controls button{width:46px;height:46px;border-radius:14px}.z4-gallery__viewport{overflow:visible;border-radius:22px}.z4-gallery__track{gap:12px}.z4-gallery-card{flex-basis:calc(100vw - 50px);height:470px;border-radius:22px;opacity:.42;transform:scale(.97)}.z4-gallery-card__count{top:18px;right:18px}.z4-gallery-card__content{padding:24px 21px}.z4-gallery-card__meta{flex-wrap:wrap;gap:8px 14px}.z4-gallery-card__content>strong{font-size:27px}.z4-gallery__hint{display:none}.z4-gallery__footer{gap:15px}}
@media(max-width:420px){.z4-gallery__header{gap:14px}.z4-gallery h2{font-size:34px}.z4-gallery__eyebrow{font-size:11px}.z4-gallery__controls button:first-child{display:none}.z4-gallery-card{height:430px}}
@media(prefers-reduced-motion:reduce){.z4-gallery__track,.z4-gallery-card,.z4-gallery-card img,.z4-gallery__controls button{transition:none!important}}