/* =====================================================================
   Font experiment: the fonts of version 1 (Karantina for headlines,
   Assistant for text). To go back to Heebo, delete the one line
   <link rel="stylesheet" href="css/font-v1.css"> in index.html and
   about.html. Nothing else changes.
   ===================================================================== */
/* hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
  src: url(../assets/fonts/assistant-400-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
  src: url(../assets/fonts/assistant-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../assets/fonts/karantina-400-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../assets/fonts/karantina-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(../assets/fonts/karantina-700-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin */
@font-face {
  font-family: 'Karantina';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url(../assets/fonts/karantina-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Text */
:root { --font: 'Assistant', 'Arial Hebrew', Arial, sans-serif; --display-boost: 1.3; --hx-em: 10.3; }
body { font-weight: 400; }
.main-nav a, .hero-title-sub, .intro-p, .facts dd, .age-place, .ages-dots li,
.quote-card .quote-src, .footer-h, .modal-quote .quote-src, .method-lead,
button.text-link, .text-link, .btn { font-weight: 600; }

/* Headlines: Karantina is narrow and tall, so it runs larger and tighter */
.hero-title-main, .hero-question, .h2, .h3, .intro-big, .since, .facts dt,
.elements h3, .age-body h3, .schedule-q, .tile h3, .edu-name, .edu-format strong,
.footer-word, .footer-motto, .brand-name, .mobile-menu a:not(.btn), .modal-title,
.why-lead, .method-close, .story-lead, .tag, .values li, .letter-org,
.ran-name, .ran-method-name, .ran-kicker, .school-badge,
.quote-card blockquote::before, .letter blockquote::before {
  font-family: 'Karantina', var(--font); font-weight: 700; letter-spacing: 0;
}
.hero-title-main { font-size: clamp(3.4rem, 1.8rem + 6.2vw, 8.4rem); line-height: .95; max-width: 15ch; }
.h2, .intro-big { font-size: clamp(2.8rem, 2rem + 3.3vw, 4.8rem); line-height: 1; }
.age-body h3 { font-size: clamp(2.8rem, 2rem + 3.3vw, 4.8rem); line-height: .98; }
.hero-question, .schedule-q, .tile h3, .footer-motto, .modal-title,
.why-lead, .method-close, .h3 { font-size: clamp(2rem, 1.6rem + 1.4vw, 2.7rem); line-height: 1.05; }
.story-lead { font-size: 1.85rem; line-height: 1.05; }
.elements h3 { font-size: 2.1rem; line-height: 1; }
.since { font-size: clamp(5.4rem, 2.8rem + 10vw, 12rem); line-height: .85; }
.facts dt { font-size: clamp(2.8rem, 2rem + 2.6vw, 4.2rem); line-height: .95; }
.edu-name { font-size: clamp(3.4rem, 1.8rem + 6vw, 7.4rem); line-height: .95; }
.edu-format strong { font-size: 1.6rem; }
.footer-word { font-size: clamp(4.4rem, 20vw, 20rem); line-height: .8; }
.brand-name { font-size: 1.7rem; line-height: 1; }
.mobile-menu a:not(.btn) { font-size: clamp(2.8rem, 13vw, 4rem); line-height: 1.2; }
.tag { font-size: 1.25rem; padding: .15em .9em; }
.values li { font-size: 1.4rem; }
.letter-org { font-size: 1.5rem; }
.quote-card blockquote::before { font-size: 5rem; }
.letter blockquote::before { font-size: 5.6rem; line-height: .5; height: 1.6rem; overflow: visible; }

.ran-name { font-size: clamp(4rem, 2rem + 8vw, 10rem); line-height: .88; }
.ran-method-name { font-size: clamp(3.4rem, 2rem + 6vw, 7.4rem); line-height: .9; }
.ran-kicker { font-size: 1.7rem; }
.school-badge { font-size: 1.7rem; line-height: 1; }

/* activities + contact pages: the same headline voice */
.act-lead, .edu-plan-h, .edu-plan-big, .place-name, .follow-name {
  font-family: 'Karantina', var(--font); font-weight: 700; letter-spacing: 0;
}
.act-lead { font-size: clamp(1.9rem, 1.5rem + 1.2vw, 2.5rem); line-height: 1.05; }
.edu-plan-h { font-size: 2.2rem; }