/* ENGLISH — fonts and type sizes only. Layout and colors are in base.css. */
@font-face{
  font-family:"TelAviv Brutalist";
  src:url("fonts/telaviv-brutalist-regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
:root{
  --display:"TelAviv Brutalist","Familjen Grotesk",Arial,sans-serif;
  --body:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;
  --label:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
body{font:400 17px/1.55 var(--body)}
.brand{font:400 clamp(32px,4vw,52px)/1 var(--display)}
.nav a{font:500 13px/1 var(--label);text-transform:uppercase;letter-spacing:.06em}
.lang{font:500 14px/1 "IBM Plex Sans Hebrew",var(--body)}
.intro p{font:500 clamp(22px,2.6vw,32px)/1.3 var(--body);letter-spacing:-.01em}
.reveal h2{font:400 26px/1.2 var(--display)}
@media (hover:none){.reveal h2{font-size:18px}}
.meta{font:400 12px/1.4 var(--label);text-transform:uppercase;letter-spacing:.05em}
.project-text h1{font:400 clamp(34px,4.8vw,60px)/1.1 var(--display)}
.pager a{font:400 13px/1.4 var(--label)}
.about h1,.contact h1{font:400 clamp(34px,4.4vw,54px)/1.1 var(--display)}
.yr{font:400 13px/1.7 var(--label)}
.cvlink{font:500 13px var(--label);text-transform:uppercase;letter-spacing:.06em}
.contact dt{font:400 12px/1.9 var(--label);text-transform:uppercase;letter-spacing:.06em}
.contact dd{font-size:20px}
.site-foot{font:400 12px var(--label)}