*,*::before,*::after{box-sizing:border-box}
html{background:#000}
body{margin:0}
html,body{overflow-x:hidden;max-width:100%}
html{
  height: 100%;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-bold-aaa.woff2") format("woff2"), url("assets/fonts/ploni-ultrabold-aaa.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-demibold-aaa.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-regular-aaa.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-black-aaa.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-light-aaa.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-ultralight-aaa.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: Ploni Aaa;
  src: url("assets/fonts/ploni-medium-aaa.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root{
  --white-smoke: #f5f5f5;
  --dark: #0d0d0d;
  --white: white;
  --light-blue: #5c9df2;
  --red: #ea3e4e;
  --green: #7ecc7a;
}
/* shared font: Noto Sans Hebrew (used by several sections) */
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:300;font-display:swap;src:url("assets/fonts/noto-sans-hebrew-300.ttf") format("truetype")}
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/noto-sans-hebrew-400.ttf") format("truetype")}
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/noto-sans-hebrew-700.ttf") format("truetype")}
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:800;font-display:swap;src:url("assets/fonts/noto-sans-hebrew-800.ttf") format("truetype")}
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:900;font-display:swap;src:url("assets/fonts/noto-sans-hebrew-900.ttf") format("truetype")}
@font-face{font-family:"Noto Sans Hebrew";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/noto-sans-hebrew-500.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url("assets/fonts/poppins-900.ttf") format("truetype")}

/* scroll timeline (timeline.js): track + fill line drawn between the first and last marker */
.tl-track{position:absolute;z-index:0;pointer-events:none;width:var(--tl-w,3px);transform:translateX(-50%);background:var(--tl-track,#313131)}
.tl-fill{display:block;width:100%;height:100%;background:var(--tl-fill,#d4a63a);transform:scaleY(0);transform-origin:top}
[data-timeline] .tl-pending{opacity:.4;filter:grayscale(.7)}
[data-timeline] [class*="__dot"],[data-timeline] [class*="__badge"]{transition:opacity .35s,filter .35s}

@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/poppins-400.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/poppins-600.ttf") format("truetype")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/poppins-700.ttf") format("truetype")}

/* a11y helpers (session 103) */
:where(.c-roi-hero,.c-ls,.c-wb,.c-wm,.c-rb,.c-bh,.c-cl,.c-ph) :where(h1){margin:0;padding:0}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
summary > h3{display:inline;margin:0;padding:0;font:inherit}
