/* Portfólio editorial: capas livres de legendas, títulos e contexto abaixo. */
#portfolio{padding:clamp(72px,9vw,132px) 0}
#portfolio>.wrap{width:min(1320px,calc(100% - 80px))}
.portfolio-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:38px}
.portfolio-eyebrow{font:400 10px/1.6 var(--sans);letter-spacing:2px;color:var(--mute);text-transform:uppercase;display:block;margin-bottom:17px}
#portfolio h2{font-size:clamp(3.3rem,7vw,6rem);line-height:1;letter-spacing:-.045em}
.portfolio-intro>p{font:300 clamp(15px,1.4vw,18px)/1.75 var(--sans);color:var(--mute);max-width:40ch;justify-self:end;margin:0 0 5px}
.portfolio-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px;padding:14px 0}
#portfolio .filters{gap:5px;min-width:0}
#portfolio .chip{display:inline-flex;align-items:center;gap:9px;font-size:13px;padding:10px 15px;border-color:transparent;box-shadow:none;color:var(--mute);border-radius:99px;min-height:42px}
#portfolio .chip small{font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}
#portfolio .chip[aria-pressed=true]{color:var(--bg);background:var(--ink);border-color:var(--ink)}
#portfolio .chip:hover{border-color:var(--line);transform:none}
.portfolio-count{font:400 11px/1.5 var(--sans);color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.3px}
#portfolio .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px;align-items:start;columns:auto}
#portfolio .card{display:block;width:100%;border:0;border-radius:0;background:none;color:var(--ink);aspect-ratio:auto;box-shadow:none;margin:0;padding:0;overflow:visible;text-align:left;isolation:auto;transform:none;transition:none;animation:album-reveal .65s ease both;animation-delay:calc(var(--order,0)*55ms)}
#portfolio .card::after{display:none}
.portfolio-cover{display:block;position:relative;overflow:hidden;border-radius:22px;background:var(--bg2);aspect-ratio:4/3;isolation:isolate;box-shadow:0 8px 28px #00000009;transition:box-shadow .5s}
#portfolio .portfolio-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s;filter:none;transform:scale(1)}
.portfolio-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #ffffff15;z-index:2}
.portfolio-open{position:absolute;inset:auto 18px 18px;display:flex;align-items:center;justify-content:space-between;color:#fff;opacity:0;transform:translateY(7px);transition:opacity .35s,transform .35s;z-index:2}
.portfolio-open-label{font:400 12px var(--sans);padding:10px 15px;border-radius:99px;background:#111a15a6;backdrop-filter:blur(12px)}
.portfolio-open-arrow{display:grid;place-items:center;width:42px;height:42px;font:22px var(--sans);border-radius:50%;background:#f1f3e9;color:#223429;box-shadow:0 3px 15px #0001}
.portfolio-caption{display:block;padding:18px 2px 0}
.portfolio-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px;font:400 10px/1.6 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--mute)}
.portfolio-meta small{font-size:10px;letter-spacing:.4px;text-transform:none;flex-shrink:0}
.portfolio-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.portfolio-title-row strong{font:300 clamp(1.7rem,2.8vw,2.5rem)/1.15 var(--serif);letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere}
.portfolio-title-row>span{font:300 24px var(--sans);color:var(--mute);transition:transform .35s,color .35s}
.portfolio-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:300 14px/1.7 var(--sans);color:var(--mute);margin:9px 35px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#portfolio .card.portfolio-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:38px;align-items:center;padding-bottom:9px}
.portfolio-featured .portfolio-cover{aspect-ratio:16/10}
.portfolio-featured .portfolio-caption{padding:8px 8px 8px 0}
.portfolio-featured .portfolio-title-row strong{font-size:clamp(2.2rem,4vw,3.9rem)}
.portfolio-featured .portfolio-meta{margin-bottom:20px;flex-wrap:wrap}
.portfolio-featured .portfolio-description{margin-top:18px;font-size:16px;-webkit-line-clamp:4}
.portfolio-featured .portfolio-title-row{align-items:start}
.portfolio-featured .portfolio-title-row>span{font-size:30px}
.portfolio-featured-tag{font:400 10px/1.6 var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--acc);display:block;margin-bottom:27px}
.portfolio-footer{border-top:1px solid var(--line);margin-top:42px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--mute)}
.portfolio-footer a{display:inline-flex;align-items:center;gap:20px;font-weight:400;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.portfolio-empty{grid-column:1/-1;padding:45px 0;color:var(--mute)}
.lb-description{font:300 12px/1.6 var(--sans);color:#c3cbbd;max-width:65ch;margin:7px 0 0;white-space:pre-wrap}
.lb-description[hidden]{display:none}
.lb .thumbs{justify-content:flex-start;width:fit-content;max-width:100%;margin-inline:auto;min-width:0;scroll-padding-inline:24px}
.lb .stage>button:disabled{opacity:.25;cursor:default;transform:none}
@media(hover:hover) and (pointer:fine){#portfolio .card:hover{transform:none;box-shadow:none}#portfolio .card:hover .portfolio-cover{box-shadow:0 18px 40px #00000018}#portfolio .card:hover .portfolio-cover img{transform:scale(1.04);filter:none}#portfolio .card:hover .portfolio-open{opacity:1;transform:none}#portfolio .card:hover .portfolio-title-row>span{color:var(--ink);transform:translate(3px,-3px)}}
#portfolio .card:focus-visible{outline:2px solid var(--acc);outline-offset:9px;border-radius:22px}#portfolio .card:focus-visible .portfolio-open{opacity:1;transform:none}
@media(max-width:900px){#portfolio>.wrap{width:calc(100% - 48px)}.portfolio-intro{gap:25px}.portfolio-toolbar{gap:12px}.portfolio-count{display:none}#portfolio .grid{gap:34px 22px}#portfolio .card.portfolio-featured{gap:26px;grid-template-columns:1.3fr 1fr}.portfolio-featured .portfolio-cover{aspect-ratio:4/5}.portfolio-featured .portfolio-title-row strong{font-size:2.4rem}.portfolio-featured .portfolio-description{font-size:14px}.portfolio-featured-tag{margin-bottom:18px;font-size:9px}.portfolio-caption{padding-top:16px}.portfolio-meta{font-size:9px;letter-spacing:1px}.portfolio-meta small{font-size:9px}.portfolio-title-row{gap:12px}}
@media(max-width:600px){#portfolio{padding:68px 0}#portfolio>.wrap{width:calc(100% - 36px)}.portfolio-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.portfolio-eyebrow{font-size:9px;margin-bottom:13px}#portfolio h2{font-size:3.8rem}.portfolio-intro>p{justify-self:start;font-size:15px;max-width:34ch}.portfolio-toolbar{padding:11px 0;margin-bottom:28px}.portfolio-toolbar .filters{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:thin;padding-bottom:3px}#portfolio .chip{font-size:12px;flex-shrink:0;padding:9px 12px}#portfolio .grid{grid-template-columns:1fr;gap:34px}#portfolio .card.portfolio-featured{display:block;grid-column:auto;padding:0}.portfolio-cover,.portfolio-featured .portfolio-cover{border-radius:19px;aspect-ratio:4/5}.portfolio-caption,.portfolio-featured .portfolio-caption{padding:17px 1px 0}.portfolio-featured-tag{display:none}.portfolio-meta,.portfolio-featured .portfolio-meta{font-size:10px;margin-bottom:9px}.portfolio-meta small{font-size:10px}.portfolio-title-row strong,.portfolio-featured .portfolio-title-row strong{font-size:2rem}.portfolio-description,.portfolio-featured .portfolio-description{font-size:14px;margin:9px 0 0;-webkit-line-clamp:2}.portfolio-open{opacity:1;transform:none;inset:auto 14px 14px;justify-content:flex-end}.portfolio-open-label{display:none}.portfolio-open-arrow{width:36px;height:36px;font-size:20px;background:#f1f3e9eb}.portfolio-footer{margin-top:32px;align-items:flex-start;flex-direction:column;gap:10px;font-size:13px}.lb-top{gap:12px}.lb-top>div{min-width:0}.lb-top #lbX{flex-shrink:0}.lb-description{font-size:11px;max-height:3.2em;overflow:hidden}}
@media(prefers-reduced-motion:reduce){#portfolio .card{animation:none!important}.portfolio-cover,.portfolio-cover img,.portfolio-open,.portfolio-title-row>span{transition:none!important}#portfolio .card:hover .portfolio-cover img,#portfolio .card:hover .portfolio-title-row>span{transform:none}}

#portfolio .grid.portfolio-single{grid-template-columns:minmax(0,1fr);max-width:880px;margin-inline:auto}.portfolio-single .portfolio-cover{aspect-ratio:3/2}@media(max-width:600px){.portfolio-single .portfolio-cover{aspect-ratio:4/5}}