*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--sans);
background: var(--bg);
color: var(--ink);
font-size: 15px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
} @font-face {
font-family: 'MakeartShekel';
src: local('Heebo'), local('HeeboRegular'), local('Arial Hebrew'), local('Arial'), local('system-ui');
unicode-range: U+20AA;
}
:root, body, button, input, select, textarea {
font-family: 'MakeartShekel', var(--sans);
} img, svg, video { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, textarea, select { font-family: inherit; }
::selection { background: var(--orange-light); color: var(--ink); }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; }
.container {
max-width: var(--container-max);
margin: 0 auto;
padding: 0 var(--container-pad);
} .sr-only {
position: absolute; width: 1px; height: 1px;
padding: 0; margin: -1px; overflow: hidden;
clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}