.portfolio-section{padding-block:60px 75px;border-top:1px solid var(--rule);scroll-margin-top:120px}.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 16px}.portfolio-filters button{font:800 12px Nunito,sans-serif;padding:10px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-2);color:var(--ink);cursor:pointer;transition:transform .2s,border-color .2s}.portfolio-filters button:hover{transform:translateY(-2px);border-color:var(--blue)}.portfolio-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#082840;box-shadow:0 3px 0 #0693d1}.portfolio-count{font-size:11px;color:var(--ink-2);margin-bottom:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-card{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--rule);border-radius:19px;overflow:hidden;background:var(--paper);transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}.portfolio-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:0 15px 35px #02263d12}.portfolio-card[hidden]{display:none}.portfolio-card-art{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 6%,var(--paper)),var(--paper-2));border-bottom:1px solid var(--rule);padding:12px 7px 28px;overflow:hidden}.portfolio-card-art svg{display:block;width:100%;color:var(--ink)}.portfolio-illustration{position:absolute;bottom:10px;left:18px;font-size:7px;font-weight:900;letter-spacing:.08em;color:var(--ink-2)}.portfolio-card-copy{padding:22px}.portfolio-meta{display:block;color:var(--ink-2);font-size:9px;letter-spacing:.07em;font-weight:900;line-height:1.6}.portfolio-card h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:12px 0;color:var(--ink)}.portfolio-card p{font-size:12px;line-height:1.7;color:var(--ink-2);min-height:42px}.portfolio-read{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);padding-top:15px;margin-top:18px;font-size:11px;font-weight:900}.portfolio-read>span:last-child{color:var(--blue);font-size:18px;line-height:1}.portfolio-back{display:block;color:var(--ink-2);font-size:12px;font-weight:800;text-decoration:none;margin-bottom:25px}.portfolio-services{font-size:12px;color:var(--blue);font-weight:900;margin:18px 0 25px}.portfolio-story{display:grid;grid-template-columns:220px 1fr;gap:70px;border-top:1px solid var(--rule);padding-block:50px 70px}.portfolio-story aside{display:flex;flex-direction:column;gap:15px;align-items:start;position:sticky;top:130px;align-self:start}.portfolio-story aside>a{color:var(--ink-2);font-size:12px;text-decoration:none;font-weight:800}.portfolio-story aside>a:hover{color:var(--blue)}.portfolio-story>div>section{padding:20px 0 35px;border-bottom:1px solid var(--rule);scroll-margin-top:130px}.portfolio-story h2{font-size:33px}.portfolio-story section>p{font-size:18px;line-height:1.85;color:var(--ink-2);max-width:40em}.portfolio-source{border-left:3px solid var(--gold);padding:8px 20px;margin-top:30px}.portfolio-source p{font-size:12px;line-height:1.75;color:var(--ink-2)}.portfolio-source a{font-size:12px;color:var(--ink);font-weight:800}.portfolio-section :focus-visible,.portfolio-story :focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:950px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-story{gap:35px;grid-template-columns:180px 1fr}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-section{padding-block:35px}.portfolio-story{grid-template-columns:1fr;gap:22px}.portfolio-story aside{position:static;flex-direction:row;flex-wrap:wrap;gap:12px}.portfolio-story aside>span{width:100%}.portfolio-story section>p{font-size:16px}.portfolio-card p{min-height:0}.portfolio-filters{gap:8px}.portfolio-filters button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-filters button{transition:none}}

.portfolio-client-logo{background:#fff;border:1px solid #e0e8ee;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;margin-bottom:15px;min-width:110px;height:58px;max-width:190px}.portfolio-client-logo img{width:auto;max-width:150px;height:auto;max-height:40px;object-fit:contain}.case-intro .portfolio-client-logo{height:76px;min-width:145px;max-width:225px}.case-intro .portfolio-client-logo img{max-height:56px;max-width:190px}