.sgrid{background:var(--lale-chalk);color:var(--lale-ink);padding:2.5rem 0 4rem}.sgrid__hero{gap:1rem;display:grid}.sgrid__title{max-width:20ch;font-size:clamp(3rem,7vw,6.4rem)}.sgrid__hero p{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.sgrid__chip{background:var(--lale-night);color:var(--lale-white);border-radius:2rem;padding:.4rem .8rem;text-decoration:none;transition:background .2s;display:inline-block}.sgrid__chip:hover{background:var(--lale-tulip)}.sgrid__bar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f3f7eb;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem 0;display:flex;position:sticky;top:4.25rem}.sgrid__chips{flex-wrap:wrap;gap:.5rem;display:flex}@media (min-width:1024px){.sgrid__bar{top:5rem}}@media (max-width:767px){.sgrid__chips{scrollbar-width:none;box-sizing:content-box;flex-wrap:nowrap;width:100%;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.sgrid__chips::-webkit-scrollbar{display:none}.sgrid__chips button{flex:none}}.sgrid__chips button{background:var(--lale-white);color:inherit;cursor:pointer;border:0;border-radius:2rem;padding:.5rem 1rem;transition:background .2s,color .2s}.sgrid__chips button:hover{background:var(--lale-tissue)}.sgrid__chips button.on{background:var(--lale-ink);color:var(--lale-white)}.sgrid__count{color:var(--lale-ink-2);margin-left:auto}.sgrid__sort{align-items:center;gap:.5rem;display:flex}.sgrid__select{align-items:center;display:inline-flex;position:relative}.sgrid__select select{appearance:none;background:var(--lale-white);color:var(--lale-ink);font:inherit;cursor:pointer;border:0;border-radius:2rem;padding:.55rem 2.25rem .55rem 1rem}.sgrid__select .lale-icon,.sgrid__select svg{pointer-events:none;font-size:.875rem;position:absolute;right:.85rem}.sgrid__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;display:grid}@media (min-width:768px){.sgrid__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.sgrid__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}}.sgrid__empty{text-align:center;color:var(--lale-ink-2);padding:3rem 0}.sgrid__ed{border-radius:var(--lale-radius);isolation:isolate;grid-template-rows:auto 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.sgrid__ed img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform 1.2s var(--lale-ease)}.sgrid__ed:hover img{transform:scale(1.04)}.sgrid__ed:focus-visible{outline:3px solid var(--lale-tulip);outline-offset:3px}.sgrid__ed-body{align-content:start;gap:.75rem;padding:1.5rem;display:grid}.sgrid__ed-body b{font-size:clamp(1.75rem,2.4vw,2.25rem)}.sgrid__ed-cta{white-space:normal;text-align:left;justify-self:start;margin-top:auto}@media (max-width:767px){.sgrid__grid{grid-auto-flow:dense}.sgrid__ed{grid-column:span 2;grid-template-rows:none;grid-template-columns:2fr 3fr}.sgrid__ed img{aspect-ratio:auto;height:100%}.sgrid__ed-body{padding:1.25rem}}.sgrid__ed--tulip{background:var(--lale-tulip);color:var(--lale-white)}.sgrid__ed--leaf{background:var(--lale-leaf);color:var(--lale-white)}.sgrid__ed--night{background:var(--lale-night);color:var(--lale-white)}.sgrid__ed--pollen{background:var(--lale-pollen);color:var(--lale-ink)}.sgrid__more{justify-items:center;gap:.75rem;margin-top:2.5rem;display:grid}.sgrid__more>i{background:var(--lale-gray-200);border-radius:.3rem;width:12rem;height:.3rem;overflow:hidden}.sgrid__more>i b{background:var(--lale-ink);height:100%;transition:width .4s var(--lale-ease);display:block}@media (prefers-reduced-motion:reduce){.sgrid__ed img,.sgrid__more>i b{transition:none}}