#hero h1{margin-bottom:35px}#hero h2{font-size:34px;font-weight:var(--text-bold);color:var(--color-green);letter-spacing:-1.7px;max-width:45ch;margin-bottom:20px}#hero p{color:var(--text-color);max-width:none}@media only screen and (max-width: 767px){#hero h2{font-size:24px}}#main{padding-top:0}#main .selection-title{padding:0 70px;color:var(--color-green-light);font-size:28px;font-weight:var(--text-bold);letter-spacing:-1.4px;margin-bottom:50px}#main .supplier-cards{display:grid;gap:40px;grid-template-columns:repeat(6, 1fr);grid-auto-rows:305px;justify-content:center}#main .supplier-card{position:relative;display:flex;flex-direction:column;background-image:var(--card-background);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden;grid-column:span 2;border-radius:10px}#main .supplier-card:hover::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(43, 47, 46, 0) 50%, #2B2F2E 100%)}#main .supplier-card:hover .content{display:block}#main .supplier-card:nth-child(5n+4){grid-column:1/span 3}#main .supplier-card:nth-child(5n+5){grid-column:4/span 3}#main .content{display:none;position:absolute;bottom:0;left:0;padding:30px 40px;z-index:1}#main span{color:var(--color-biege);font-size:22px;font-weight:var(--text-bold);letter-spacing:-1.3px}#main .name{color:var(--color-green-light)}@media only screen and (max-width: 1024px){#main .supplier-cards{grid-template-columns:repeat(2, 1fr)}#main .supplier-card{grid-column:auto}#main .supplier-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, rgba(43, 47, 46, 0) 50%, #2B2F2E 100%)}#main .supplier-card:nth-child(5n+4){grid-column:auto}#main .supplier-card:nth-child(5n+5){grid-column:auto}#main .content{display:block}}@media only screen and (max-width: 767px){#main .selection-title{font-size:22px;padding:0}#main .supplier-cards{display:flex;flex-direction:column}#main .supplier-card{height:100%;flex:1;min-height:240px}}