*{ box-sizing:border-box; }
body{
  margin:0; background:var(--carvao); color:var(--claro);
  font-family:var(--corpo); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{ text-decoration:none; color:inherit; }
:focus-visible{ outline:2px solid var(--sinal-cl); outline-offset:4px; border-radius:4px; }

.pagina{
  min-height:100vh; max-width:1100px; margin:0 auto;
  padding:80px 40px 64px;
  display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); gap:64px;
  align-items:start;
}
@media (max-width:900px){
  .pagina{ grid-template-columns:1fr; gap:44px; padding:56px 24px 56px; }
}

.identidade{ display:flex; flex-direction:column; gap:22px; position:sticky; top:80px; }
@media (max-width:900px){ .identidade{ position:static; gap:18px; } }
.marca{ width:64px; height:64px; }
.identidade h1{
  margin:0; font-family:var(--display); font-weight:900;
  font-size:46px; line-height:.98; letter-spacing:-.04em;
}
@media (max-width:900px){ .identidade h1{ font-size:36px; } }
.identidade .oficio{ font-size:17px; line-height:1.5; color:var(--claro-esc); max-width:30ch; }
.identidade .lugar{
  font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--tinta3);
}

.lista{ display:flex; flex-direction:column; gap:12px; }
.rotulo{
  font-family:var(--mono); font-size:13.5px; font-weight:600; letter-spacing:.18em;
  text-transform:uppercase; color:var(--claro-esc); padding-bottom:6px;
}
.rotulo + .rotulo, .lista > .rotulo:not(:first-child){ padding-top:24px; }

.item{
  background:var(--carvao2); border-radius:16px; padding:22px 24px;
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 20px; align-items:center;
  transition:background .16s ease, transform .16s ease;
}
.item:hover{ background:#22252B; transform:translateY(-1px); }
.item .titulo{
  font-family:var(--display); font-weight:800; font-size:21px; letter-spacing:-.02em;
  grid-column:1;
}
.item .seta{ grid-column:2; grid-row:1 / span 2; width:22px; height:22px; color:var(--sinal-cl); transition:transform .16s ease; }
.item:hover .seta{ transform:translateX(3px); }
@media (prefers-reduced-motion:reduce){ .item .seta, .item{ transition:none; } .item:hover .seta{ transform:none; } }
.item .oque{ grid-column:1; font-size:15px; line-height:1.5; color:var(--claro-esc); }
.item .onde{
  grid-column:1; font-family:var(--mono); font-size:12px; color:var(--tinta3); padding-top:6px;
}
.item.destaque{ background:var(--sinal); }
.item.destaque:hover{ background:#2439A6; }
.item.destaque .oque{ color:#D7DCF7; }
.item.destaque .onde{ color:#AFBBEF; }
.item.destaque .seta{ color:#FFFFFF; }

.rodape{
  grid-column:1 / -1; margin-top:12px; border-top:1px solid var(--regua-esc);
}
@media (max-width:900px){ .rodape{ padding-top:16px; } }