.showcase-intro{padding:clamp(70px,10vw,140px) 0 65px;border-bottom:var(--line)}
.showcase-intro .wrap{max-width:1200px}
.showcase-intro .eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:18px}
.showcase-intro h1{font-family:var(--display);font-size:clamp(3.8rem,10vw,9rem);line-height:.9;text-transform:uppercase;margin:0 0 25px}
.showcase-intro p:last-child{font-size:clamp(1.1rem,2vw,1.45rem);max-width:700px;line-height:1.4}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.showcase-card{border:var(--line);background:var(--canvas);overflow:hidden}
.showcase-card img{display:block;width:100%;height:290px;object-fit:cover}
.showcase-card>div{padding:20px 22px 24px}
.showcase-card h3{font-family:var(--display);font-size:clamp(1.4rem,2vw,2rem);line-height:1.05;margin:0 0 8px}
.showcase-card p{font-size:1rem;line-height:1.45;margin:0}
.showcase-chapter-card a{display:block;height:100%;color:inherit;text-decoration:none}
.showcase-chapter-card a:hover h3,.showcase-chapter-card a:focus-visible h3{text-decoration:underline;text-underline-offset:4px}
.showcase-chapter-card a span{display:inline-block;margin-top:15px;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.showcase-chapters .button{display:inline-flex;align-items:center;gap:15px;border:var(--line);padding:14px 18px;margin-top:24px;text-transform:uppercase;font-family:var(--mono);font-size:.76rem;text-decoration:none}
.showcase-bookmarks{background:var(--sage-soft)}
.showcase-bookmarks .section-heading{max-width:850px}
.showcase-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:28px 0}
.showcase-art-grid figure{margin:0;border:var(--line);background:var(--canvas)}
.showcase-art-grid img{display:block;width:100%;height:310px;object-fit:cover}
.showcase-art-grid figcaption{padding:13px 16px;font-family:var(--mono);font-size:.7rem;text-transform:uppercase}
.submitted-bookmarks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1050px;margin:25px 0 36px}
.submitted-bookmark{margin:0;border:var(--line);background:var(--canvas);min-width:0}
.submitted-bookmark img{display:block;width:100%;height:380px;object-fit:contain;padding:14px}
.submitted-bookmark figcaption{padding:14px 16px;border-top:var(--line);font-family:var(--mono);font-size:.7rem;text-transform:uppercase}
.showcase-bookmarks .button{display:inline-flex;align-items:center;gap:15px;border:var(--line);padding:14px 18px;margin-top:22px;text-transform:uppercase;font-family:var(--mono);font-size:.76rem;text-decoration:none}
@media(max-width:950px){.showcase-grid,.submitted-bookmarks{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card img{height:260px}}
@media(max-width:620px){.showcase-intro{padding:55px 0 42px}.showcase-grid{grid-template-columns:1fr;gap:16px}.showcase-card img{height:240px}.showcase-card>div{padding:16px 18px 20px}.submitted-bookmarks{gap:10px}.submitted-bookmark img{height:270px;padding:6px}.submitted-bookmark figcaption{padding:10px;font-size:.57rem}.showcase-art-grid{grid-template-columns:1fr;gap:16px}.showcase-art-grid img{height:230px}}
