/* Shared compact previews for the homepage and the complete examples collection. */
.examples-grid{display:grid;gap:26px;align-items:stretch}
.featured-examples{grid-template-columns:repeat(3,minmax(0,1fr))}
.example-card{min-width:0;background:#faf5e8;border:1px solid #c4bdac;border-radius:4px;box-shadow:1px 3px 0 #283f3514}
.example-card-link{display:flex;flex-direction:column;height:100%;border-radius:4px;text-decoration:none;color:var(--ink)}
.example-card-link:hover{background:#fff9ec}.example-card-link:hover .example-card-action{text-decoration:underline;text-underline-offset:4px}
.example-thumbnail{padding:13px;background:#e2e7da;border-bottom:1px solid var(--line);border-radius:4px 4px 0 0}
.example-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid #b5bbaa;border-radius:2px}
.example-card-copy{display:flex;flex-direction:column;flex:1;padding:25px;min-width:0}
.example-card-copy .eyebrow{font-size:9px;letter-spacing:1.1px;margin:0 0 13px}
.example-card h3{font:700 28px/1.15 Georgia,serif;letter-spacing:-.7px;margin:0 0 15px}
.example-card-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:0 0 22px}
.example-card-copy>p.example-try{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}
.example-card-action{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:600;min-height:44px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.examples-more{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px}
.examples-more p{max-width:590px;font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.examples-more .button{flex-shrink:0}
.studio-projects{border-top:1px solid #bdb5a1;margin-top:60px;padding-top:35px}
.studio-projects .work-grid{max-width:940px}
.site-header nav>a[aria-current="page"]:after{transform:scaleX(1) rotate(-2deg)}
.examples-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:48px;padding-bottom:65px;align-items:center}
.examples-intro h1{font:700 clamp(42px,5vw,70px)/1.06 Georgia,serif;letter-spacing:-2.5px;margin:25px 0}
.examples-intro h1 .serif{font-weight:400;color:var(--orange)}
.examples-lead{font-size:17px;line-height:1.85;max-width:580px;margin-bottom:25px}
.examples-note{padding:30px;background:#edda9e;border:1px solid #c9bb8e;border-radius:3px;box-shadow:2px 3px 0 #283f350c}
.examples-note h2{font-size:30px;letter-spacing:-.8px;margin:17px 0}.examples-note p:not(.eyebrow){font-size:14px;line-height:1.8}.examples-note p:last-child{margin-bottom:0}
.examples-collection{border-top:1px solid var(--line);padding-top:50px;padding-bottom:65px;scroll-margin-top:25px}
.examples-collection-heading{max-width:720px;margin-bottom:35px}.examples-collection-heading h2{font-size:38px;margin:15px 0}.examples-collection-heading>p:last-child{font-size:15px;line-height:1.8}
.catalog-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.catalog-examples .example-card-copy{padding:28px 30px}.catalog-examples h3{font-size:32px}
.examples-invitation{border-top:1px solid var(--line);padding-top:55px;padding-bottom:70px}.examples-invitation h2{margin:20px 0}.examples-invitation>p:not(.eyebrow){max-width:600px;margin-bottom:25px;font-size:16px;line-height:1.8}
@media(max-width:1000px){.example-card-copy{padding:20px}.example-card h3{font-size:25px}.examples-intro{gap:35px}.examples-more p{max-width:420px}}
@media(min-width:721px) and (max-width:900px){.featured-examples{grid-template-columns:1fr;gap:20px}.featured-examples .example-card-link{display:grid;grid-template-columns:.65fr 1fr}.featured-examples .example-thumbnail{border-bottom:0;border-right:1px solid var(--line);border-radius:4px 0 0 4px;display:flex;align-items:center}.featured-examples .example-card-copy{padding:24px}}
@media(max-width:800px){.examples-intro{grid-template-columns:1fr;gap:30px}.examples-note{max-width:620px}.examples-more{align-items:start;flex-direction:column;gap:20px}.examples-more p{max-width:620px}}
@media(max-width:720px){.featured-examples,.catalog-examples{grid-template-columns:1fr;gap:24px}.example-card-copy,.catalog-examples .example-card-copy{padding:23px}.example-card h3,.catalog-examples h3{font-size:28px}.example-thumbnail{padding:12px}.examples-intro{padding-top:28px;padding-bottom:40px;gap:30px}.examples-intro h1{font-size:clamp(38px,10vw,60px);letter-spacing:-1.8px}.examples-intro .eyebrow{font-size:9px;line-height:1.8}.examples-lead{font-size:16px}.examples-note{padding:24px}.examples-note h2{font-size:28px}.examples-collection{padding-top:36px;padding-bottom:45px}.examples-collection-heading h2{font-size:32px}.examples-invitation{padding-top:35px;padding-bottom:50px}.examples-invitation h2{font-size:35px}.examples-invitation .button{white-space:normal}.studio-projects{margin-top:42px;padding-top:28px}}