.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.showcase-grid article{overflow:hidden;background:#fff;border:1px solid #e1e6db;border-radius:22px;box-shadow:0 8px 30px #263c3507}.showcase-grid article[hidden]{display:none}.showcase-image{position:relative;display:block;background:#f0f2ea;padding:20px}.showcase-image img{display:block;width:100%;height:350px;object-fit:contain;background:white;border-radius:8px}.showcase-image>span{position:absolute;top:12px;left:12px;background:#fffffff0;border-radius:20px;padding:6px 12px;color:#32543d;font-size:13px}.showcase-card-body{padding:22px}.showcase-card-body h2{font-size:22px;line-height:1.5;margin:8px 0}.showcase-card-body small{font-size:13px;color:#687862}.showcase-card-body p{font-size:15px;color:#687862}.showcase-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.showcase-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.showcase-filter{display:flex;gap:10px;flex-wrap:wrap}.showcase-filter button{font:600 16px system-ui;border:1px solid #d6dfd0;background:white;border-radius:24px;padding:12px 20px;min-height:48px;cursor:pointer;color:#35513b}.showcase-filter button[aria-pressed=true]{background:#285d44;color:white}.showcase-filter span{margin-left:6px;opacity:.75}.intro .showcase-disclosure{font-size:14px;line-height:1.9;max-width:650px;color:#6a7968;margin:20px auto}.showcase-invite{text-align:center;padding:70px 20px;background:#edf1e7;border-radius:26px;margin-top:50px}.showcase-invite h2{font-size:30px}.showcase-invite p{line-height:1.9}#showcaseCount{color:#64725f;font-size:14px}header nav{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.showcase-grid{grid-template-columns:1fr;gap:20px}.showcase-image img{height:330px}.showcase-card-body{padding:18px}.showcase-filter{gap:8px}.showcase-filter button{font-size:14px;padding:10px 14px}.intro h1{font-size:36px}.showcase-invite h2{font-size:25px}header{flex-wrap:wrap;gap:14px}header nav{gap:12px;font-size:14px}}
.intro{max-width:none;padding:24px 28px;margin:26px 0}.intro h1{font-size:36px;margin:10px 0}.intro>p{font-size:16px;margin:10px 0}.intro .showcase-disclosure{max-width:none;margin:10px 0;font-size:12px}.showcase-grid article{padding:0}.showcase-grid article h2{min-height:0}.showcase-actions .button{width:auto}.showcase-filter{margin-top:12px}@media(max-width:600px){.intro{padding:22px 18px;margin:20px 0}.intro h1{font-size:30px}.intro>p{font-size:15px}.showcase-image{padding:14px}}