/* Página de arquivo — trabalhos.html */
.arc-hero{padding:160px 0 clamp(40px,7vh,80px)}
.arc-hero__title{font-size:clamp(3.5rem,16vw,14rem);font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;margin:1.5rem 0 1rem}
.arc-hero__sub{max-width:44ch;font-size:clamp(1rem,1.6vw,1.4rem);color:var(--muted)}

.filters{display:flex;gap:.6rem;flex-wrap:wrap;position:sticky;top:60px;z-index:30;padding:18px 0;background:linear-gradient(var(--paper),var(--paper) 70%,transparent)}
.filter{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:.6em 1.2em;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--muted);cursor:pointer;transition:all .25s var(--ease)}
.filter span{opacity:.6;margin-left:.4em}
.filter:hover{border-color:var(--ink);color:var(--ink)}
.filter.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}

.arc-main{padding-bottom:var(--pad)}
.panel{display:none}
.panel.is-active{display:block;animation:fadeUp .6s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

.arc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,40px)}
.arc-grid--cases{grid-template-columns:repeat(2,1fr)}
/* lista de cases: cada case ocupa a largura toda (layout próprio imagem+corpo) */
.cases-list{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}
.cases-list .case-feature{margin-top:0}
.cases-list .case-feature:first-child{border-top:0;padding-top:0}

.arc-card{display:block}
.arc-card__media{position:relative;overflow:hidden;border-radius:8px;background:rgba(0,0,0,.05);aspect-ratio:16/10}
.arc-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.arc-card:hover .arc-card__media img{transform:scale(1.05)}
.arc-card.is-wip .arc-card__media img{filter:grayscale(.6) brightness(.6)}
.wip-badge{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#fff;padding:5px 11px;border-radius:100px}
.arc-card__meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;gap:1rem}
.arc-card__name{font-weight:700;font-size:1.15rem;letter-spacing:-.01em}
.arc-card__tag{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:right;white-space:nowrap}

/* card de case (maior, escuro) */
.case-card{display:block;background:var(--ink);color:var(--paper);border-radius:14px;padding:clamp(32px,4vw,56px);position:relative;overflow:hidden;min-height:300px;transition:transform .5s var(--ease)}
.case-card:hover{transform:translateY(-4px)}
.case-card::after{content:"";position:absolute;right:-10%;top:-30%;width:55%;height:170%;background:radial-gradient(circle,rgba(255,90,44,.35),transparent 65%)}
.case-card__cat{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--orange);position:relative;z-index:1}
.case-card__name{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:.8rem 0 1rem;max-width:16ch;position:relative;z-index:1}
.case-card__sum{color:rgba(243,241,236,.72);max-width:42ch;position:relative;z-index:1;margin-bottom:1.5rem}
.case-card__go{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--orange);padding-bottom:4px;position:relative;z-index:1}

/* estado vazio */
.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:clamp(48px,8vw,90px);text-align:center}
.empty h3{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.6rem}
.empty p{color:var(--muted);max-width:40ch;margin:0 auto}

@media (max-width:860px){
  .arc-grid,.arc-grid--cases{grid-template-columns:1fr}
  .filters{top:54px}
}