/* English only. Persian typography stays in the original page styles. */
@font-face{font-family:"Questrial";src:url("assets/fonts/questrial/Questrial-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url("assets/fonts/bebas-neue/BebasNeue-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
html[lang="en"]:root:root:root body,
html[lang="en"]:root:root:root body *,
html[lang="en"]:root:root:root body::after {
  font-family:"Questrial","Century Gothic",Arial,sans-serif!important;
}
html[lang="en"]:root:root:root body :is(
  .top-menu, .top-menu *,
  .frame-menu, .frame-menu *,
  .reveal-hero__nav, .reveal-hero__nav *,
  .frame-brand, .frame-brand *,
  .site-home-link, .archive-brand,
  .reveal-hero__identity h1
) {
  font-family:"Bebas Neue",Impact,sans-serif!important;
}
/* The landing animation ends at the persistent header's exact type metrics. */
html[lang="en"] :is(.frame-menu a, .reveal-hero.is-menu-open .reveal-hero__nav a) {
  font-size:clamp(.88rem,1vw,1rem);
  font-weight:400;
  letter-spacing:.08em;
  line-height:1.25;
  min-height:29.375px;
  height:29.375px;
  padding:0;
}
html[lang="en"] .reveal-hero.is-menu-open .reveal-hero__identity {
  top:calc(clamp(2rem,6vh,3rem) + 4.1px);
  right:calc(var(--header-side) + var(--brand-right-offset));
  left:auto;
  width:max-content;
  padding:0;
}
html[lang="en"] :is(.frame-brand, .reveal-hero.is-menu-open .reveal-hero__identity h1) {
  font-size:clamp(1.35rem,3.2vw,3.8rem);
  font-weight:400;
  letter-spacing:.09em;
  line-height:1;
  transform:scale(.8);
  transform-origin:right top;
}
html[lang="en"] .reveal-hero__nav a[data-menu] {order:0}
@media(max-width:700px) {
  html[lang="en"] :is(.frame-brand, .reveal-hero.is-menu-open .reveal-hero__identity) {
    top:1.15rem;
    right:6vw;
  }
  html[lang="en"] :is(.frame-brand, .reveal-hero.is-menu-open .reveal-hero__identity h1) {
    font-size:clamp(1rem,5.46vw,1.68rem);
    transform:none;
  }
  html[lang="en"] :is(.frame-menu, .reveal-hero.is-menu-open .reveal-hero__nav) {
    top:4.15rem;
    left:6vw;
    right:auto;
    width:calc(100% - 12vw);
    height:auto;
    justify-content:flex-start;
    gap:.2rem .75rem;
  }
  html[lang="en"] :is(.frame-menu a, .reveal-hero.is-menu-open .reveal-hero__nav a) {
    font-size:.66rem;
    min-height:30px;
    height:30px;
  }
}