/* Desktop compact portfolio; mobile ratios and widths remain unchanged. */
@media(min-width:1000px){.portfolio-v75{gap:22px;justify-content:center}.portfolio-v75 .portfolio-card{flex:0 1 calc((100% - 44px)/3);width:calc((100% - 44px)/3);max-width:360px}.portfolio-v75 .portfolio-card.ratio-portrait{flex:0 1 245px;max-width:245px}.portfolio-v75 .website-caption{padding:12px;inset-inline:10px;bottom:10px}.portfolio-v75 .website-caption h3{font-size:16px;line-height:1.65}.portfolio-v75 .website-caption p{font-size:11px}.portfolio-v75 .website-visit{font-size:11px;margin-top:8px}.portfolio-v75 .va-player{gap:5px;padding:7px 9px}.portfolio-v75 .va-player button{min-width:32px;min-height:34px;border-radius:10px}.portfolio-v75 .va-player input[data-volume]{width:38px}.portfolio-v75 .va-player [data-time]{font-size:10px}.portfolio-v75 .portfolio-info{padding-inline:12px}}
@media(hover:hover) and (pointer:fine) and (min-width:1000px){.portfolio-v75 .portfolio-card:hover{transform:translateY(-7px) scale(1.06);z-index:3}.portfolio-v75:has(.portfolio-card:hover) .portfolio-card:not(:hover){transform:scale(.965)}}
.portfolio-media-error [data-media-retry]{color:#e6fba6;background:#193425;border:1px solid #acd36966;border-radius:8px;padding:6px 12px;margin-top:7px;cursor:pointer}
.clients-section{border-top:1px solid #bade9620;border-bottom:1px solid #bade9620;background:radial-gradient(ellipse at center,#2a412c44,transparent 70%)}.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.clients-heading h2{font-size:30px}.clients-heading p{font-size:13px;color:#a6b5a9;margin-top:7px}.clients-heading .eyebrow{margin-bottom:6px}.clients-pause{display:flex;align-items:center;gap:8px;color:#d4e8bd;background:#172b20;border:1px solid #96b17466;border-radius:12px;padding:10px 14px;cursor:pointer;font-size:12px;flex-shrink:0}.clients-window{overflow-x:auto;direction:ltr;border-radius:18px}.clients-track{display:flex;width:max-content}.clients-group{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:8px 16px 8px 0;min-width:var(--clients-window,0px)}.client-logo{width:176px;flex:0 0 176px;padding:14px;border:1px solid #d8edb730;border-radius:16px;background:transparent;color:#d4e8bd;text-align:center;transition:transform .2s,box-shadow .2s}.client-logo img{width:146px;height:70px;display:block;object-fit:contain;margin:auto;background:transparent}.client-logo span{display:block;font-size:11px;margin-top:9px;direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-logo:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0004}.client-logo:focus-visible{outline:3px solid #c4f35b;outline-offset:3px}.clients-moving .clients-window{overflow:hidden}.clients-moving .clients-track{animation:client-scroll 34s linear infinite}.clients-moving:hover .clients-track,.clients-moving.is-paused .clients-track{animation-play-state:paused}.clients-moving:has(.clients-window:focus-within) .clients-track{animation:none;transform:none}.clients-moving:has(.clients-window:focus-within) .clients-window{overflow-x:auto}.clients-moving:has(.clients-window:focus-within) .clients-copy{display:none}.clients-copy{flex-shrink:0}
@keyframes client-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){.clients-heading h2{font-size:25px}.clients-heading{gap:10px}.clients-pause{padding:9px;font-size:11px}.client-logo{width:144px;flex-basis:144px;padding:12px}.client-logo img{width:118px;height:60px}.clients-group{gap:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.clients-moving .clients-track{animation:none}.clients-copy,.clients-pause{display:none!important}.clients-moving .clients-window{overflow-x:auto}.client-logo,.portfolio-v75 .portfolio-card{transition:none!important;transform:none!important}}