/* início */
.hero{display:block;cursor:default;height:calc(100vh - 140px);min-height:320px;text-decoration:none}
.hero .f{height:100%}
.hero img,.card img,.hero .ph,.card .ph{height:100%;object-fit:cover}
.hero-cap{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:.9rem;color:var(--mute)}
.hero-cap strong{color:var(--ink);font-family:"Jost",sans-serif;font-weight:500}
/* projetos */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px 20px}
.card{text-decoration:none;display:block}
.card .f{aspect-ratio:4/5}
.card h2{font-size:1.05rem;font-weight:500;letter-spacing:-.01em;margin:10px 0 2px}
.card:hover h2{text-decoration:underline;text-underline-offset:4px}
/* projetos: só a imagem; o título aparece ao passar o rato (ou ao focar com o teclado) */
.galeria--tight{gap:20px}
.card--hover{position:relative}
.card--hover .ph{color:transparent;font-size:0}
.card__title{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0) 55%);color:#fff;font:400 1.15rem/1.2 "Jost",sans-serif;opacity:0;transition:opacity .3s ease;pointer-events:none}
.card--hover:hover .card__title,.card--hover:focus-visible .card__title{opacity:1}
@media (hover:none){.card__title{opacity:1}}
@media (prefers-reduced-motion:reduce){.card__title{transition:none}}
@supports (height:100dvh){.hero{height:calc(100dvh - 140px)}}