@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700;900&family=Lato:wght@300;400&display=swap";
.subsection-grid{background:var(--vs-theme-surface-muted);flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem 2.5rem;display:grid}.subsection-card{cursor:pointer;border-radius:12px;align-items:flex-end;height:320px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #3b532326}.subsection-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b53234d}.subsection-card__bg{position:absolute;inset:0;overflow:hidden}.subsection-card__bg img{transition:transform .4s}.subsection-card__bg--placeholder-1{background-color:var(--vs-theme-primary)}.subsection-card__bg--placeholder-2{background-color:#55742f}.subsection-card__bg--placeholder-3{background-color:#24350f}.subsection-card__bg--placeholder-4{background-color:var(--vs-theme-accent)}.subsection-card__bg--placeholder-5{background-color:#8c4a2e}.subsection-card__bg--placeholder-6{background-color:#6b7f4a}.subsection-card:hover .subsection-card__bg img{transform:scale(1.04)}.subsection-card__overlay{background:linear-gradient(#0000 0%,#000000a6 100%);position:absolute;inset:0}.subsection-card__content{z-index:2;width:100%;padding:1.5rem;position:relative}.subsection-card__icon{color:#ffffffe6;margin-bottom:.5rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block}.subsection-card:hover .subsection-card__icon{transform:scale(1.15)rotate(-6deg)}.subsection-card__label{letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px #0006;font-family:Raleway,sans-serif;font-size:1.3rem;font-weight:700;display:block}.subsection-card__sub{color:#ffffffbf;letter-spacing:.03em;margin-top:.3rem;font-family:Lato,sans-serif;font-size:.8rem;display:block}@media (max-width:640px){.subsection-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.subsection-card{height:220px}}