.hero-container{box-sizing:border-box;background:linear-gradient(to bottom, var(--theme-color), #fff);width:100%;padding:2rem 0;position:relative;overflow:hidden}.hero-inner{margin:0 auto;padding:0 20px;position:relative}.hero-grid{flex-direction:column;align-items:center;gap:2rem;display:flex}.hero-left{flex:1}.hero-grid.reverse-layout{flex-direction:column-reverse}.hero-right{flex:1;justify-content:center;align-items:center;display:flex}.hero-title{color:var(--theme-title-color);text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.hero-description{color:var(--theme-subtitle-color);text-align:center;margin:0 auto 2rem;font-size:1rem;line-height:1.6}.hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-btn{background-color:var(--theme-btn-color);color:#fff;cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:background .3s,transform .3s;display:inline-flex}.hero-btn:hover{background-color:var(--theme-btn-hover-color);transform:scale(1.05)}.hero-right{margin-top:2rem;position:relative}.hero-image-container{z-index:20;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-image{object-fit:contain;width:100%;max-width:25rem;position:relative}@media (min-width:1025px){.hero-grid{flex-direction:row}.hero-grid.reverse-layout{flex-direction:row-reverse}.hero-left{text-align:left}.hero-title{text-align:left;font-size:3rem}.hero-description{text-align:left;margin:0 0 2rem;font-size:1.125rem}.hero-buttons{flex-direction:row;justify-content:flex-start}.hero-right{margin-top:0}.hero-image{max-width:100%}}
.image-grid-section{margin-top:2rem;margin-bottom:2rem;padding:0 20px}.image-grid{gap:var(--gap,12px);grid-template-columns:repeat(var(--items-per-row-mobile,2), 1fr);display:grid}.image-grid img{object-fit:cover;width:100%;height:auto}.image-grid-header{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);color:var(--theme-title-color);text-align:left}.image-grid-description{color:var(--theme-subtitle-color);margin-top:.5rem;margin-bottom:1.5rem}@media (min-width:768px){.image-grid{grid-template-columns:repeat(var(--items-per-row,4), 1fr)}}@media (max-width:1024px){.image-grid-header{font-size:var(--heading-font-size-mobile);font-weight:var(--heading-font-weight-mobile)}}
.image-grid-skeleton{padding:3rem 1rem}.image-grid-skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:150px;height:32px;margin-bottom:2rem;animation:1.5s infinite shimmer}.image-grid-skeleton-grid{grid-template-columns:repeat(var(--items-per-row,2), 1fr);gap:1rem;display:grid}.image-grid-skeleton-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:12px;width:100%;padding-bottom:75%;animation:1.5s infinite shimmer;position:relative;overflow:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.image-grid-skeleton{padding:2rem 1rem}.image-grid-skeleton-grid{grid-template-columns:repeat(var(--items-per-row-mobile,1), 1fr)}.image-grid-skeleton-title{height:28px}}