.sonder-section{padding-block:clamp(3rem,7vw,5rem);background-color:var(--background)}.sonder-cards{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:clamp(2.5rem,6vw,4rem)}.sonder-card{display:flex;flex-direction:column;background-color:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-base);overflow:hidden;box-shadow:var(--shadow-card)}.sonder-card-hero{position:relative;min-height:220px;isolation:isolate}.sonder-card-hero-bg{object-fit:cover;z-index:0}.sonder-card-hero-overlay{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(7,12,17,.45) 0,var(--card) 100%);z-index:1}.sonder-card-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.sonder-card-badge{gap:.375rem;color:var(--secondary);padding:.25rem .625rem;font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start}.sonder-card-title{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1;color:var(--secondary);margin:.25rem 0 0;letter-spacing:.04em}.sonder-card-subtitle{font-size:clamp(.95rem,1.4vw,1.125rem);color:var(--card-foreground);margin:0;line-height:1.4}.sonder-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;flex:1 1}.sonder-card-render{display:flex;flex-direction:column;gap:1rem}.sonder-card-render-image{width:100%;height:auto;max-width:100%;border-radius:var(--radius-sm);object-fit:contain;display:block}.sonder-card-side-actions{display:flex;flex-direction:column;gap:var(--space-3)}.sonder-card-description{color:var(--muted-foreground);font-size:.95rem;line-height:1.55;margin:0}.sonder-card-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.375rem}.sonder-card-tag{border-radius:var(--radius-sm)}@media (min-width:768px){.sonder-card-render{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,10rem);grid-gap:1rem;gap:1rem;align-items:center}.sonder-card-render-image{width:100%;height:auto;max-height:180px;object-fit:contain}.sonder-card-side-actions{min-width:0;justify-content:center}}@media (min-width:1024px){.sonder-cards{grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}}