/* Gueulat Israel v2 — base: reset, tipografia, marca, foco, movimento. */
*{box-sizing:border-box;}
html{font-size:112.5%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--color-cream);color:var(--color-earth);font-family:var(--font-body);
  font-size:var(--size-base);line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.08;margin:0;letter-spacing:-.012em;text-wrap:balance;}
p{margin:0;text-wrap:pretty;}
a{color:var(--color-brick);text-decoration:none;}
a:hover{color:var(--color-earth);}
img,svg{max-width:100%;}
img{display:block;}
button{font-family:inherit;cursor:pointer;color:inherit;}
input,textarea{font-family:inherit;}
::selection{background:var(--color-gold);color:var(--color-cream);}
[hidden]{display:none!important;}
:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px;border-radius:4px;}
.skip{position:absolute;left:12px;top:-56px;z-index:60;background:var(--color-earth);color:var(--color-cream);
  padding:10px 16px;border-radius:var(--radius-md);font-weight:600;transition:top .2s ease;}
.skip:focus{top:12px;color:var(--color-cream);}
*::-webkit-scrollbar{width:12px;height:12px;}
*::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:999px;border:3px solid var(--color-cream);}
*::-webkit-scrollbar-track{background:var(--color-cream);}

/* Hebraico: fonte propria + RTL + lang="he" no elemento (leitores de tela). */
.he{font-family:var(--font-hebrew);direction:rtl;unicode-bidi:isolate;}
.tnum{font-variant-numeric:tabular-nums;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* O triangulo dourado — "o ramo que voltou". Marcador da marca. */
.tri{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;
  border-bottom:12px solid var(--color-gold);display:inline-block;}
.tri--sm{border-left-width:6px;border-right-width:6px;border-bottom-width:10px;}
.tri--lg{border-left-width:13px;border-right-width:13px;border-bottom-width:22px;}
.tri--down{transform:rotate(180deg);}
.tri--earth{border-bottom-color:var(--color-earth);}

/* Linha do horizonte do deserto — divisor-assinatura. */
.horizon{display:flex;align-items:center;justify-content:center;gap:16px;padding:2px 0;}
.horizon::before,.horizon::after{content:"";height:1px;width:min(180px,26vw);}
.horizon::before{background:linear-gradient(90deg,transparent,var(--color-gold));}
.horizon::after{background:linear-gradient(90deg,var(--color-gold),transparent);}

@keyframes gi-pulse{0%,100%{opacity:1;}50%{opacity:.45;}}
@keyframes gi-shimmer{0%{background-position:-160px 0;}100%{background-position:160px 0;}}
@keyframes star-arrive{0%{opacity:0;transform:translate(-52px,72px) rotate(-8deg);}
  60%{opacity:1;transform:translate(6px,-6px) rotate(1deg);}100%{opacity:1;transform:none;}}
@keyframes star-fade{from{opacity:0;}to{opacity:1;}}

/* Scroll-reveal: so esconde quando ha JS (SEO le tudo sem JS). */
/* Reveal seguro: o estado base NUNCA esconde conteudo; a animacao so entra no reveal. */
html.js [data-reveal].is-revealed{animation:gi-fade .6s ease both;}
.btn,.nav__link,.drawer__link,.porta,a{transition:color .15s ease,background .15s ease,border-color .15s ease,
  box-shadow .2s ease,transform .2s ease,filter .15s ease;}
.btn:active{transform:translateY(1px);}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  html.js [data-reveal].is-revealed{animation:none!important;}
}