.local-reward-hero-section{.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,5vw);grid-gap:1rem;gap:1rem;&>div{position:relative;overflow:hidden;border-radius:1rem;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;-webkit-transition:-webkit-transform .7s ease;transition:-webkit-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease}.wrapper-content{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;position:relative;height:100%}&:hover{.overlay{background:rgba(0,0,0,.1)}.wrapper-content{-webkit-transform:scale(1.02);transform:scale(1.02)}img{-webkit-transform:scale(1.1);transform:scale(1.1)}}}}.el-tag{position:absolute;top:1rem;right:1rem;color:#fff;border-radius:9999px;font-weight:600;font-size:.875rem;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;border-color:transparent;&.gold{background:linear-gradient(135deg,#facc15,#ca8a04)}&.silver{background:linear-gradient(135deg,#9ca3af,#4b5563)}&.diamond{background:linear-gradient(135deg,#1e40af,#1e3a8a)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);-webkit-transition:background .3s ease;transition:background .3s ease}.hero-text{.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 25px;color:#303133}.text-orange{color:#ff6d00;display:block}.text-green{color:#00a56d;display:block}.hero-subtitle{font-size:1.25rem;color:#606266;line-height:1.6;margin-bottom:32px;max-width:500px}}.hero-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:16px;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;.el-button{margin:0}.primary-cta{background:#ff6d00;border-color:#ff6d00;font-weight:600;padding:12px 32px;&:hover{background:#e65100;border-color:#e65100;-webkit-box-shadow:0 8px 25px rgba(255,109,0,.3);box-shadow:0 8px 25px rgba(255,109,0,.3)}}.secondary-cta{border:2px solid #dcdfe6;color:#606266;font-weight:600;padding:12px 32px;&:hover{border-color:#ff6d00;color:#ff6d00}}}@media only screen and (max-width:767px){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin-left:0!important;margin-bottom:0!important;margin-right:0!important;margin-top:0!important;width:100%;.hero-left{.el-button{width:100%}}.hero-right{margin-top:30px}.hero-left,.hero-right{padding:0 20px!important}}}