.trilha{font-family:var(--tipo-ui); font-size:.75rem; color:var(--muted); margin:0 0 1.5rem; max-width:none}
  .trilha a{color:var(--muted); text-decoration:none; border-bottom:1px solid var(--rule-strong)}
  .trilha a:hover{color:var(--accent)}
  .abertura{padding:3.5rem 0 2.75rem; border-bottom:1px solid var(--rule)}
  .abertura .corpo{max-width:var(--medida); margin-top:1.75rem}

  /* caminhos por situação */
  .caminhos{padding:4rem 0}
  .caminho{border-top:1px solid var(--rule); padding:2.5rem 0 0; margin-top:2.5rem}
  .caminho:first-of-type{border-top:0; padding-top:0; margin-top:2.25rem}
  @media(min-width:64rem){
    .caminho{display:grid; grid-template-columns:18rem 1fr; gap:3.5rem; align-items:start}
  }
  .caminho h3{font-size:clamp(1.125rem,1.9vw,1.3125rem); line-height:1.25; margin:0}
  .caminho .txt{max-width:var(--medida)}
  .caminho .txt p:last-child{margin-bottom:0}
  .fecho-cam{font-family:var(--tipo-ui); font-weight:300;
    font-size:clamp(1.0625rem,1.8vw,1.1875rem); line-height:1.5; color:var(--ink-strong);
    border-left:2px solid var(--accent-line); padding-left:1.25rem; margin:3rem 0 0; max-width:52ch}

  /* método na área */
  .metodo-area{background:var(--navy); color:#C6D2DE; padding:4rem 0; position:relative; overflow:hidden}
  .metodo-area .simb{position:absolute; right:-7rem; top:-6rem; width:26rem; opacity:.06; pointer-events:none}
  .metodo-area .simb img{width:100%; height:auto; display:block}
  .metodo-area > .wrap{position:relative}
  .metodo-area .rotulo{color:var(--champanhe)}
  .metodo-area h2{color:#F3EFE8}
  .metodo-area p{color:#C6D2DE; max-width:58ch}
  .metodo-area .acao{color:var(--champanhe); border-bottom-color:var(--champanhe)}
  .metodo-area .acao:hover{color:#F3EFE8; border-bottom-color:#F3EFE8}
  .metodo-area b{color:var(--champanhe); font-weight:500}

  /* o que ter em mãos */
  .maos{padding:4rem 0}
  .maos .caixa{background:var(--surface); border:1px solid var(--rule);
    border-left:3px solid transparent; border-image:var(--fio-ouro) 1;
    padding:1.75rem 1.875rem; margin:2rem 0 0; max-width:none}
  .maos .caixa p{max-width:none}
  .maos .caixa p:last-child{margin-bottom:0}
  .maos b{color:var(--ink-strong); font-weight:600}

  /* perguntas */
  .perguntas{background:var(--surface-2); border-top:1px solid var(--rule); padding:4rem 0}
  .qs{border:1px solid var(--rule); background:var(--surface); margin-top:2rem}
  .qs details{border-bottom:1px solid var(--rule)}
  .qs details:last-child{border-bottom:0}
  .qs summary{font-family:var(--tipo-ui); font-weight:500; font-size:.9375rem;
    color:var(--ink-strong); padding:1.125rem 1.625rem; cursor:pointer; min-height:2.75rem;
    display:flex; align-items:center; gap:.875rem; list-style:none}
  .qs summary::-webkit-details-marker{display:none}
  .qs summary::before{content:"+"; font-family:var(--tipo-ui); font-weight:400; font-size:1.125rem;
    color:var(--accent); flex:none; width:1rem; text-align:center}
  .qs details[open] summary::before{content:"–"}
  .qs summary:hover{background:var(--surface-2)}
  .qs summary:focus-visible{outline:3px solid var(--focus); outline-offset:-3px}
  .qs .r{padding:0 1.625rem 1.375rem 3.5rem}
  .qs .r p{margin:0; font-size:.9375rem}

  /* acervo da área */
  .acervo{padding:4rem 0; border-top:1px solid var(--rule)}
  .lista-art{display:grid; gap:1px; background:var(--rule); border:1px solid var(--rule); margin-top:2rem}
  @media(min-width:52rem){.lista-art{grid-template-columns:1fr 1fr}}
  .lista-art a{background:var(--surface); padding:1.25rem 1.5rem; text-decoration:none; color:inherit;
    display:flex; gap:1rem; align-items:baseline; border-left:2px solid transparent;
    transition:background .2s, border-color .2s}
  .lista-art a:hover{background:var(--surface-2); border-left-color:var(--accent-line)}
  .lista-art .m{font-family:var(--tipo-ui); font-weight:500; font-size:.625rem; letter-spacing:.14em;
    text-transform:uppercase; color:var(--accent); flex:none; min-width:6.5rem; max-width:none; margin:0}
  .lista-art h3{font-size:.9375rem; margin:0; line-height:1.4; font-weight:400}

  /* fecho */
  .fecho-sec{background:var(--surface-2); border-top:1px solid var(--rule); padding:4rem 0}
  .fecho-sec p{max-width:58ch}

  /* etapas do método */
  .etapas7{display:grid; gap:1px; background:var(--rule); border:1px solid var(--rule); margin-top:2.25rem}
  @media(min-width:56rem){.etapas7{grid-template-columns:1fr 1fr}}
  .et{background:var(--surface); padding:1.75rem 1.875rem}
  .et .cod{font-family:var(--tipo-ui); font-weight:500; font-size:.6875rem; letter-spacing:.18em;
    text-transform:uppercase; color:var(--accent); margin:0 0 .5rem; max-width:none}
  .et h3{margin-bottom:.625rem}
  .et p{font-size:.9375rem; margin:0 0 .625rem; max-width:none}
  .et p:last-child{margin-bottom:0}
  .et .sai{border-top:1px solid var(--rule); padding-top:.75rem; margin-top:.875rem;
    font-family:var(--tipo-ui); font-weight:300; font-size:.875rem; color:var(--muted)}
  .et .sai b{color:var(--ink-strong); font-weight:500}
  .et.destaque{background:var(--navy); color:#C6D2DE}
  .et.destaque h3{color:#F3EFE8}
  .et.destaque .cod{color:var(--champanhe)}
  .et.destaque p{color:#C6D2DE}
  .et.destaque .sai{border-top-color:#1D3149; color:#8FA2B6}
  .et.destaque .sai b{color:var(--champanhe)}

  /* vagas de fotografia */
  .vaga{position:relative; background:var(--navy); overflow:hidden; display:flex;
    flex-direction:column; justify-content:flex-end; padding:1.5rem; margin:0}
  .vaga.p32{aspect-ratio:3/2}
  .vaga .marca-dagua{position:absolute; inset:0; display:grid; place-items:center;
    opacity:.09; pointer-events:none}
  .vaga .marca-dagua img{width:42%; height:auto}
  .vaga figcaption{position:relative; z-index:2; font-family:var(--tipo-ui); font-size:.75rem;
    line-height:1.55; color:#9FB0C2; background:var(--navy); border-left:2px solid var(--champanhe);
    padding:.625rem .875rem; max-width:32ch}
  .vaga figcaption b{display:block; color:var(--champanhe); font-weight:500; font-size:.625rem;
    letter-spacing:.16em; text-transform:uppercase; margin-bottom:.375rem}

  /* filtros de artigos */
  .filtros{display:grid; gap:1.5rem; margin-top:2rem}
  .filtro p{font-family:var(--tipo-ui); font-weight:500; font-size:.6875rem; letter-spacing:.16em;
    text-transform:uppercase; color:var(--accent); margin:0 0 .75rem; max-width:none}
  .filtro ul{display:flex; flex-wrap:wrap; gap:.5rem; margin:0; padding:0; list-style:none}
  .filtro a{font-family:var(--tipo-ui); font-size:.8125rem; color:var(--ink); text-decoration:none;
    border:1px solid var(--rule-strong); border-radius:2px; padding:.5rem .875rem;
    min-height:2.75rem; display:inline-flex; align-items:center}
  .filtro a:hover{border-color:var(--accent-line); background:var(--surface-2); color:var(--ink-strong)}

  /* retrato do escritório */
  .retrato-sec{padding:0 0 3.5rem}
  .foto-esc{margin:0; max-width:46rem}
  .foto-esc img{width:100%; height:auto; display:block; aspect-ratio:4/5; object-fit:cover;
    object-position:50% 22%; border-bottom:3px solid transparent; border-image:var(--fio-ouro) 1}
  @media(min-width:48rem){.foto-esc img{aspect-ratio:16/9; object-position:50% 30%}}
  .foto-esc figcaption{font-family:var(--tipo-ui); font-weight:300; font-size:.8125rem;
    line-height:1.6; color:var(--muted); margin-top:.875rem; max-width:44ch}
  .foto-esc figcaption b{color:var(--ink-strong); font-weight:500}
  .linha-legal{font-family:var(--tipo-ui); font-size:.75rem; color:var(--muted);
    border-top:1px solid var(--rule); padding-top:1.125rem; margin-top:1.75rem; max-width:none}