*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

html{
  scrollbar-width:thin;                                  /* Firefox: opción más fina disponible */
  scrollbar-color:var(--scrollbar-thumb) transparent;     /* Firefox: thumb / track */
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  background-color:var(--scrollbar-thumb);
  border-radius:999px;
  border:none;
  box-shadow:none;
  transition:background-color .3s var(--ease);
}
::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:transparent}

body{
  font-family:var(--body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem)}

.display{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-.01em}
.display em{font-style:italic;font-weight:500}
.eyebrow{
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--clay-text);font-weight:600;
}