/* Portfolio Un Gesto per la Salute */
#portfolio{--project-gap:32px;--project-small:16px;--project-space:48px}
.ugps-project{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(24px,4vw,48px)}
.ugps-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--project-gap);align-items:center}
.ugps-project h3{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.03em;margin:16px 0}
.ugps-project p{line-height:1.65}.ugps-project img{display:block;width:100%;height:auto}.ugps-project figure{margin:0;min-width:0}
.ugps-label{color:var(--accent);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.ugps-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--project-gap);padding:var(--project-space) 0;margin:0}
.ugps-services>div{border-top:1px solid var(--border);padding-top:var(--project-small)}.ugps-services dt{font-weight:700;margin-bottom:8px}.ugps-services dd{margin:0;color:var(--muted);line-height:1.65}
.ugps-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--project-gap);align-items:start}.ugps-gallery .ugps-wide{grid-column:1/-1}
.ugps-gallery figcaption{font-size:16px;line-height:1.5;padding-top:var(--project-small);color:var(--muted)}.ugps-gallery a{display:block;border-radius:4px}.ugps-project a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.ugps-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--accent);text-underline-offset:4px}
@media(hover:hover){.ugps-link:hover{color:var(--fg)}.ugps-gallery a:hover{outline:2px solid var(--accent);outline-offset:4px}}
@media(max-width:767px){.ugps-intro,.ugps-services,.ugps-gallery{grid-template-columns:minmax(0,1fr)}.ugps-gallery .ugps-wide{grid-column:auto}.ugps-services{gap:24px}.ugps-project{padding:24px}}

/* Pagina progetto e copertina homepage */
.ugps-breadcrumb{margin-bottom:var(--project-gap)}
.project-page .ugps-project h1{font-size:clamp(32px,4vw,56px);line-height:1.12;margin:16px 0;overflow-wrap:break-word}
.ugps-cover{display:block;border-radius:4px}
.ugps-project a.ugps-cover:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
@media(hover:hover){.ugps-cover:hover{outline:2px solid var(--accent);outline-offset:4px}}
@media(prefers-reduced-motion:reduce){.project-page{scroll-behavior:auto}.project-page .reveal{transition:none}}