.portfolio-casebar{position:fixed;z-index:1000;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font:500 .68rem/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.portfolio-casebar a{display:inline-flex;align-items:center;min-height:2.5rem;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;background:rgba(12,12,11,.68);box-shadow:0 8px 30px rgba(0,0,0,.16);backdrop-filter:blur(12px);pointer-events:auto;text-decoration:none}.portfolio-casebar a:hover,.portfolio-casebar a:focus-visible{background:#f2ede3;color:#171713;border-color:#f2ede3}.portfolio-pagination{width:min(92vw,1280px);margin:4rem auto 2rem;padding:1.25rem 0;border-top:1px solid rgba(127,127,127,.35);display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;font:500 .68rem/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.portfolio-pagination a{color:inherit;text-decoration:none}.portfolio-pagination a:last-child{text-align:right}.portfolio-pagination .all-work{text-align:center;opacity:.72}.portfolio-pagination small{display:block;margin-bottom:.3rem;opacity:.55;font:inherit;font-size:.58rem}@media(max-width:640px){.portfolio-casebar{top:.65rem;left:.65rem;right:.65rem}.portfolio-casebar a{min-height:2.2rem;padding:.55rem .7rem;font-size:.58rem}.portfolio-casebar .casebar-contact{display:none}.portfolio-pagination{grid-template-columns:1fr 1fr}.portfolio-pagination .all-work{grid-column:1 / -1;grid-row:1}.portfolio-pagination a:last-child{text-align:right}}
