/* 14/11 · o formato da casa numa frase, antes da agência. título em Fraunces subindo mascarado (motion.js);
   o texto embaixo nasce como código sépia e se resolve em letra, como o manifesto (emb.js) */
.emb { position: relative; min-height: 100svh; display: grid; place-items: center; padding: 14svh max(24px, 6vw); text-align: center; }
.emb-in { max-width: 1100px; }
.emb-title { margin: 0; font-family: var(--serif, "Fraunces", Georgia, serif); font-weight: 400; font-size: clamp(42px, 6.6vw, 118px); line-height: .98; letter-spacing: -.03em; color: #f3f0e8; }
.emb-title em { font-style: italic; color: rgba(240, 240, 240, .66); font-variation-settings: "SOFT" 100, "WONK" 1; }
.emb-lead { margin: clamp(26px, 4.4vh, 44px) auto 0; max-width: 34em; font-size: clamp(16px, 1.35vw, 21px); line-height: 1.55; color: rgba(240, 238, 230, .86);
  text-shadow: 0 1px 14px rgba(3, 4, 12, .9); }
.emb-lead .ec { display: inline; }
.emb-lead .ec.cd { font-family: ui-monospace, Menlo, monospace; font-size: .86em; color: rgba(236, 200, 140, .72); }
@media (max-width: 760px) {
  .emb { min-height: 88svh; padding: 10svh 22px; }
  .emb-title { font-size: clamp(36px, 11vw, 56px); }
}
/* 15/11 (celular): menos tela vazia entre o formato da casa e a agência */
@media (max-width: 760px) { .emb { min-height: 66svh; padding: 8svh 22px; } }