/* A small homepage doorway; the full showcase lives on /examples/. */
.examples-link.section{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2.75rem}
.examples-link .eyebrow{font-size:.72rem;margin-bottom:.75rem}
.examples-link h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:0}
.examples-link h2 em{font-family:Georgia,serif;font-weight:400;color:var(--sage)}
.examples-link .button{flex-shrink:0;margin:0}
.examples-page .examples.section{border-top:0;padding-top:2.5rem}
.examples-page .showcase-intro h1{font-size:clamp(2.3rem,4.5vw,4rem);line-height:1.06;font-weight:400;letter-spacing:-.045em;margin:0}
.examples-page .showcase-intro h1 em{font-family:Georgia,serif;color:var(--sage);font-weight:400}
.examples-next{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;padding-bottom:3rem}
@media(max-width:600px){.examples-link.section{align-items:flex-start;flex-direction:column;gap:1.4rem;padding-block:2.25rem}.examples-page .examples.section{padding-top:1.75rem}.examples-page .showcase-intro h1{font-size:2.5rem}}