/* BANNERS */
.banners{display:flex;flex-direction:column;justify-content:center;gap:0}
.ban{position:relative;display:grid;grid-template-columns:1fr 1.1fr;min-height:300px;overflow:hidden}
.b-dark{background:var(--ink);color:#fff;clip-path:polygon(0 30px,40% 30px,43% 0,100% 0,100% 100%,0 100%)}
.b-yellow{background:var(--yellow);clip-path:polygon(0 0,30% 0,33% 30px,100% 30px,100% 100%,0 100%);margin-top:-10px}
.ban-tab{position:absolute;top:30px;left:0;z-index:2;padding:6px 18px;font-weight:700}
.t-blue{background:var(--blue);color:#fff;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}
.t-dark2{left:auto;right:10%;top:4px;color:#fff;background:transparent}
.t-y{top:4px;left:58%;background:transparent}
.ban-txt{padding:80px 40px 40px;align-self:center}
.ban-txt h3{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-1px;margin:8px 0}
.ban-txt p:not(.mono){font-size:13px;opacity:.8;max-width:340px}
.ban-txt a{display:inline-block;margin-top:16px;border-bottom:1.5px solid currentColor;font-weight:700;transition:letter-spacing .3s}
.ban-txt a:hover{letter-spacing:2px}
.ban img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15);transition:transform .8s var(--ease),filter .5s}
.ban:hover img{transform:scale(1.05);filter:none}
.b-yellow img{filter:grayscale(1)}