
@font-face{font-family:Fraunces;src:url(fonts/fraunces-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:PlexHe;src:url(fonts/ibm-plex-sans-hebrew-hebrew-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:PlexHe;src:url(fonts/ibm-plex-sans-hebrew-hebrew-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Frank;src:url(fonts/frank-ruhl-libre-hebrew-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Frank;src:url(fonts/frank-ruhl-libre-hebrew-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Mono;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Mono;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--paper:#f4efe4;--tint:#ebe4d4;--ink:#231c14;--soft:#62574a;--rule:#cfc5b1;--soil:#17130e;--soil2:#241d15;--cream:#f2e9d8;--creamsoft:#bdb09b;--ochre:#a85a14;--ochrebright:#e0954a;--teal:#12756b;--tealbright:#46c7b5;--r:6px;
 --display:Fraunces,Georgia,serif;--body:Plex,system-ui,sans-serif;--mono:Mono,ui-monospace,monospace}
[lang=he]{--display:Frank,Fraunces,serif;--body:PlexHe,Plex,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--body)}
img,video{display:block;max-width:100%}a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;margin:0;text-wrap:balance}
h1{font-size:clamp(64px,13vw,168px);letter-spacing:-.02em}[lang=he] h1{letter-spacing:0;font-weight:700}
h2{font-size:clamp(32px,4.6vw,58px);letter-spacing:-.012em;max-width:18ch}[lang=he] h2{letter-spacing:0;font-weight:700}
h3{font-size:22px;line-height:1.2}
p{margin:0}.wrap{width:min(1240px,100% - 40px);margin-inline:auto}.narrow{max-width:780px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:12px;top:12px;z-index:30;background:#fff;padding:8px 12px}
:focus-visible{outline:2px solid var(--ochrebright);outline-offset:3px}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:10px 20px;background:rgba(23,19,14,.94);color:var(--cream);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:9px;font:600 21px var(--display);text-decoration:none}.brand img{border-radius:5px}
.top nav{display:flex;gap:20px;margin-inline-start:auto;font-size:15px}.top nav a{text-decoration:none;color:var(--creamsoft)}.top nav a:hover{color:var(--cream)}
.lang{font-size:14px;border:1px solid #57493a;border-radius:var(--r);padding:3px 11px;text-decoration:none;white-space:nowrap}.lang:hover{border-color:var(--cream)}
.hero{background:var(--soil);color:var(--cream);padding:clamp(48px,8vw,104px) 0 60px;background-image:linear-gradient(rgba(242,233,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(242,233,216,.045) 1px,transparent 1px);background-size:64px 64px}
.kicker{font:500 14px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ochrebright);margin-bottom:18px}[lang=he] .kicker{letter-spacing:0;font-family:var(--body);font-size:16px}
.lead{font-size:clamp(18px,2vw,22px);line-height:1.5;max-width:44em;margin-top:24px;color:#ddd2be}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:var(--r);font-weight:600;text-decoration:none;border:1px solid transparent;transition:background .15s,color .15s}
.solid{background:var(--ochrebright);color:#1c1208}.solid:hover{background:#efaa66}.line{border-color:currentColor}.line:hover{background:rgba(127,105,70,.18)}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;padding:0;margin:30px 0 clamp(36px,5vw,60px);font:400 14px var(--mono);color:var(--creamsoft)}[lang=he] .facts{font-family:var(--body);font-size:15px}
.clip{margin:0}.frame{display:block;position:relative;width:100%;padding:0;background:#111;border:1px solid #3b3227;border-radius:var(--r);overflow:hidden;cursor:zoom-in}
.frame video{width:100%;height:auto;aspect-ratio:auto}
.speed{position:absolute;inset-block-end:9px;inset-inline-end:9px;background:rgba(10,8,6,.82);color:#f4ede0;font:400 12px var(--mono);padding:2px 7px;border-radius:4px}[lang=he] .speed{font-family:var(--body)}
figcaption{font-size:14.5px;color:var(--soft);margin-top:9px;line-height:1.45}.hero figcaption,.dark figcaption{color:var(--creamsoft)}figcaption:empty{display:none}
.strip{background:var(--tint);padding:34px 0 26px;border-bottom:1px solid var(--rule)}.strip figure{margin:0}.strip img{width:100%;height:auto;border:1px solid var(--rule);border-radius:var(--r)}
.one{max-width:none}@media (min-width:821px){.one{white-space:nowrap}}
.ledge{--s:2;position:relative;height:0;z-index:5;pointer-events:none}.ledge img{position:absolute;width:calc(var(--w)*var(--s)*1px);height:calc(var(--h)*var(--s)*1px);max-width:none;image-rendering:pixelated}.ledge.on img{bottom:0}.ledge.under img{top:0}.ledge.rope img{top:26px}.ledge.rope::before{content:"";position:absolute;inset-inline-start:calc(3% + 15px);top:0;width:3px;height:120px;background:repeating-linear-gradient(#8a6a3c 0 5px,#5f4522 5px 8px)}
[dir=rtl] .ledge img{transform:scaleX(-1)}
.method{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);margin-top:60px;padding-top:44px;border-top:1px solid var(--rule)}.method h3{font-size:clamp(26px,3vw,38px)}.method p{margin-top:12px}.method .ticks{margin-top:4px}.method .note{margin-top:14px}
.chapter{padding:clamp(64px,9vw,128px) 0}.tint{background:var(--tint)}.dark{background:var(--soil2);color:var(--cream)}
.num{display:block;font:500 14px var(--mono);color:var(--ochre);margin-bottom:14px}.dark .num{color:var(--ochrebright)}
.big{font-size:clamp(18px,1.8vw,21px);line-height:1.5;margin-top:20px}.dark .big{color:#ddd2be}
.two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,72px);align-items:start}
.media{display:grid;gap:26px}.wide{margin-top:34px}
.ticks{list-style:none;padding:0;margin:24px 0 0}.ticks li{position:relative;padding-inline-start:22px;margin-bottom:11px}.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:9px;height:9px;background:var(--teal);transform:rotate(45deg)}.dark .ticks li::before{background:var(--tealbright)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}.lists{gap:clamp(30px,5vw,70px);margin-top:60px}.lists h3{margin-bottom:18px;font-size:25px}
.keys{margin:0}.keys>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:8px 0;border-top:1px solid #4a3e30;align-items:baseline}.keys dt{text-align:start}.keys dd{margin:0}
kbd{font:500 13px var(--mono);background:#3a2f22;border:1px solid #5e4e3b;border-bottom-width:2px;border-radius:4px;padding:2px 6px;white-space:nowrap}
.cards{display:grid;gap:12px}.card{border:1px solid var(--rule);border-radius:var(--r);padding:18px 20px;background:#faf6ec}.card p{margin-top:7px;color:#40362b;font-size:16px}
.tag{display:inline-block;vertical-align:middle;font:500 11px var(--mono);color:var(--ochre);border:1px solid currentColor;border-radius:4px;padding:1px 6px;margin-inline-start:6px}[lang=he] .tag{font-family:var(--body);font-size:12px}
.note{font-size:14.5px;color:var(--soft)}.shot{margin:44px 0 0}.shot img{border:1px solid var(--rule);border-radius:var(--r);width:100%;height:auto}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin-top:48px}.grid h3{margin-top:15px}.grid p{margin-top:7px;font-size:16px;color:#40362b}
.reports{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;align-items:center;margin-top:76px;padding-top:44px;border-top:1px solid var(--rule)}.reports h3{font-size:clamp(26px,3vw,38px)}.reports p{margin-top:12px}.reports figure{margin:0}
.sheets{display:flex;gap:14px;align-items:flex-start}.sheets img{min-width:0;flex:1 1 0;background:#fff;border:1px solid var(--rule);box-shadow:0 8px 20px rgba(50,35,15,.13)}.sheets img:first-child{flex:.72 1 0}.sheets img:last-child{flex:1.25 1 0}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:40px}.four h3{margin-bottom:8px}.four p{font-size:16px;color:#40362b}
.langs{margin:48px 0 0}.langs>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.langs img{border:1px solid var(--rule);border-radius:var(--r)}
.table{overflow-x:auto;margin-top:34px}table{border-collapse:collapse;width:100%;min-width:560px;background:#faf6ec}th,td{padding:12px 16px;text-align:start;border-bottom:1px solid var(--rule)}thead th{font:600 21px var(--display);border-bottom:2px solid var(--ink)}tbody th{font-weight:600}
.dl{margin-top:34px;padding:22px 24px;background:#faf6ec;border:1px solid var(--rule);border-radius:var(--r)}.dl h3{font-size:25px}.dlbtns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.dl ol{margin:16px 0 0;padding-inline-start:22px;color:#40362b;font-size:16px}.dl li{margin-bottom:5px}.dl .note{margin-top:9px}.soon{margin-top:18px;font-weight:600}.tut{margin-top:52px}.tut p{margin-top:8px}.tutlinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
details{border-top:1px solid var(--rule);padding:15px 0}details:last-child{border-bottom:1px solid var(--rule)}summary{cursor:pointer;font-weight:600;font-size:18px}details p{margin-top:9px;color:#40362b}#faq h2{margin-bottom:28px}
footer{background:var(--soil);color:var(--creamsoft);padding:44px 0;font-size:14.5px}footer p{margin-bottom:9px;max-width:80ch}.contact{color:var(--cream)}.fb{display:flex;align-items:center;gap:9px;color:var(--cream);font:600 20px var(--display)}.fb img{border-radius:4px}
.rail{position:fixed;z-index:10;top:50%;inset-inline-end:14px;transform:translateY(-50%);height:42vh;width:58px;display:flex;flex-direction:column;align-items:center;gap:5px;font:400 11px var(--mono);color:#8b7d68;mix-blend-mode:difference;pointer-events:none}
.rail-line{position:relative;flex:1;width:1px;background:currentColor}.rail-line i{position:absolute;left:-4px;top:0;width:9px;height:9px;background:var(--ochrebright);transform:rotate(45deg)}.rail-read{white-space:nowrap;direction:ltr}.rail-read b{font-weight:500}
.viewer{width:min(1400px,96vw);max-width:none;padding:0;border:0;background:#000;border-radius:var(--r)}.viewer::backdrop{background:rgba(5,4,3,.86)}.viewer video{width:100%}.viewer .x{position:absolute;z-index:2;top:9px;inset-inline-end:9px;min-height:36px;padding:0 13px;background:rgba(20,16,11,.88);color:#fff;border:1px solid #6b5c49;border-radius:var(--r);cursor:pointer;font:inherit;font-size:14px}
@media (max-width:1320px){.rail{display:none}.ledge{--s:1}.ledge.rope::before{inset-inline-start:calc(3% + 7px);height:70px}.ledge.rope img{top:18px}}
@media (max-width:980px){.top nav{display:none}.lang{margin-inline-start:auto}.two,.reports,.method{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.four{grid-template-columns:1fr 1fr}}
@media (max-width:640px){body{font-size:16px}.pair,.grid,.four,.langs>div{grid-template-columns:1fr}.chapter{padding:56px 0}.wrap{width:calc(100% - 32px)}.section text{font-size:20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
