/* ===== HERO EM TELA CHEIA (mecanismo 04) ===== */
.capa{
  position:relative;margin-inline:-32px;min-height:86vh;
  display:flex;align-items:flex-end;overflow:hidden;background:#0B0C0E;
}
.capa__foto{position:absolute;inset:0}
.capa__foto img{width:100%;height:100%;object-fit:cover;object-position:center 64%}
.capa__veu{
  position:absolute;inset:0;
  background:
    linear-gradient(to top, rgba(8,9,11,.93) 0%, rgba(8,9,11,.58) 34%, rgba(8,9,11,.2) 62%, rgba(8,9,11,.55) 100%),
    radial-gradient(64% 46% at 50% 52%, rgba(8,9,11,0) 0%, rgba(8,9,11,.5) 100%);
}
.capa__conteudo{position:relative;padding:0 32px 62px;width:100%;max-width:1240px;margin:0 auto}
.capa__eb{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#DAD5CA;margin:0 0 20px}
.capa__eb .pin{color:#FF8054}
.capa h1{color:#F7F4ED;font-size:clamp(36px,6vw,76px);line-height:.98;max-width:13ch}
.capa h1 em{color:#FF8054;font-style:normal}
.capa__sub{margin:24px 0 0;max-width:54ch;font-size:clamp(16px,1.5vw,19px);color:#D2CDC2;line-height:1.55}
.capa__sub b{color:#F7F4ED;font-weight:600}
.capa__acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.capa .btn{border-color:#F7F4ED;color:#F7F4ED}
.capa .btn--cheio{background:#F7F4ED;color:#111}
.capa .btn--cheio:hover{background:#FF8054;border-color:#FF8054;color:#111}
.capa .btn--vazio:hover{border-color:#FF8054;color:#FF8054}

/* ===== LUZ DIFUSA DE FUNDO (mecanismo 02) ===== */
.luz{position:relative;isolation:isolate;overflow:clip}
.luz::before,.luz::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.luz::before{width:520px;height:520px;top:-90px;left:-180px;background:rgba(222,58,22,.10);filter:blur(140px)}
.luz::after{width:460px;height:460px;bottom:-80px;right:-160px;background:rgba(90,120,170,.15);filter:blur(150px)}

/* ===== CARTOES COM FOTO DE FUNDO E EMPILHAMENTO (mecanismos 01 e 03) ===== */
.pilha{display:flex;flex-direction:column;gap:22px}
.cartao{
  position:sticky;border-radius:6px;overflow:hidden;background:#101114;color:#F1EEE7;
  min-height:520px;display:flex;align-items:flex-end;
  box-shadow:0 -18px 44px rgba(18,17,16,.18);
}
.cartao__foto{position:absolute;inset:0}
.cartao__foto img{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.5}
.cartao__veu{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(10,11,13,.96) 8%, rgba(10,11,13,.84) 42%, rgba(10,11,13,.44) 76%, rgba(10,11,13,.6) 100%);
}
.cartao__txt{position:relative;padding:44px 46px 40px;max-width:780px}
.cartao__id{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#FF8054;display:block;margin-bottom:14px}
.cartao h3{font-size:clamp(25px,3.1vw,40px);font-weight:700;letter-spacing:-.028em;margin:0 0 16px;line-height:1.04;text-wrap:balance}
.cartao h3 a{color:#F7F4ED;text-decoration:none}
.cartao h3 a:hover{color:#FF8054}
.cartao p{margin:0 0 14px;color:#CCC7BC;max-width:58ch;font-size:16.5px}
.cartao p.forte{color:#F1EEE7;font-size:18px}
.cartao__dados{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(247,244,237,.2)}
.cartao__dados span{font-family:var(--mono);font-size:12px;color:#ADA89C;letter-spacing:.03em}
.cartao__dados b{color:#F1EEE7;font-weight:500}
.cartao .ler{color:#F7F4ED;border-color:#FF8054;margin-top:22px}
.cartao .ler:hover{color:#FF8054}

/* ===== SELOS ===== */
.selos{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.selo{flex:1 1 210px;padding:24px 26px;border-right:1px solid var(--line)}
.selo:last-child{border-right:none}
.selo b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.selo span{display:block;margin-top:5px;font-size:13.5px;color:var(--ink-2)}
.selo a{color:var(--red)}

/* ===== SOBRE MIM ===== */
.sobre{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}
.sobre__foto{position:relative;border:1px solid var(--line);overflow:hidden;margin:0}
.sobre__foto img{width:100%;height:auto}
.sobre__txt p{margin:0 0 18px;color:#332F29;max-width:60ch}
.sobre__txt p.abre{font-size:21px;line-height:1.5;color:var(--ink)}
.capitulos{margin-top:28px;border-top:1px solid var(--line)}
.cap2{display:grid;grid-template-columns:132px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.cap2 dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);padding-top:3px}
.cap2 dd{margin:0;color:#332F29;font-size:16px}
.falta{background:var(--paper-2);border-left:3px solid var(--ink-2);padding:20px 22px;margin-top:26px}
.falta p{margin:0;font-size:15.5px;color:#332F29}
.falta .rot{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);display:block;margin-bottom:8px}

@media (max-width:980px){
  .sobre{grid-template-columns:1fr;gap:30px}
  .sobre__foto{max-width:360px}
  .cartao{min-height:440px}
  .cartao__txt{padding:34px 28px 32px}
  .cap2{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){
  .capa{margin-inline:-16px;min-height:76vh}
  .capa__conteudo{padding:0 16px 44px}
  /* relative, e nao static: a foto e o veu do cartao sao position:absolute e, com o cartao
     static, ancoravam no documento e cobriam o topo da pagina no celular (23/09). */
  .cartao{position:relative;top:auto!important;min-height:0}
  .cartao__foto img{opacity:.34}
  .luz::before,.luz::after{display:none}
  /* selos empilhados: a borda da direita sobrava na beira da tela */
  .selo{border-right:none;border-bottom:1px solid var(--line)}
  .selo:last-child{border-bottom:none}
}

/* ===== FICHA TECNICA E DECISOES ===== */
.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--ink);margin:36px 0 0;max-width:1240px}
.stack div{padding:20px 22px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.stack div:nth-child(2n){border-right:none}
.stack dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.stack dd{margin:0;font-size:15.5px;line-height:1.5;color:#332F29}
.stack code{font-family:var(--mono);font-size:13.5px;background:var(--paper-2);padding:1px 5px}

.decisao{border-left:2px solid var(--ink);padding:0 0 0 24px;margin:34px 0 0;max-width:760px}
.decisao h3{font-size:19.5px;font-weight:600;letter-spacing:-.015em;margin:0 0 10px}
.decisao p{margin:0 0 12px;color:#332F29;font-size:16.5px}
.decisao .porque{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:6px}
.decisao .medido{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);margin:0;padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:760px){.stack{grid-template-columns:1fr}.stack div{border-right:none}.decisao{padding-left:16px}}

/* coluna de retratos espacados ao longo do texto */
.sobre{align-items:stretch}
.sobre__col{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,6vh,90px)}
.sobre__col .sobre__foto{margin:0}
@media (max-width:980px){
  .sobre__col{flex-direction:row;gap:14px;justify-content:flex-start}
  .sobre__col .sobre__foto{flex:1 1 0;min-width:0}
}