/* Identidade da Latfy por cima da base: vem por ultimo no <head>.

   A base nasceu num tema de muralha e pincelada rasgada. Aqui tudo fica no
   clima do ateliê dela: serifa alta e fina (Cormorant), texto em Jost leve,
   botoes de corte reto com cantos chanfrados (sem rasgo), linhas finas cor
   de osso e o vinho do 🥀 como destaque. */

:root{
  --display:"Cormorant Garamond",Georgia,serif;
  --serifa:"Cormorant Garamond",Georgia,serif;
  --livro:"Cormorant Garamond",Georgia,serif;
  --texto:"Jost",system-ui,sans-serif;
  --nav:"Jost",system-ui,sans-serif;
  --breu:#0C0B0A;
  --brasa:#cdbfa8;
  --luz:#e9e2d6;

  /* botoes: retangulo com os quatro cantos chanfrados */
  --pincel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 160' preserveAspectRatio='none'%3E%3Cpath d='M22 0H578L600 22V138L578 160H22L0 138V22Z'/%3E%3C/svg%3E");
  --pincel-2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cpath d='M18 0H382L400 18V142L382 160H18L0 142V18Z'/%3E%3C/svg%3E");
  /* atras dos titulos: um fio fino que afina nas pontas, no lugar do golpe de tinta */
  --golpe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 120' preserveAspectRatio='none'%3E%3Cpath d='M0 62C200 58 400 58 600 62C400 66 200 66 0 62Z'/%3E%3C/svg%3E");
}
body{font-weight:300;letter-spacing:.01em}

/* marca e menu: Jost, sem o Archivo largo */
.marca-nome,.menu a,.intro .pular,.rodape__bloco,.sm-carimbo,.sm-dica{font-stretch:100% !important}
.menu a{font-weight:400 !important;letter-spacing:.3em !important}
.marca-nome{font-family:var(--serifa) !important;font-weight:600 !important;font-size:1.15rem !important;
  letter-spacing:.16em !important;text-transform:none}

/* ---------- titulos ---------- */
.tit__nome{font-weight:500;font-style:italic;text-transform:none;letter-spacing:.01em;
  background:linear-gradient(#fbf7f0 15%,#e3d9c8 55%,#b5a78f 95%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.85)) drop-shadow(0 0 18px rgba(0,0,0,.8))}
.tit--hero .tit__nome{font-size:min(17cqw,calc(96cqw / var(--n,8) / .6));font-weight:600}
/* sombra atras do bloco do inicio: o titulo fica sobre o papel aceso do biombo */
.bloco::before{content:"";position:absolute;z-index:-1;left:-18%;right:-18%;top:-30%;bottom:-20%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(10,8,7,.82),rgba(10,8,7,.55) 55%,transparent)}
.tit__nome-caixa::before{left:-14%;right:-14%;top:auto;bottom:-4%;height:22%;opacity:.9;background:#cdbfa8}
.tit__nome-caixa::after{display:none}
.tit__sub,.tit--hero .tit__sub{font-family:var(--texto);font-weight:400;letter-spacing:.32em}
.tit__fita{background:rgb(var(--acento) / .85)}
.lema span{font-weight:500 !important;text-transform:none !important}

/* ---------- botoes ---------- */
.arte-miolo{background:
    linear-gradient(100deg,rgb(var(--acento-escuro)) 0%,rgb(var(--acento)) 45%,rgb(var(--acento-escuro)) 100%)}
.arte-miolo::after{content:"";position:absolute;inset:4px;pointer-events:none;
  border:1px solid rgba(233,226,214,.35);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.arte-texto{font-family:var(--texto);font-weight:500;letter-spacing:.22em}
.arte-icone-caixa{border-color:rgba(233,226,214,.55);background:rgba(10,8,8,.35)}

/* abrir o biombo / fechar de novo: papel de arroz com texto escuro */
.derrubar .arte-miolo,.rever .arte-miolo{background:linear-gradient(170deg,#ece4d4,#d8ccb6 60%,#bfb097)}
.derrubar .arte-miolo::after,.rever .arte-miolo::after{border-color:rgba(20,15,12,.35)}
.derrubar .arte-texto,.rever .arte-texto{background:none;-webkit-mask:none;mask:none;color:#1a1310;
  text-shadow:none;transform:none;font-style:normal;font-weight:600;font-size:1em;letter-spacing:.16em;
  padding:0}
.derrubar .arte-icone-caixa > *{color:#2a1f19}

/* rachaduras do biombo: luz do papel, nao fogo */
.rachas .brilho{stroke:rgba(255,236,200,.5)}
.poeira{background:
    radial-gradient(58% 42% at 22% 88%, rgba(150,140,128,.7), transparent 70%),
    radial-gradient(64% 46% at 55% 94%, rgba(170,160,146,.75), transparent 72%),
    radial-gradient(52% 40% at 82% 86%, rgba(140,130,118,.65), transparent 70%),
    radial-gradient(92% 56% at 50% 100%, rgba(110,102,94,.6), transparent 75%)}

/* depoimentos: faixas laterais em vinho fino */
.dp-pincel{opacity:.55}