/* Plain footer for the Labs case studies, matching the work case studies (assets/case.css):
   name and line on the left, links on the right, a rule above. Scoped to .pf so it overrides
   each page's own .site-footer card styles; .site-footer stays for analytics. */
footer.site-footer.pf{position:static; overflow:visible; background:none; border:0; border-top:1px solid var(--line, rgba(30,26,46,.12)); border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; max-width:none; margin:0; padding:36px 0 40px; text-align:left; color:var(--ink, #272331); opacity:1; transform:none}
footer.site-footer.pf::before, footer.site-footer.pf::after{display:none; content:none}
footer.site-footer.pf .pf-in{max-width:1240px; margin:0 auto; padding:0 32px; display:flex; justify-content:space-between; align-items:center; gap:28px}
footer.site-footer.pf .pf-name{font:500 19px/1 "PP Valve", "Schibsted Grotesk", sans-serif; letter-spacing:-.03em; color:var(--ink, #272331); text-decoration:none}
footer.site-footer.pf p{margin:8px 0 0; font:400 12px/1.5 "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; color:var(--muted, #6C6774)}
footer.site-footer.pf .pf-links, footer.site-footer.pf .links{display:flex; gap:26px; margin:0; justify-content:flex-end}
footer.site-footer.pf a:not(.pf-name){display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:none; color:var(--ink, #272331); font:400 12px/1 "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; letter-spacing:0; text-transform:none; text-decoration:none}
footer.site-footer.pf a:not(.pf-name):hover{text-decoration:underline; background:none; color:var(--ink, #272331)}
@media (max-width:640px){ footer.site-footer.pf .pf-in{flex-direction:column; align-items:flex-start; gap:14px; padding:0 20px} footer.site-footer.pf .pf-links{gap:20px; flex-wrap:wrap} }

/* Plain "Next case study" block, the same as the work case studies. .nxb stays for analytics;
   .pn replaces next.css's tilted card. --c is the next project's colour, --tint its wash. */
a.nxb.pn{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; min-height:0; margin:0; padding:56px 0 64px; border:0; border-top:1px solid var(--line, rgba(30,26,46,.12)); border-radius:0; background:none; box-shadow:none; overflow:visible; text-decoration:none; color:var(--ink, #272331)}
a.nxb.pn .pn-ey{margin:0; font:550 11px/1.4 "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; letter-spacing:.12em; text-transform:uppercase; color:var(--muted, #6C6774)}
a.nxb.pn h2{margin:18px 0 0; max-width:16ch; font:500 clamp(34px,4vw,54px)/1.05 "PP Valve", "Schibsted Grotesk", sans-serif; letter-spacing:-.035em; color:var(--ink, #272331)}
a.nxb.pn h2 em{font-style:italic; color:var(--c, #6442AC)}
a.nxb.pn .pn-go{display:inline-flex; align-items:center; gap:14px; margin-top:26px; padding:11px 16px; border:1px solid color-mix(in srgb, currentColor 28%, transparent); border-radius:4px; font:500 13px/1.4 "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; transition:background-color .2s, color .2s, border-color .2s}
a.nxb.pn:hover .pn-go{background:var(--ink, #272331); color:var(--paper, #F7F6F3); border-color:var(--ink, #272331)}
a.nxb.pn .pn-go span{transition:transform .2s} a.nxb.pn:hover .pn-go span{transform:translateX(4px)}
a.nxb.pn .pn-art{background:var(--tint, #EEE8ED); border-radius:5px; padding:28px; overflow:hidden}
a.nxb.pn .pn-art img{display:block; width:100%; max-height:300px; object-fit:cover; object-position:top; border-radius:3px; transition:transform .5s cubic-bezier(.22,1,.36,1)}
a.nxb.pn:hover .pn-art img{transform:scale(1.02)}
@media (max-width:900px){ a.nxb.pn{grid-template-columns:1fr; gap:28px; padding:40px 0 48px} a.nxb.pn .pn-art{padding:18px} }