.hero-section{--background-dark:#1b1f22;--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--spacing-xl:32px;--spacing-xxl:64px;--text-light:#ffffffbf;--text-lighter:#ffffffe6;--width-container:100%;background:var(--background-dark);min-height:100vh;font-family:var(--font-montserrat),"Montserrat",sans-serif;justify-content:center;align-items:center;padding:0;display:flex}.card-grid{grid-column-gap:0;grid-row-gap:0;max-width:var(--width-container);grid-template-columns:repeat(1,1fr);width:100%;height:100vh;display:grid}@media (min-width:540px){.card-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.card-grid{grid-template-rows:1fr;grid-template-columns:repeat(5,1fr)}}.card{border-radius:0;text-decoration:none;list-style:none;position:relative;overflow:hidden}.card:before{display:none}.card__background{filter:brightness(.75)saturate(1.2)contrast(.85);transform-origin:50%;background-position:50%;background-size:cover;border-radius:0;transition:filter .2s linear,transform .2s linear;position:absolute;inset:0;transform:scale(1)translateZ(0)}.card:hover .card__background{transform:scale(1.05)translateZ(0)}.card-grid:hover>.card:not(:hover) .card__background{filter:brightness(.5)saturate(.5)contrast(1.2)blur(20px)}.card__content{padding:var(--spacing-l);position:absolute;top:0;left:0}.card__category{color:var(--text-light);margin-bottom:var(--spacing-m);text-transform:uppercase;font-size:1rem;font-weight:500}.card__heading{color:var(--text-lighter);text-shadow:2px 2px 20px #0003;word-spacing:100vw;font-size:2rem;line-height:1.2}@media (max-width:539px){.card-grid{grid-template-rows:repeat(5,1fr);height:100vh}.card__content{padding:var(--spacing-m)}.card__category{margin-bottom:var(--spacing-s);font-size:.85rem}.card__heading{word-spacing:normal;white-space:nowrap;font-size:1.5rem}.card-grid:hover>.card:not(:hover) .card__background{filter:brightness(.5)saturate(.5)contrast(1.2)}}@media (min-width:540px) and (max-width:959px){.card-grid{height:auto;min-height:100vh}.card{min-height:33vh}.card-grid:hover>.card:not(:hover) .card__background{filter:brightness(.5)saturate(.5)contrast(1.2)}}