@font-face{font-family:'Portfolio Footer';src:url('/shared/general-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
/* Shared footer recommendations. Media matches approved homepage banners. */
.related-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}
.related-projects-grid .related-project-card{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:16px}
.related-projects-grid .related-project-card:hover{text-decoration:none}
.related-projects-grid .related-project-media{display:block;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:16px;background:#f6f7f8;margin:0 0 20px}
.related-projects-grid .related-project-media :is(img,iframe){position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0;border-radius:inherit;object-fit:cover;pointer-events:none}
.related-projects-grid .related-project-label{display:block;margin:0;color:#59625d;font-size:13px;line-height:1.5;font-weight:500;letter-spacing:0}
.related-projects-grid .related-project-card h3{margin:10px 0 0;font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.4px}
.related-projects-grid .related-project-card:focus-visible{outline:2px solid #262927;outline-offset:8px}
@media(max-width:600px){.related-projects-grid{grid-template-columns:1fr;gap:40px}.related-projects-grid .related-project-card h3{font-size:22px}}

/* One ending for every case study; navigation belongs to More Projects. */
:is(#more-projects,#lc-more){padding-bottom:40px}
:is(#more-projects,#lc-more) .project-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:40px 0 0;padding:24px 0 0;border-top:1px solid #dde2df}
:is(#more-projects,#lc-more) .project-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0;padding:10px 16px;border:1px solid #cbd2cd;border-radius:8px;background:#fff;color:#262927;font:500 14px/22px 'Portfolio Footer','General Sans',Arial,sans-serif;letter-spacing:0;text-decoration:none;white-space:nowrap;box-shadow:none;transition:background-color .15s,border-color .15s}
:is(#more-projects,#lc-more) .project-footer-button:hover{background:#f1f4f1;border-color:#8b978f;color:#262927;text-decoration:none;transform:none;opacity:1}
:is(#more-projects,#lc-more) .project-footer-button:active{background:#e5ebe5}
:is(#more-projects,#lc-more) .project-footer-button:focus-visible{outline:2px solid #262927;outline-offset:4px}
:is(#more-projects,#lc-more) .project-footer-button svg{display:block;flex:0 0 14px;width:14px;height:14px;margin:0}
@media(max-width:600px){:is(#more-projects,#lc-more) .project-footer-actions{margin-top:32px;padding-top:20px;gap:12px}:is(#more-projects,#lc-more) .project-footer-button{padding-inline:12px;font-size:13px;gap:6px}}