.trendy-page{overflow:hidden}

.trendy-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-lg);align-items:center}
.trendy-hero-text{max-width:55ch}
.trendy-hero-image{border:var(--border);box-shadow:var(--shadow)}
.trendy-hero-image img{transition:transform var(--transition)}
.trendy-hero-image:hover img{transform:scale(1.03)}

.trendy-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.trendy-card{text-align:center;justify-content:center}

.trendy-feature-wrap{position:relative}
.trendy-feature-image{overflow:hidden}
.trendy-feature-text{position:absolute;left:2rem;bottom:2rem;max-width:65ch}

.trendy-design-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md)}
.trendy-design-grid .card:nth-child(3){grid-column:1/-1}

.trendy-community{max-width:800px;margin-inline:auto;text-align:center}
.trendy-community p{max-width:60ch;margin-inline:auto}

.trendy-future{background:var(--color-primary);color:#fff}
.trendy-future-inner{max-width:70ch}

.trendy-cta{background:var(--color-cta);color:#fff;text-align:center}
.trendy-cta-inner{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}
.trendy-cta-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}

@media(max-width:1024px){
.trendy-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.trendy-hero-grid{grid-template-columns:1fr}
.trendy-feature-text{position:static;margin-top:var(--space-md)}
.trendy-design-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.trendy-cards{grid-template-columns:1fr}
}