/* eb-garamond-latin-ext-400-italic */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/eb-garamond-latin-ext-400-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* eb-garamond-latin-400-italic */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/eb-garamond-latin-400-italic.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;
}

/* eb-garamond-latin-ext-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/eb-garamond-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* eb-garamond-latin-400-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/eb-garamond-latin-400-normal.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;
}

/* eb-garamond-latin-ext-500-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/eb-garamond-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* eb-garamond-latin-500-normal */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/eb-garamond-latin-500-normal.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;
}

/* vazirmatn-arabic-400-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* vazirmatn-latin-ext-400-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/vazirmatn-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* vazirmatn-latin-400-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/vazirmatn-latin-400-normal.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;
}

/* vazirmatn-arabic-500-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/vazirmatn-arabic-500-normal.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* vazirmatn-latin-ext-500-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/vazirmatn-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* vazirmatn-latin-500-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/vazirmatn-latin-500-normal.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;
}

* { box-sizing: border-box; }

html, body { margin: 0; }

body {
  background: #000;
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}

header {
  padding: 3vh 16px 4vh;
  background: #000;
  color: #fff;
}

.lang {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  margin-bottom: 5vh;
  font-size: 1rem;
  letter-spacing: 0.1em;
}

.lang a {
  color: #fff;
  opacity: 0.6;
  text-decoration: none;
}

.lang a:hover,
.lang a[aria-current="page"] {
  opacity: 1;
}

.lang a[aria-current="page"] {
  border-bottom: 1px solid currentColor;
}

h1 {
  margin: 0;
  font-size: clamp(2.5rem, 9vw, 5.5rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
}

.fade { height: 12vh; }
.fade-to-white { background: linear-gradient(to bottom, #000, #fff); }
.fade-to-black { height: 60vh; background: linear-gradient(to bottom, #fff, #000); }

main {
  background: #fff;
  color: #000;
  padding: 0 16px 4rem;
}

img {
  display: block;
  width: min(340px, 75vw);
  height: auto;
  margin: 0 auto;
}

.bio {
  max-width: 36rem;
  margin: 3rem auto 0;
  font-size: 1.3rem;
  line-height: 1.6;
  text-align: center;
}

.byline {
  margin: 1rem 0 0;
  text-align: center;
  font-style: italic;
  font-size: 1.2rem;
  opacity: 0.8;
}

.stories {
  max-width: 36rem;
  margin: 3rem auto 0;
  text-align: center;
  font-size: 1.3rem;
}

.stories h2 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.stories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stories a {
  color: #000;
  font-size: 1.6rem;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.stories .note {
  font-size: 1rem;
  opacity: 0.7;
}

.story {
  max-width: 34rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.6;
  hyphens: auto;
}

.story p {
  margin: 0;
  text-indent: 1.5em;
}

.story h2 {
  margin: 0 0 1.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

.story h2 + p {
  text-indent: 0;
}

.story p + h2 {
  margin-top: 4rem;
}

.chapter-no {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.6;
}

.story .tbc {
  margin-top: 3rem;
  text-indent: 0;
  text-align: center;
}

html[lang="fa"] body {
  font-family: Vazirmatn, Tahoma, sans-serif;
}

html[lang="fa"] h1 {
  letter-spacing: 0;
  line-height: 1.3;
}

html[lang="fa"] .bio {
  line-height: 2;
}

.lang a:lang(fa) {
  font-family: Vazirmatn, Tahoma, sans-serif;
}

.lang a:lang(pl),
.lang a:lang(en) {
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}

html[lang="fa"] .stories a:lang(pl) {
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
}

.byline a {
  color: inherit;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

html[lang="fa"] .byline {
  font-style: normal;
}

html[lang="fa"] .story {
  line-height: 2.1;
  hyphens: none;
}

html[lang="fa"] .story em {
  font-style: normal;
  font-weight: 500;
}

html[lang="fa"] .chapter-no {
  letter-spacing: 0;
}