/* ─── RESET & BASE ─────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  background:var(--bg);
  color:var(--grafite);
  font-family:var(--f-body);
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}

/* ambient background — blueprint grid + radial wash */
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg,transparent 0,transparent 47px,rgba(58,58,60,0.035) 47px,rgba(58,58,60,0.035) 48px),
    repeating-linear-gradient(90deg,transparent 0,transparent 47px,rgba(58,58,60,0.035) 47px,rgba(58,58,60,0.035) 48px);
}
body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 80% -10%,rgba(255,193,7,0.10),transparent 55%),
             radial-gradient(ellipse at -10% 110%,rgba(58,58,60,0.10),transparent 60%);
}

/* shared section base */
section{padding:var(--pad-sec) var(--pad-x)}

/* shared display headings inside h1/h2 */
.ital{
  font-family:var(--f-edit);
  font-style:italic;font-weight:400;
  text-transform:none;letter-spacing:-0.02em;
  color:var(--grafite-3);
}
.y{color:var(--amarelo-3)}
.mark{
  position:relative;display:inline-block;
  padding:0 .14em .02em .16em;
  isolation:isolate;
}
.mark::before{
  content:'';position:absolute;left:-.01em;right:-.01em;top:.12em;bottom:.08em;
  background:linear-gradient(90deg,var(--amarelo) 0%,var(--amarelo-2) 100%);
  z-index:-1;
  transform:skewX(-4deg);
  transform-origin:center;
  box-shadow:0 8px 18px rgba(255,193,7,0.18);
}

/* intro paragraph shared */
.intro-text{
  font-size:17px;font-weight:300;line-height:1.75;
  color:var(--grafite-3);max-width:560px;margin-bottom:52px;
}
.intro-text strong{color:var(--grafite);font-weight:600}

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