.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.demo-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.demo-filters{flex-wrap:wrap;gap:12px;margin-bottom:42px;display:flex}.demo-filters button{border:1px solid hsl(var(--border));border-radius:4px;align-items:center;gap:16px;min-height:48px;padding:12px 20px;font-size:15px;display:flex}.demo-filters button[aria-pressed=true]{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--foreground))}.demo-filters button span{opacity:.7;font-size:14px}.demo-card{min-width:0}.demo-card>a{display:block}.demo-card-preview{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:5px;transition:box-shadow .25s,transform .25s;overflow:hidden}.demo-card:hover .demo-card-preview{box-shadow:0 14px 38px hsl(var(--shadow)/.12);transform:translateY(-3px)}.demo-card-chrome{background:hsl(var(--card));min-height:36px;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border)/.6);justify-content:space-between;align-items:center;gap:16px;padding:8px 14px;font-size:14px;display:flex}.demo-card-chrome>span:first-child{letter-spacing:3px}.demo-card-chrome>span:nth-child(2){letter-spacing:.04em;font-size:14px}.demo-card-preview>img{aspect-ratio:3/2;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.demo-card-fallback{background:hsl(var(--foreground));min-height:300px;color:hsl(var(--background));isolation:isolate;align-items:flex-end;padding:32px;display:flex;position:relative}.demo-card-fallback img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.demo-card-fallback:after{content:"";background:linear-gradient(transparent,hsl(var(--foreground)/.8));z-index:-1;position:absolute;inset:0}.demo-card-fallback strong{letter-spacing:-1px;max-width:360px;font-size:clamp(30px,3vw,44px);line-height:1.1}.demo-card-garden .demo-card-fallback strong,.demo-card-salon .demo-card-fallback strong,.demo-card-massage .demo-card-fallback strong{font-family:Georgia,serif;font-weight:400}.demo-card-content{padding:24px 2px 0}.demo-card-meta{color:hsl(var(--muted-foreground));align-items:center;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.demo-card-meta>span+span:before{content:"·";margin-right:12px}.demo-card-content h3{letter-spacing:-.7px;margin-bottom:12px;font-size:25px}.demo-card-content p{max-width:530px;min-height:56px;font-size:17px;line-height:1.65}.demo-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 14px;font-size:14px;display:flex}.demo-card-bottom>span:first-child{background:hsl(var(--muted));border-radius:3px;padding:7px 10px}.demo-card-bottom>span:last-child{font-weight:700}.demo-card-content small{color:hsl(var(--muted-foreground));font-size:14px;line-height:1.5;display:block}.demo-gallery-note{max-width:900px;margin-top:40px;font-size:16px;line-height:1.75}.demo-gallery-bottom{background:hsl(var(--muted));justify-content:space-between;align-items:center;gap:40px;margin-top:64px;padding:40px;display:flex}.demo-gallery-bottom p{max-width:650px;margin-top:12px;font-size:17px;line-height:1.7}.demo-gallery-bottom h2{font-size:32px}@media (width<=750px){.demo-grid,.demo-grid-two{grid-template-columns:1fr;gap:40px}.demo-filters{gap:8px;margin-bottom:28px}.demo-filters button{padding:11px 14px;font-size:14px}.demo-card-fallback{min-height:260px;padding:24px}.demo-card-content{padding-top:20px}.demo-card-content h3{font-size:23px}.demo-card-content p{min-height:0}.demo-gallery-bottom{padding:26px;display:block}.demo-gallery-bottom .button{margin-top:24px}.demo-gallery-bottom h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.demo-card-preview{transition:none}}