/* Digital portfolio: scoped to the primary Digital page. */
.portfolio{background:#111214;border-top:1px solid var(--line);scroll-margin-top:28px}
.portfolio-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;margin:28px 0 44px}
.version-b .portfolio-heading h2{font-size:clamp(44px,5.8vw,82px);line-height:1.02;margin:0}
.portfolio-heading p{max-width:470px;margin:0;line-height:1.65}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.portfolio-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#191b1e}
.portfolio-preview{display:block;overflow:hidden;aspect-ratio:1333/772;background:#25272b;border-bottom:1px solid var(--line)}
.portfolio-preview img{display:block;width:calc(100% * 1348 / 1333);max-width:none;height:auto;transition:transform .25s ease}
.portfolio-preview:hover img{transform:scale(1.025)}
.portfolio-body{padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.portfolio-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b4b5b9;margin-bottom:15px}
.version-b .portfolio-body h3{font-size:clamp(22px,2.1vw,30px);line-height:1.1;margin-bottom:16px}
.portfolio-body>p:not(.portfolio-type){font-size:15px;line-height:1.65;margin-bottom:20px}
.portfolio-features{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 25px;padding:0}
.portfolio-features li{border:1px solid #484a50;color:#dddde0;padding:5px 8px;font-size:10px;line-height:1.5}
.portfolio-body .text-link{margin-top:auto;font-size:13px}
.portfolio-next{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.portfolio-next p{margin:0;max-width:600px;font-size:18px;line-height:1.5}
.portfolio-next .btn{flex-shrink:0}
@media(max-width:1000px){.portfolio-grid{gap:16px}.portfolio-body{padding:22px 17px}.portfolio-heading{gap:30px}}
@media(max-width:760px){.portfolio-heading,.portfolio-grid{grid-template-columns:minmax(0,1fr)}.portfolio-heading{gap:22px;margin:24px 0 30px}.version-b .portfolio-heading h2{font-size:clamp(40px,11vw,70px)}.portfolio-grid{gap:25px}.version-b .portfolio-body h3{font-size:29px}.portfolio-body{padding:25px}.portfolio-body>p:not(.portfolio-type){font-size:16px}.portfolio-next{align-items:flex-start;flex-direction:column}.portfolio-next .btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){.portfolio-preview img{transition:none}.portfolio-preview:hover img{transform:none}}

.portfolio-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}