.journal-banner{padding:20px 0;background:var(--bg, #111)}.journal-banner__grid{display:grid;grid-template-columns:repeat(var(--columns, 4),1fr);gap:var(--gap, 12px);padding:0 20px;max-width:var(--max-width, 1400px);margin:0 auto}.journal-banner__item{position:relative;overflow:hidden;aspect-ratio:3 / 4}.journal-banner__link{display:block;width:100%;height:100%;text-decoration:none;position:relative;overflow:hidden}.journal-banner__image-wrap{width:100%;height:100%;overflow:hidden}.journal-banner__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transform:scale(1);transition:filter .5s ease,transform .5s ease}.journal-banner__item:hover .journal-banner__image{filter:grayscale(0%);transform:scale(1.1)}.journal-banner__overlay{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:#fff;padding:0 15px;z-index:2}.journal-banner__subtitle{font-family:var(--subtitle-font, helvetica, sans-serif);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 6px;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.7)}.journal-banner__title{font-family:var(--title-font, helvetica, sans-serif);font-size:26px;font-weight:700;margin:0 0 14px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.journal-banner__button{font-family:var(--button-font, helvetica, sans-serif);display:inline-block;padding:8px 22px;border:2px solid #fff;color:#fff;background:transparent;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:background .3s ease,border-color .3s ease,color .3s ease;cursor:pointer}.journal-banner__item:hover .journal-banner__button{background:#e00;border-color:#e00;color:#fff}@media(max-width:768px){.journal-banner__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.journal-banner__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-journal-banner.css.map */