/* Portfolio / Work section — shared by home, sobre, servicos (standalone copy for pages not using base.css) */
#work { background: var(--dark-bg); padding: 6.5rem 0 5rem; }
@media (min-width: 1540px) { #work .wrap { max-width: 1460px; } }
.work-head-center { text-align: center; margin-bottom: 2.75rem; }
.work-head-center h2 { margin-top: .5rem; margin-bottom: .625rem; color: var(--dark-text); }
.work-head-center p { color: var(--dark-muted); font-size: .9375rem; }
.work-eyebrow { color: var(--purple-lt); }
.gallery-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.gallery-slide { width: 100%; }
@media (max-width: 1180px) { .gallery-track { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .gallery-track { grid-template-columns: 1fr; } }
.gallery-card { position: relative; border-radius: 1.25rem; overflow: hidden; height: 480px; border: 1px solid rgba(255,255,255,.15); transition: border-color .25s; }
.gallery-card:hover { border-color: rgba(139,82,255,.35); }
.gallery-card img.gallery-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 0%; transform: scale(1.1) translateY(-6%); transition: transform .5s ease; }
.gallery-card:hover .gallery-img { transform: scale(1.16) translateY(-6%); }
.gallery-grad { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 14%, rgba(12,11,30,.14) 26%, rgba(12,11,30,.52) 38%, rgba(12,11,30,.86) 50%, rgba(12,11,30,.98) 62%, rgba(12,11,30,1) 75%, rgba(12,11,30,1) 100%); }
.gallery-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 1.5rem 1.75rem; }
.gallery-bullets { list-style: none; padding: 0; margin: .625rem 0 .875rem; display: flex; flex-direction: column; gap: .3rem; }
.gallery-bullets li { font-size: .775rem; color: rgba(255,255,255,.68); padding-left: 1rem; position: relative; line-height: 1.45; }
.gallery-bullets li::before { content: '—'; position: absolute; left: 0; color: var(--purple-lt); font-size: .7rem; top: .05em; }
.gallery-title { font-family: 'Source Sans 3', sans-serif; font-weight: 700; font-size: 1.125rem; letter-spacing: -.01em; color: #fff; margin-bottom: .5rem; line-height: 1.3; }
.gallery-desc { font-size: .8125rem; color: rgba(255,255,255,.65); line-height: 1.65; }
.gallery-tags { margin-top: .875rem; display: flex; flex-wrap: wrap; gap: .375rem; }
.gallery-chip { display: inline-flex; align-items: center; padding: .2rem .625rem; border-radius: 999px; border: 1px solid rgba(139,82,255,.45); background: rgba(139,82,255,.12); font-size: .625rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(184,140,255,.9); pointer-events: none; user-select: none; }