:root{--ink:#0a0a0b;--surface:#141416;--paper:#f3efe7;--muted:#9a968e;--brass:#b8924a;--line:rgba(243,239,231,.14);--display:"Open Sans","Heebo","Arial Narrow",Arial,sans-serif;--body:"Heebo","Arial Hebrew",Arial,sans-serif;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{font-family:var(--body);font-weight:300;color:var(--paper);background:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--brass)}
a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.skip{position:fixed;top:-100px;right:16px;z-index:100;background:var(--paper);color:var(--ink);padding:10px 16px;border-radius:6px;font-weight:400}
.skip:focus{top:16px}
header{display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);border-bottom:1px solid var(--line)}
header .brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none}
header .brand img{height:40px;width:40px;object-fit:contain}
header .brand span{font-family:"Space Grotesk","Heebo",Arial,sans-serif;font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:.9rem;direction:ltr}
header nav a{color:var(--paper);text-decoration:none;font-size:.9rem;margin-inline-start:22px}
header nav a:hover{color:var(--brass)}
main{max-width:760px;margin:0 auto;padding:10vh var(--pad) 14vh}
.eyebrow{font-size:1rem;letter-spacing:.2em;color:var(--brass);font-weight:500}
h1{font-family:var(--display);font-stretch:75%;font-weight:800;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:12px 0 10px;text-wrap:balance}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:40px}
h2{font-family:var(--display);font-stretch:75%;font-weight:800;font-size:1.5rem;margin:44px 0 12px;color:var(--paper)}
p,li{font-size:1.05rem;max-width:65ch}
ul{padding-inline-start:1.2em;margin:8px 0}
li{margin:6px 0}
.box{border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin:22px 0;background:var(--surface)}
.box b{font-weight:600}
footer{padding:26px var(--pad);border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--paper)}
@media (max-width:720px){header nav a{margin-inline-start:14px}}