/* Eles fazem RENDEZVOUS: quem somos, em página editorial. */
.sobre { width: min(100% - 9%, 1120px); margin: 0 auto; padding: clamp(56px, 9vw, 120px) 0 clamp(64px, 9vw, 120px); }

.sobre-abertura { max-width: 900px; margin-bottom: clamp(56px, 8vw, 104px); }
.sobre-abertura h1 { margin: 0 0 clamp(26px, 3vw, 40px); font: 400 clamp(58px, 9.4vw, 136px)/.9 "Instrument Serif", Georgia, serif; letter-spacing: -2.5px; }
.sobre-abertura h1 em { color: var(--sand); }
.sobre-lead { max-width: 30ch; margin: 0; font: 400 clamp(27px, 2.9vw, 38px)/1.3 "Instrument Serif", Georgia, serif; color: var(--paper); }

/* cada bloco: rótulo à esquerda, texto à direita */
.sobre-bloco { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 680px); justify-content: space-between; gap: 24px clamp(32px, 6vw, 96px); padding: clamp(36px, 5vw, 60px) 0; border-top: 1px solid #554b41; }
.sobre-rotulo { margin: 0; font: italic 400 clamp(26px, 2.4vw, 32px)/1.1 "Instrument Serif", Georgia, serif; color: var(--sand); }
.sobre-bloco p { margin: 0 0 1.2em; font-size: 17px; line-height: 1.8; color: #e9e2d6; }
.sobre-bloco p:last-child { margin-bottom: 0; }

/* índice de nomes, como o expediente de uma revista */
.sobre-nomes { list-style: none; margin: 30px 0 0; padding: 0; border-top: 1px solid #3f3832; }
.sobre-nomes a { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; min-height: 52px; padding: 12px 0; border-bottom: 1px solid #3f3832; text-decoration: none; }
.sobre-nomes b { font: 400 clamp(24px, 2.3vw, 30px)/1.15 "Instrument Serif", Georgia, serif; color: var(--paper); transition: color .25s; }
.sobre-nomes span { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); text-align: right; }
.sobre-nomes a:hover b { color: var(--sand); }
.sobre-anos { margin-left: 8px; font: 400 12px/1 "DM Sans", Arial, sans-serif; letter-spacing: .06em; color: var(--muted); vertical-align: 3px; }
.sobre-memoria { margin-top: 22px !important; padding-left: 16px; border-left: 1px solid var(--sand); font: italic 400 19px/1.55 "Instrument Serif", Georgia, serif !important; color: #d6cfc3 !important; }

.sobre-formatos { display: grid; gap: 0; }
.sobre-formatos a { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid #3f3832; text-decoration: none; }
.sobre-formatos a:first-child { padding-top: 0; }
.sobre-formatos b { font: 400 34px/1 "Instrument Serif", Georgia, serif; color: var(--paper); transition: color .25s; }
.sobre-formatos span { font-size: 15px; line-height: 1.7; color: #d6cfc3; }
.sobre-formatos a:hover b { color: var(--sand); }
.sobre-nota { grid-column: 2; margin-top: 8px !important; font: italic 400 22px/1.45 "Instrument Serif", Georgia, serif !important; color: var(--paper) !important; }

.sobre-autor-corpo { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 32px; align-items: start; }
.sobre-autor-corpo img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; filter: saturate(.85); }
.sobre-autor-nome { margin-bottom: .5em !important; font: 400 34px/1.1 "Instrument Serif", Georgia, serif !important; color: var(--paper) !important; }

.sobre-convite { padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--sand); }
.sobre-convite h2 { margin: 0 0 20px; font: 400 clamp(40px, 5vw, 64px)/1 "Instrument Serif", Georgia, serif; color: var(--paper); }
.sobre-convite em { color: var(--sand); }
.sobre-convite div { display: flex; flex-wrap: wrap; gap: 10px 30px; }
.sobre-convite a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid #8a7a66; }
.sobre-convite a:hover { color: var(--sand); border-color: var(--sand); }

.sobre-rodape { display: flex; justify-content: space-between; gap: 20px; padding: 28px 0 48px; border-top: 1px solid #554b41; font-size: 13px; }
.sobre-rodape a { display: inline-flex; align-items: center; min-height: 44px; }

.sobre-equipe { display: grid; gap: 34px; }
.sobre-cargo { margin: 0 0 .35em !important; font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--sand) !important; }
.sobre-cofundadora { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 24px; align-items: start; padding-top: 30px; border-top: 1px solid #3f3832; margin-left: 212px; }
.sobre-cofundadora img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; filter: saturate(.85); }
.sobre-cofundadora-nome { margin-bottom: .4em !important; font: 400 28px/1.1 "Instrument Serif", Georgia, serif !important; color: var(--paper) !important; }
.sobre-cofundadora p:last-child { font-size: 15px; color: #d6cfc3; }
@media (max-width: 820px) {
  .sobre-cofundadora { margin-left: 0; grid-template-columns: 90px minmax(0, 1fr); gap: 20px; }
}

@media (max-width: 820px) {
  .sobre-bloco { grid-template-columns: minmax(0, 1fr); }
  .sobre-nota { grid-column: 1; }
  .sobre-bloco p { font-size: 16px; }
  .sobre-nomes a { flex-direction: column; align-items: flex-start; gap: 4px; }
  .sobre-nomes span { text-align: left; }
  .sobre-formatos a { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .sobre-autor-corpo { grid-template-columns: 120px minmax(0, 1fr); gap: 20px; }
}
