/* Real projects first, specific demo features below. */
.library-page .sample-featured{grid-column:auto;display:block;padding-bottom:0}
.library-page .sample-featured .sample-copy{padding:24px 0 0}
.library-page .sample-copy h2,.library-page .sample-featured h2{font-family:Instrument,Arial,sans-serif;font-weight:600;font-size:34px;letter-spacing:-.03em}
.library-page .work-highlights{padding:0;margin:20px 0 24px;list-style:none;font:17px/1.55 Instrument,Arial,sans-serif;color:#373b34}
.work-highlights li{padding:10px 0 10px 22px;border-top:1px solid #cdc7b9;position:relative}
.work-highlights li:before{content:'↗';position:absolute;left:0;color:#6951a3}
.library-page .case-link{display:inline-block;margin-right:24px;margin-bottom:12px}
.work-divider{grid-column:1/-1;padding:40px 0 4px;border-top:1px solid #cdc7b9}
.work-divider h2{font:600 44px/1.1 Instrument,Arial,sans-serif;letter-spacing:-.04em;margin:14px 0}
.work-divider p{font:18px/1.5 Instrument,Arial,sans-serif;max-width:760px}
.work-jumps{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:28px}
.work-jumps a{font:600 16px/1.4 Instrument,Arial,sans-serif;text-underline-offset:5px}
.library-page .sample-image{aspect-ratio:1.44;overflow:hidden}
.library-page .sample-image img{height:100%;object-fit:cover;object-position:top}
#client-work,#demo-features{scroll-margin-top:24px}
@media(max-width:550px){.library-page .sample-copy h2,.library-page .sample-featured h2{font-size:30px}.work-divider h2{font-size:36px}.library-page .work-highlights{font-size:16px}.library-page .library-hero h1{font-size:52px}}