/* Sistema visual de enzofurlan.com
   Fonte unica de verdade para cor e tipografia.
   Toda pagina do site carrega este arquivo antes do proprio <style>.
   Mudou aqui, mudou nas cinco paginas. */

:root{
  --paper:      #f3ecdd;
  --paper-soft: #f8f3e7;
  --paper-deep: #e9dfca;

  --ink:        #1a1612;
  --ink-2:      #3a3128;
  --ink-3:      #6b6052;

  --rule:       #cdbfa3;
  --gold:       #a8853f;
  --gold-soft:  #c8a865;
  --moss:       #3d4a3a;
  --petroleo:   #1f3a40;

  --serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --sans:  "DM Sans", "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --gut:   clamp(1.25rem, 4vw, 2.5rem);
  --maxw:  68rem;
  --texto: 38rem;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
img{max-width:100%; display:block}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink-2);
  font-family:var(--sans);
  font-weight:300;
  font-size:clamp(1rem,.4vw + .92rem,1.09rem);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{
  font-family:var(--serif); font-weight:400; line-height:1.1;
  letter-spacing:-.01em; color:var(--ink); margin:0;
}
h1 em,h2 em,h3 em{font-style:italic; font-weight:400; color:var(--gold)}
p{margin:0 0 1.15em}
strong{font-weight:600; color:var(--ink)}

.wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gut); position:relative}
.narrow{max-width:var(--texto)}

.eyebrow{
  font-family:var(--mono); font-size:.7rem; font-weight:400;
  text-transform:uppercase; letter-spacing:.2em;
  color:var(--ink-3); margin:0 0 1.5rem;
}

:focus-visible{outline:2px solid var(--gold); outline-offset:3px}

/* ---------------------------------------------------------------
   Cabecalho e rodape compartilhados. Iguais nas cinco paginas.
   Marca = logo + nome + lema. Namespace ef- para nao colidir com
   o <style> proprio de cada pagina.
   --------------------------------------------------------------- */
.ef-head{border-bottom:1px solid var(--rule); background:var(--paper)}
.ef-head-in{display:flex; align-items:center; justify-content:space-between; gap:1rem 1.7rem; flex-wrap:wrap; padding-block:1.5rem}
.ef-brand{display:flex; align-items:center; gap:.72rem; text-decoration:none; border-bottom:none; color:var(--ink)}
.ef-brand:hover{color:var(--ink)}
.ef-brand img{width:2.85rem; height:2.85rem; flex:none}
.ef-name{display:block; font-family:var(--serif); font-size:1.7rem; line-height:1}
.ef-name span{display:block; font-family:var(--mono); font-size:.58rem; font-weight:400; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-3); margin-top:.4rem}
.ef-nav{display:flex; align-items:center; gap:1.7rem; font-family:var(--sans); font-size:.72rem; font-weight:500; letter-spacing:.16em; text-transform:uppercase}
.ef-nav a{color:var(--ink); text-decoration:none; border-bottom:1px solid transparent; padding-bottom:2px; transition:border-color .25s ease}
.ef-nav a:hover{border-bottom-color:var(--gold)}

.ef-foot{border-top:1px solid var(--rule); padding-block:2.5rem; font-size:.86rem; color:var(--ink-3)}
.ef-foot-in{display:flex; flex-wrap:wrap; gap:1.25rem 3rem; justify-content:space-between; align-items:flex-start}
.ef-foot p{margin:0}
.ef-foot-name{font-family:var(--serif); font-size:1.15rem; color:var(--ink); margin-bottom:.2rem}
.ef-foot-links{display:flex; flex-direction:column; gap:.35rem}
.ef-foot a{color:var(--ink-3); text-decoration:none; border-bottom:1px solid transparent}
.ef-foot a:hover{color:var(--ink); border-bottom-color:var(--gold)}
.ef-foot-copy{font-family:var(--mono); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase}

@media (max-width:34rem){
  .ef-name{font-size:1.4rem}
  .ef-nav{gap:1.1rem; font-size:.66rem; letter-spacing:.12em}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important}
  html{scroll-behavior:auto}
}