.about-hero{min-height:88vh;position:relative;display:grid;align-items:end;overflow:hidden;background:var(--navy2);color:#fff;padding:150px 0 88px}
.about-hero-image{position:absolute;inset:0;background:url("../assets/hero-voc-pessoas-v2.png") center/cover no-repeat;opacity:1;transform:scale(1.02)}
.about-hero-shade{display:none}
.about-hero-content{position:relative;z-index:2}.about-hero h1{font-size:clamp(50px,8vw,96px);line-height:.95;letter-spacing:-.055em;margin:0;max-width:860px}.about-hero-content>p:last-child{font-size:clamp(20px,3vw,30px);max-width:720px;color:rgba(255,255,255,.82);margin:24px 0 0}.about-hero #about-eyebrow{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.42)}
.about-intro{padding:44px 0;border-bottom:1px solid var(--line)}.about-intro p{max-width:880px;margin:0;padding:22px 26px 22px 30px;border-left:4px solid var(--accent);border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(205,164,99,.12),rgba(255,255,255,0));font-size:clamp(18px,1.8vw,23px);line-height:1.55;color:var(--navy)}
.about-heading{display:block;margin-bottom:58px}.about-heading .eyebrow{margin:0 0 18px}.about-heading h2,.brand-evolution h2,.about-method h2,.about-closing h2,.about-vania h2,.additional-person h2{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:0}.about-heading>p:last-child{color:var(--muted);font-size:18px;max-width:820px;margin:22px 0 0}
.about-copy-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start}.about-copy-grid h3{font-size:28px;margin:0 0 18px;color:var(--navy)}.about-copy-grid p,.about-vania p,.brand-evolution p,.about-method p,.about-closing p{color:var(--muted);font-size:17px}
.institutional-bio{white-space:pre-line}
.road-gallery{display:grid;gap:16px}.road-gallery figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(8,22,39,.08)}.road-gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.road-gallery figcaption{padding:12px 16px;color:var(--muted);font-size:13px}.pdf-record iframe{display:block;width:100%;height:440px;border:0;background:#eef1f4}.pdf-record figcaption a{font-weight:800;color:var(--navy)}
.about-vania{background:var(--paper)}.about-person-flow{display:flow-root}.person-name{margin:0 0 8px!important;color:var(--accent)!important;font-size:15px!important;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.about-person-flow h2,.about-person-flow h3{margin:0 0 28px}.about-float-gallery{float:right;width:min(48%,560px);margin:0 0 26px 42px}.vania-projects-gallery,.team-works-gallery{display:grid;gap:16px}.vania-projects-gallery figure,.team-works-gallery figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(8,22,39,.08)}.vania-projects-gallery img,.team-works-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.vania-projects-gallery figcaption,.team-works-gallery figcaption{padding:12px 16px;color:var(--muted);font-size:13px}.about-person-flow .institutional-bio{white-space:pre-line}.media-load-error{padding:24px;background:#fff2f2;color:#8f2222;font-weight:700}
.person-profile-photo{float:left;width:190px;height:230px;object-fit:cover;object-position:center top;margin:0 32px 22px 0;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 38px rgba(8,22,39,.12)}.person-profile-photo[hidden]{display:none}.additional-person:nth-child(even){background:var(--paper)}
.brand-evolution{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.brand-evolution .text-link{display:inline-flex;margin-top:14px}
.about-method{background:var(--navy2);color:#fff}.about-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.about-method h2{color:#fff}.about-method p{color:rgba(255,255,255,.7);margin:0;font-size:19px}.about-method-copy p+p{margin-top:1.15em}
.about-closing{text-align:center}.about-closing h2{max-width:900px;margin:0 auto}.about-closing-copy{max-width:760px;margin:24px auto 30px}.about-closing-copy p{margin:0;font-size:19px}.about-closing-copy p+p{margin-top:1.15em}.site-header .desktop-nav{gap:14px;font-size:13px}.about-header-back{white-space:nowrap;color:#fff!important;font-weight:800}.nav a[aria-current="page"]{color:#e6c68e;opacity:1}
@media(max-width:800px){.about-hero{min-height:82vh;padding:120px 0 58px}.brand-evolution,.about-method-grid{grid-template-columns:1fr;gap:35px}.about-float-gallery{float:none;width:100%;margin:0 0 28px}.person-profile-photo{float:none;width:160px;height:194px;margin:0 0 22px}.road-gallery,.vania-projects-gallery{grid-template-columns:1fr}.about-intro{padding:42px 0}}
