.banner-grid{--banner-gap:22px;--banner-ratio:4 / 5;--banner-frame:16px;--banner-accent:#ffffff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--banner-gap);margin:0 0 var(--banner-gap)}.banner-grid .banner{position:relative;display:block;aspect-ratio:var(--banner-ratio);overflow:hidden;background-color:#101010;text-decoration:none;isolation:isolate}.banner-grid .banner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.001);transition:transform .7s cubic-bezier(.22,.61,.36,1),filter .45s ease;will-change:transform}.banner-grid .banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .72) 0%,rgb(0 0 0 / .38) 38%,rgb(0 0 0 / .10) 70%,rgb(0 0 0 / .18) 100%);transition:opacity .45s ease;z-index:1;pointer-events:none}.banner-grid .banner .border{position:absolute;inset:var(--banner-frame);border:2px solid var(--banner-accent);opacity:0;transform:scale(1.03);transition:opacity .4s ease,transform .4s ease;z-index:2;pointer-events:none}.banner-grid .banner .content{z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 clamp(18px, 8%, 44px);text-align:center;color:#fff;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.banner-grid .banner .content h2{margin:0;font-size:clamp(1.05rem, 1.55vw, 1.6rem);line-height:1.25;font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-shadow:0 1px 14px rgb(0 0 0 / .45)}.banner-grid .banner .read_more{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:capitalize;color:#fff;line-height:1}.banner-grid .banner .link_icon{display:block;width:30px;height:2px;margin-top:-6px;background:var(--banner-accent);position:relative;transition:width .35s ease}.banner-grid .banner .link_icon::after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;border-top:2px solid var(--banner-accent);border-right:2px solid var(--banner-accent);transform:translateY(-50%) rotate(45deg)}.banner-grid .banner:hover .banner__img,.banner-grid .banner:focus-visible .banner__img{transform:scale(1.07);filter:brightness(.72)}.banner-grid .banner:hover .border,.banner-grid .banner:focus-visible .border{opacity:1;transform:scale(1)}.banner-grid .banner:hover .link_icon,.banner-grid .banner:focus-visible .link_icon{width:42px}.banner-grid .banner:focus-visible{outline:3px solid #ffd400;outline-offset:3px}@media (max-width:1024px){.banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));--banner-gap:18px}}@media (max-width:600px){.banner-grid{grid-template-columns:1fr;--banner-gap:16px;--banner-ratio:16 / 11;--banner-frame:12px}.banner-grid .banner .content{bottom:8%;gap:11px}}@media (prefers-reduced-motion:reduce){.banner-grid .banner__img,.banner-grid .banner .border,.banner-grid .banner .content,.banner-grid .banner .link_icon{transition:none!important}.banner-grid .banner:hover .banner__img{transform:none}}