.new-cluster-pier{height:100dvh;overflow:auto;background:linear-gradient(#fff7e9ee,#fff7e9f5),url('assets/beginanimatie/4.webp') center/cover;font-family:inherit;color:#213c4a;padding:clamp(12px,2vw,28px);box-sizing:border-box}
.new-cluster-pier header{display:flex;align-items:center;gap:24px;max-width:1500px;margin:0 auto 20px}.new-cluster-pier h1{font-size:clamp(23px,3vw,40px);margin:0}.new-cluster-pier header p{margin:4px 0;font-size:22px}.new-pier-back{border:0;border-radius:18px;padding:16px;background:white;box-shadow:0 3px 10px #183c4b22;font:inherit;cursor:pointer;min-height:48px}
.new-cluster-pier nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1500px;margin:auto}.new-cluster-pier article{position:relative;background:#fff;border-radius:20px;overflow:hidden;border:3px solid var(--cluster-accent);box-shadow:0 5px 12px #293c4a18}.new-pier-choose{display:flex;flex-direction:column;width:100%;height:100%;border:0;background:none;padding:0 0 15px;text-align:left;font:inherit;color:inherit;cursor:pointer}.new-pier-choose img{width:100%;aspect-ratio:4/3;object-fit:cover}.new-pier-choose strong{padding:12px 52px 4px 14px;font-size:clamp(16px,1.6vw,23px);line-height:1.2}.new-pier-choose span{padding:0 14px;font-size:15px;color:#466174}.new-pier-voice{position:absolute;right:9px;bottom:14px;width:44px;height:44px;background:#f1f7fa;border:0;border-radius:50%;cursor:pointer}.new-pier-voice svg{width:26px;height:26px}.new-cluster-pier button:focus-visible{outline:4px solid #efab24;outline-offset:-4px}
@media(max-width:900px){.new-cluster-pier nav{grid-template-columns:repeat(2,minmax(0,1fr))}.new-cluster-pier header{gap:12px}.new-pier-choose strong{font-size:20px}}@media(max-width:460px){.new-cluster-pier nav{gap:10px}.new-pier-choose strong{font-size:16px;padding-right:14px}.new-pier-voice{bottom:5px;width:36px;height:36px}.new-pier-choose span{padding-bottom:18px}}