/* Estilos de página: sobre (protótipo sobre.html). */
/* Sobre: abertura com retrato, texto em coluna de leitura, trajetória como tabela de anos, princípios em seção clara. */
.a-hero{padding-block:clamp(56px,8vw,112px) clamp(64px,8vw,120px)}
.a-hero .grid{align-items:end;row-gap:48px}
.a-name{grid-column:1/8}
.a-name h1{margin:20px 0 0;font-weight:500;font-size:clamp(56px,10.5vw,176px);line-height:.88;letter-spacing:-.055em}
.a-name p{margin:28px 0 0;font-size:clamp(20px,2vw,28px);line-height:1.25;letter-spacing:-.02em;color:var(--text-2);max-width:26ch}
.a-photo{grid-column:9/13;aspect-ratio:4/5;background:linear-gradient(var(--ink-800),var(--ink-800));position:relative;overflow:hidden}
.a-photo::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}
.a-photo span{position:absolute;left:14px;bottom:12px}
@media (max-width:860px){.a-name,.a-photo{grid-column:1/-1}.a-photo{max-width:420px}}

.a-intro{padding-block:0 clamp(96px,12vw,176px)}
.a-intro .lab{grid-column:1/4}
.a-intro .txt{grid-column:5/12}
.a-intro .txt p{margin:0 0 1.1em;font-size:18px;line-height:1.6;color:var(--text-2);max-width:62ch}
.a-intro .txt p.big{font-size:clamp(22px,2.3vw,32px);line-height:1.28;letter-spacing:-.022em;font-weight:500;color:var(--text);max-width:none;margin-bottom:1em}
@media (max-width:860px){.a-intro .lab,.a-intro .txt{grid-column:1/-1}.a-intro .txt{margin-top:24px}}

.a-path{padding-block:clamp(96px,12vw,176px)}
.a-path .head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,64px)}
.a-path h2,.a-values h2{margin:16px 0 0;font-weight:500;font-size:clamp(34px,4.2vw,56px);line-height:1;letter-spacing:-.04em}
.tl{border-top:2px solid var(--text)}
.tl-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);padding-block:22px;border-bottom:1px solid var(--border);align-items:baseline}
.tl-row:last-child{border-bottom:0}
.tl-y{grid-column:1/3;font-family:var(--f-meta);font-size:clamp(20px,2vw,26px);letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums}
.tl-t{grid-column:3/8;font-size:clamp(19px,1.8vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.tl-d{grid-column:8/13;color:var(--text-2);font-size:16px;margin:0}
.tl-row.now .tl-y{color:var(--accent)}
@media (max-width:860px){.tl-row{grid-template-columns:88px minmax(0,1fr);row-gap:6px}.tl-y{grid-column:1;grid-row:1/3}.tl-t{grid-column:2}.tl-d{grid-column:2}}

.a-values{padding-block:clamp(96px,12vw,176px)}
.a-values .top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(48px,6vw,80px)}
.vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.val{padding:4px clamp(16px,2vw,28px) 8px;border-left:1px solid var(--border);min-width:0}
.val:first-child{border-left:0;padding-left:0}
.val svg{display:block;color:var(--text);margin-bottom:clamp(56px,7vw,104px)}
.val h3{margin:0 0 14px;font-weight:500;font-size:20px;letter-spacing:-.02em;line-height:1.2}
.val p{margin:0;color:var(--text-2);font-size:16px;line-height:1.5;max-width:34ch}
@media (max-width:1000px){.vals{grid-template-columns:1fr 1fr;row-gap:56px}.val:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:560px){.vals{grid-template-columns:1fr}.val{border-left:0;padding-left:0;padding-right:0}.val svg{margin-bottom:24px}}

.a-rec{padding-block:clamp(96px,12vw,176px)}
.a-rec .lab{grid-column:1/4}
.a-rec .lab p{margin:20px 0 0;color:var(--text-2);font-size:16px;max-width:28ch}
.rec{grid-column:5/13;border-top:2px solid var(--text)}
.rec a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr) auto;gap:var(--gutter);align-items:baseline;padding-block:24px;border-bottom:1px solid var(--border);color:var(--text)}
.rec a:last-child{border-bottom:0}
.rec strong{display:block;font-weight:500;font-size:clamp(20px,2vw,26px);letter-spacing:-.025em;line-height:1.15}
.rec span.d{display:block;margin-top:6px;color:var(--text-2);font-size:16px}
.rec .go{display:inline-flex;align-items:center;gap:6px;color:var(--muted);transition:color .2s var(--ease)}
.rec .go svg{transition:transform .4s var(--ease-soft)}
.rec a:hover .go{color:var(--state)}
.rec a:hover .go svg{transform:translate(3px,-3px)}
.rec a:hover strong{color:var(--text)}
.rec a:focus-visible{outline:2px solid var(--state);outline-offset:4px}
@media (max-width:860px){.a-rec .lab,.rec{grid-column:1/-1}.rec{margin-top:32px}.rec a{grid-template-columns:minmax(0,1fr) auto}.rec a .meta:first-child{grid-column:1/-1}}

.a-off{padding-block:clamp(96px,12vw,176px)}
.a-off .lab{grid-column:1/4}
.facts{grid-column:4/13;margin:0;padding:0;list-style:none;font-size:clamp(24px,calc(3.2vw - 2px),46px);font-weight:500;letter-spacing:-.035em;line-height:1.18;color:var(--text-2)}
.facts li{display:inline}
.facts li::after{content:" / ";color:var(--ink-600)}
.facts li:last-child::after{content:""}
.facts li span{transition:color .2s var(--ease)}
.facts li:hover span{color:var(--text)}
.photos{grid-column:1/-1;margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:end}
.photos div{position:relative;background:var(--ink-800);overflow:hidden}
.photos div::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}
.photos div span{position:absolute;left:12px;bottom:10px}
.photos .p1{grid-column:1/4;aspect-ratio:4/5}.photos .p2{grid-column:4/6;aspect-ratio:1}.photos .p3{grid-column:6/10;aspect-ratio:16/11}.photos .p4{grid-column:10/13;aspect-ratio:3/4}
@media (max-width:860px){.a-off .lab,.facts{grid-column:1/-1}.facts{margin-top:24px}.photos{grid-template-columns:1fr 1fr;row-gap:var(--gutter)}.photos div{grid-column:auto!important}}

.a-edu{margin-top:clamp(72px,9vw,128px)}
.a-edu .lab{grid-column:1/4}
.edu{grid-column:5/13;margin:0;border-top:1px solid var(--border)}
.edu div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);gap:var(--gutter);padding-block:18px;border-bottom:1px solid var(--border);align-items:baseline}
.edu div:last-child{border-bottom:0}
.edu dt{font-size:18px;font-weight:500;letter-spacing:-.01em}
.edu dd{margin:0;color:var(--text-2)}
.edu dd.y{justify-self:end}
@media (max-width:860px){.a-edu .lab,.edu{grid-column:1/-1}.edu{margin-top:24px}.edu div{grid-template-columns:1fr auto}.edu dd:not(.y){grid-column:1/-1;grid-row:2}}

/* WordPress: retrato e fotos enviados pelo painel (sem imagem, fica a caixa provisória). */
.a-photo.has-img::before,.photos .has-img::before{display:none}
.a-photo.has-img img,.photos .has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.a-path .head .wp-block-group{min-width:0}