.demo-directory{max-width:1240px;margin:0 auto;padding:4rem 1.5rem;color:var(--ink,#282c28)}.demo-directory-intro{max-width:760px;margin-bottom:2rem}.demo-directory-eyebrow,.demo-directory-category{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--primary,#54705c);font-weight:600}.demo-directory-intro h1{font-size:clamp(2.7rem,6vw,5rem);font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:1.2rem 0}.demo-directory-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--primary,#244a3b)}.demo-directory-intro p,.demo-directory-card p,.demo-directory-cta p{line-height:1.7;color:var(--muted,#6f6b63)}.demo-directory-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.demo-directory-links a,.demo-directory-visit,.demo-directory-cta a{color:var(--primary,#244a3b);font-weight:600;text-decoration:none}.demo-directory-links a:first-child,.demo-directory-cta a{display:inline-block;background:var(--primary,#244a3b);color:#fff;padding:.9rem 1.2rem;border-radius:10px}.demo-directory-note{font-size:.85rem;line-height:1.7;padding:1rem;border:1px solid #e5e2d9;border-radius:12px;color:var(--muted,#6f6b63);margin-bottom:2rem}.demo-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.demo-directory-card{display:flex;flex-direction:column;border:1px solid #e5e2d9;border-radius:18px;overflow:hidden;background:#fff;min-width:0}.demo-directory-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#eee9df}.demo-directory-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.demo-directory-image:hover img{transform:scale(1.03)}.demo-directory-card-body{padding:1.4rem;display:flex;flex-direction:column;gap:.65rem;flex:1;min-width:0}.demo-directory-card h2{font-size:1.45rem;margin:0;letter-spacing:-.025em;overflow-wrap:anywhere}.demo-directory-theme{font-size:.75rem;color:var(--muted,#6f6b63)}.demo-directory-card p{font-size:.9rem;margin:0 0 1rem}.demo-directory-visit{display:flex;justify-content:space-between;border-top:1px solid #e5e2d9;padding-top:1rem;margin-top:auto}.demo-directory-cta{text-align:center;margin-top:4rem;padding:2.5rem 1rem;border-block:1px solid #e5e2d9}.demo-directory-cta h2{font:400 clamp(1.8rem,4vw,2.8rem) Georgia,serif}.demo-directory-cta p{max-width:600px;margin:1rem auto 1.5rem}.demo-directory a:focus-visible{outline:3px solid var(--primary,#8c6843);outline-offset:4px}.demo-directory-empty{grid-column:1/-1;padding:2rem;text-align:center;border:1px dashed #ccc}.demo-directory-empty a{color:var(--primary,#244a3b)}@media(max-width:950px){.demo-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.demo-directory{padding:2.5rem 1rem}.demo-directory-grid{grid-template-columns:1fr}.demo-directory-card-body{padding:1.1rem}.demo-directory-links{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.demo-directory-image img{transition:none}}