.examples-page{max-width:88rem;margin:0 auto;padding:7rem 2rem 5rem}.examples-intro{max-width:50rem;margin-bottom:2.5rem}.examples-intro h1{font-family:var(--font-newsreader),serif;margin:1rem 0 1.5rem;font-size:clamp(3.5rem,7vw,6rem);font-weight:400;line-height:1.02}.examples-intro .lede{font-size:1.3rem;line-height:1.6}.example-kicker{font-family:var(--font-inter),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#aaa);font-size:.75rem}.example-licence{max-width:65rem;font-size:.85rem;line-height:1.7}.example-filters{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0;padding:2rem 0;display:grid}.example-filters label{flex-direction:column;gap:.5rem;min-width:0;font-size:.9rem;display:flex}.example-filters select{color:#f0ece5;width:100%;font:inherit;background:#13141b;border:1px solid #ffffff40;border-radius:.2rem;padding:.75rem}.example-filters a{align-self:end}.example-comparison{border-bottom:1px solid #ffffff26;margin-bottom:2rem;padding:1rem 0 2rem}.examples-page h2{font-family:var(--font-newsreader),serif;font-size:2.2rem;font-weight:400}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.example-card{overflow-wrap:anywhere;background:#101118;border:1px solid #ffffff26;height:100%;padding:1.5rem}.example-card h3{font-family:var(--font-newsreader),serif;margin:.8rem 0;font-size:1.9rem;font-weight:400;line-height:1.15}.example-card h4{letter-spacing:.03em;margin:1.5rem 0 .5rem;font-size:.8rem}.example-card p{margin:.5rem 0;line-height:1.65}.example-work{font-style:italic}.example-creator,.example-source{color:#c2bdb5;font-size:.9rem}.example-result{flex-direction:column;align-items:stretch;display:flex}.examples-page button{font:inherit;cursor:pointer;color:#f0ece5;background:#24252f;border:1px solid #ffffff50;border-radius:.2rem;min-height:44px;padding:.75rem 1rem}.example-result>button{margin:.5rem 0 1rem}.examples-page button:disabled{opacity:.45;cursor:default}.examples-page :focus-visible{outline-offset:4px;outline:2px solid #e6cda0}.example-selections{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.example-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:65rem){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.examples-page{padding:6rem 1.1rem 3rem}.example-filters,.example-grid{grid-template-columns:1fr}.example-card{padding:1.2rem}}