/* Compact client cards shared by the home page and Nossos clientes. */
.portfolio-real{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portfolio-real__card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dcded4;border-radius:14px;background:#fff;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.portfolio-real__card::after{content:'';position:absolute;left:22px;right:22px;bottom:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.portfolio-real__card:hover,.portfolio-real__card:focus-within{transform:translateY(-5px);border-color:#accc67;box-shadow:0 16px 34px #0003}
.portfolio-real__card:hover::after,.portfolio-real__card:focus-within::after{transform:scaleX(1)}
.portfolio-real__visual{position:relative;height:190px;flex-shrink:0;overflow:hidden;background:#1d1d1b}
.portfolio-real__visual img{height:100%;width:100%;object-fit:cover;transition:transform .7s var(--ease)}
.portfolio-real__card:hover .portfolio-real__visual img{transform:scale(1.035)}
.portfolio-real__card--hatasan .portfolio-real__visual img{object-fit:contain;padding:16px}
.portfolio-real__card--aep .portfolio-real__visual{background:#e6ede8}
.portfolio-real__card--aep .portfolio-real__visual img{object-fit:contain;padding:16px}
.portfolio-real__card--major-dogs .portfolio-real__visual{background:#21170f}
.portfolio-real__card--major-dogs .portfolio-real__visual img{object-fit:contain}
.portfolio-real__card--major-dogs .portfolio-real__tag{left:auto;right:18px}
.portfolio-real__card--obf .portfolio-real__visual{background:#18211a}
.portfolio-real__card--obf .portfolio-real__tag{left:auto;right:18px}
.portfolio-real__card--kizuna .portfolio-real__visual{background:#17203c}
.portfolio-real__card--kizuna .portfolio-real__visual img{object-position:top center}
.portfolio-real__card--kizuna .portfolio-real__tag{left:auto;right:14px}
.portfolio-real__tag{position:absolute;left:14px;top:14px;max-width:calc(100% - 28px);padding:6px 9px;border-radius:999px;background:#fff;color:var(--ink);font:500 8px/1.5 'DM Mono',monospace;letter-spacing:.03em;text-transform:uppercase}
.portfolio-real__body{display:flex;flex-direction:column;align-items:start;flex:1;padding:22px;min-width:0}
.portfolio-real__body h2,.portfolio-real__body h3{font-size:23px;line-height:1.08;margin:0 0 9px;letter-spacing:-.04em}
.portfolio-real__type{min-height:28px;font:400 9px/1.55 'DM Mono';letter-spacing:.035em;text-transform:uppercase;color:#64646e}
.portfolio-real__body p{display:-webkit-box;min-height:64px;margin:14px 0 19px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:13px;line-height:1.65;color:#5a5b64}
.portfolio-real__link{min-height:42px;margin-top:auto;padding:10px 17px;gap:10px;max-width:100%;font-size:11px}
.portfolio-real__link:hover{transform:translate(3px,-3px)}
.portfolio-real__status{display:inline-flex;align-items:center;min-height:42px;margin-top:auto;padding:10px 17px;border:1px solid #c7c8c1;border-radius:999px;color:#686972;font:500 9px/1.5 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}
.clients-showcase{position:relative;overflow:hidden;isolation:isolate;background:#0b0b11;color:#fff;padding-block:70px 90px}
.clients-showcase::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 10% 0,#c7fa3f14,transparent 40%),radial-gradient(ellipse at 95% 95%,#9280bc1f,transparent 40%)}
.clients-constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.7}
.clients-showcase__content{position:relative}
.clients-showcase__intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #ffffff25}
.clients-showcase__intro span{font:500 10px/1.7 'DM Mono';letter-spacing:.08em;color:var(--lime)}
.clients-showcase__intro p{max-width:480px;margin:0;font-size:14px;color:#bbbcc6}
.clients-showcase .motion-toggle{color:#b6b7bf}
.clients-showcase .portfolio-real__card{border-color:#3c3c42}
.clients-showcase .portfolio-real__card:hover,.clients-showcase .portfolio-real__card:focus-within{border-color:var(--lime)}
.home-projects .portfolio-real__visual{height:180px}
.home-projects .portfolio-real__body{padding:20px}
.home-projects .portfolio-real__body h3{font-size:22px}
.project-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.project-heading img{width:45px;height:45px;object-fit:contain;padding:4px;border:1px solid #ddd;border-radius:10px;background:#fff}
.project-heading h2{margin:0}
@media(min-width:1051px){.portfolio-real{grid-template-columns:repeat(6,minmax(0,1fr))}.portfolio-real__card{grid-column:span 2}.portfolio-real__card:last-child:nth-child(3n+1){grid-column:3/span 2}.portfolio-real__card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.portfolio-real__card:last-child:nth-child(3n+2){grid-column:4/span 2}}
@media(max-width:1050px){.portfolio-real,.home-projects .portfolio-real{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.portfolio-real,.home-projects .portfolio-real{grid-template-columns:1fr;gap:18px}.portfolio-real__visual,.home-projects .portfolio-real__visual{height:210px}.portfolio-real__body,.home-projects .portfolio-real__body{padding:20px}.portfolio-real__body h2,.portfolio-real__body h3,.home-projects .portfolio-real__body h3{font-size:24px}.portfolio-real__body p{min-height:0}.clients-showcase{padding-block:50px 70px}.clients-showcase__intro{display:block}.clients-showcase__intro p{margin-top:10px}}
@media(max-width:420px){.portfolio-real__visual,.home-projects .portfolio-real__visual{height:190px}.portfolio-real__body p{-webkit-line-clamp:4}}
@media(prefers-reduced-motion:reduce){.portfolio-real__card:hover,.portfolio-real__card:focus-within,.portfolio-real__card:hover .portfolio-real__visual img,.portfolio-real__link:hover{transform:none}}